Kaddio Tidsbokning och Kontaktformulär kan visas på vilken hemsida som helst. Du behöver ha modulen Tidsbokning och kalender för tidsbokningen och modulen Kommunikation för kontaktformuläret.  

Hur gör jag? 

  • Kopiera kodsnutten nedan och klipp in den i koden till din hemsida där du vill ha den.
  • Ändra "demo.kaddio.com" till din kaddio-adress.
  • Ställ in vilka webbplatser som är godkända för iframe under Inställningar > Säkerhet. Kaddio blockerar alla andra sidor som försöker bädda in Kaddio för att skydda dig från Clickjacking.

Kod Tidsbokning (ändra demo.kaddio.com till din egen url):

<iframe src="https://demo.kaddio.com/iframe/booking" style="border: 0" width="100%" height="100%" frameborder="0" scrolling="yes"></iframe>

Kod Kontaktformulär (ändra demo.kaddio.com till din egen url):

<iframe src="https://demo.kaddio.com/iframe/booking" style="border: 0" width="500" height="650" frameborder="0" scrolling="yes"></iframe>

 

Hur ser det ut? 
Titta här för exempel på hur det ser ut:
Tidsbokning: kaddio.com/iframe
Kontaktformulär: kaddio.com/iframe-contact-us

 

Kontaktformulär och SEO

För dig som tycker SEO är viktigt, erbjuder Kaddio meddelanden via postMessage() som du kan implementera på din sida enligt nedan

 
Exempel med Google Analytics "events"

window.addEventListener("message", receiveMessage, false);
function receiveMessage(event){

  // Lyssna ENDAST på meddelanden från kaddio - i detta fall Demokliniken.
  if (event.origin !== "https://demo.kaddio.com"){
    return;
  }

  // Formuläret har skickats ...
  if(event.data == 'kaddio.contactForm.success'){
    ga('set', {page: ..., title: ...});
    ga('send', 'event');
  }
}

 

Visa nästa lediga tid var som helst på webbsidan (avancerat)

Du kan visa information om nästa lediga tid utifrån olika filter, t ex en plats, en behandlare eller en behandlingsform, var som helst på din webbsida. Detta kan sedan kombineras med en filtrerad länk till kundens kaddio-bokningssida där själva bokningen genomförs.
Obs! Detta kräver kunskap om webbutveckling.
All info som krävs för utvecklaren finns här: https://github.com/kaddio/documentation/wiki/Kaddio-Client-Library