Booking software zoals Calendly, TidyCal of Youcanbookme integreren

Op deze pagina laten we zien hoe je afsprakensoftware kunt integreren op systeme.io.

Wat heb je nodig:

  • een systeme.io account
  • een verkoop funnel pagina
  • een Calendly, Tidycall of YouCanBook.me account
De volgende methode kan worden toegepast met Calendly, TidyCal & YouCanBook.me
We gebruiken Calendly als voorbeeld.
1. Op je Calendly account:
Genereer en kopieer de HTML-code van je afsprakenplanning

2. Op je systeme.io account :

Voeg het element "HTML-code" toe aan je pagina

Zet de code die je agendasoftware levert op de HTML-code die je had toegevoegd, sla dan de code en je pagina op.

Tenslotte zie je bij het bekijken van je pagina de Calendly kalender.

Opmerking: deze functie is zeer nuttig omdat je hiermee de Facebook-pixel kunt toevoegen aan je afsprakenplanning, wat niet altijd direct mogelijk is met andere afsprakensoftware.

Hoe je Calendly kunt integreren in een pop-up

Volg alle vorige stappen en daarna

  1. In de aangepaste code van je pop-up

Voeg een id-attribuut toe aan het div-element dat door Calendly wordt geleverd. Je kunt elke waarde gebruiken, maar zorg ervoor dat deze uniek is voor de pagina.

  1. Op de hoofdpagina van de editor

Ga naar de instellingenpagina, klik op Bewerk footercode en plak de code zoals hier weergegeven

Als je een id-naam hebt gekozen die anders is dan calendly-container, zorg er dan voor dat je deze vervangt nadat je de code hebt geplakt.

Hoe TidyCal in een popup te integreren

Voor de duidelijkheid doen we dit met een voorbeeld:

  1. Een code zoals hieronder werd door TidyCal verstrekt voor integratie:

  1. Het eerste wat we moeten doen is het HTML element in de popup plaatsen waar je je kalender wilt plaatsen. Kopieer deze regel <div class="tidycal-embed" data-path="YOUR_DATA_PATH"></div> en plak deze in je HTML-element.

  1. Ga vervolgens naar de pagina-instellingen en klik op "Footer code bewerken". Daar plak je de rest van de code die door TidyCal is verstrekt <script src="https://asset-tidycal.b-cdn.net/js/embed.js"></script> en voegen we deze snippet eronder toe: