Kaddio

Integration av kontaktformulär

Detta är en exempelsida som visar hur Kaddio kontaktformulär kan användas på sidor utanför Kaddio, d.v.s. hemsidor som inte slutar på kaddio.com.

1. Aktivera modulen Kommunikation om du inte redan har den.
2. Bestäm vilken behandlare som tar emot nya meddelanden på Inställningar för Kommunikation.
3. Ställ in vilka sidor som tillåts bädda in din tidsbokning genom iframe under Inställningar > Säkerhet.
4. Implementera HTML och eventuellt Javascript på din sida, enligt nedan exempel.

Exempel i HTML

Här följer ett HTML-exempel på hur vi integrerar Demoklinikens (demo.kaddio.com) kontaktformulär direkt här på kaddio.com.
<iframe src="https://demo.kaddio.com/iframe/contact-us" style="border: 0" width="100%" height="500" frameborder="0" scrolling="no"></iframe>

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');
  }
}

Resultat

Formuläret nedan har skapats med koden ovan. Om du fyller i formuläret och skickar så hamnar informationen i demo.kaddio.com