Je hebt twee opties: de agenda volledig ingebouwd weergeven via een iframe, of een zwevende knop toevoegen die de agenda opent als popup.
Stap 1: Open de insluitopties
Ga naar Instellingen > Schedulers.
Klik op de drie puntjes naast de scheduler die je wilt insluiten en kies Scheduler insluiten.
Je ziet twee tabbladen: Insluiten en Widget.
Let op: insluiten werkt alleen voor schedulers die op Openbaar staan. Staat je scheduler niet openbaar, dan is de code niet beschikbaar. Je wijzigt dit via de drie puntjes > Bewerken.
Optie A: Insluiten (iframe)
Hiermee verschijnt de volledige boekingsagenda direct op je pagina. Bezoekers zien de kalender zonder ergens anders naartoe te worden gestuurd.
Je kunt het volgende instellen:
Achtergrondkleur — Kies een kleur die past bij je huisstijl via de colorpicker of voer een hex-code in.
Automatisch formaat aanpassen — Zet je deze toggle aan, dan past de hoogte van het iframe zich automatisch aan de inhoud aan. De insluitcode past daar automatisch op mee.
Kopieer de Insluitcode onderaan en plak deze in de HTML van je website op de plek waar je de agenda wilt tonen.
Optie B: Widget (zwevende knop)
Hiermee verschijnt er een zwevende knop op je website. Klikken erop opent je boekingsagenda als popup. Handig als je de agenda niet direct zichtbaar wilt, maar wel altijd bereikbaar.
Je kunt het volgende instellen:
Positie — Rechtsonder of linksonder op de pagina.
Knoplabel — De tekst op de knop, bijvoorbeeld Boek een gesprek.
Knopkleur — Voer een hex-code in of gebruik de colorpicker.
Grootte — Klein, Middel of Groot.
Kopieer de Widgetcode en plak deze in de HTML van je website. Je websitebeheerder kan je hierbij helpen als je niet zelf in de code werkt.
Tip: live voorbeeld bekijken
Rechts in het scherm zie je direct hoe je scheduler eruitziet. Wissel tussen desktop- en mobielweergave via de icoontjes rechtsboven. Zo zie je precies hoe het er voor je bezoekers uitziet voordat je de code kopieert.
Veelgestelde vragen
Mijn scheduler is niet openbaar. Kan ik hem toch insluiten?
Nee, insluiten werkt alleen voor openbare schedulers. Ga naar de drie puntjes naast je scheduler en kies Bewerken om de zichtbaarheid aan te passen.
Hoe zorg ik dat de agenda altijd mijn actuele beschikbaarheid toont?
Zorg dat je agenda gekoppeld is via Verbind je agenda op de Schedulers-pagina. TracklerPro synchroniseert dan automatisch met Google of Microsoft.
Waar stel ik de duur en beschikbaarheid van de afspraak in?
Dat doe je in de scheduler zelf via de drie puntjes > Bewerken.
🔗 Terug naar: Schedulers in Trackler