Your AI Connector Docs

Deelbare boekingspagina

Elk type afspraak kan een eigen openbare boekingspagina hebben: één link die iedereen kan openen om een tijdstip te boeken, zonder account en zonder dat er eerst een bericht gestuurd hoeft te worden.

Plaats deze achter een Nu boeken-knop op je website, in je Instagram-bio, in je e-mailhandtekening, op een flyer als QR-code, of plak hem in een chat. Iedereen die de link opent, ziet je werkelijke beschikbaarheid en boekt direct in je agenda.

Voor wie is dit bedoeld:

  • Een kapsalon met een “Afspraak maken”-knop op de website.
  • Een coach of consultant die in elke e-mail een boekingslink meestuurt.
  • Een kliniek met een QR-code bij de receptie.
  • Iedereen die advertenties draait en een pagina nodig heeft om mensen naartoe te sturen.

Wat deze pagina anders maakt: de bezoeker voert zijn naam en e-mailadres of telefoonnummer in voordat de agenda zichtbaar wordt. Dit betekent dat iemand die de pagina opent, zijn gegevens invult en vervolgens vertrekt zonder een tijdstip te kiezen, toch wordt opgeslagen in je contacten, klaar voor een follow-up. Op een gewone boekingspagina is die persoon simpelweg weg. Zie Elke bezoeker wordt een contact hieronder.


De pagina inschakelen

De boekingspagina staat uit totdat je deze inschakelt, zodat er niet per ongeluk een type afspraak openbaar wordt.

  1. Klik op Afspraken in de zijbalk en open het tabblad Eventtypes.
  2. Klik op het potloodpictogram aan de rechterkant van de rij van het eventtype (of klik op Eventtype aanmaken om een nieuwe te maken).
  3. Scroll naar de onderkant van het formulier, naar het gedeelte Boekingspagina.
  4. Schakel Deelbare boekingspagina in. Er verschijnt een veld Linknaam en je voltooide link.
  5. Klik op Event opslaan (of Event aanmaken). De link is live zodra het eventtype is opgeslagen.

Tip: Geef het type afspraak eerst een klantvriendelijke naam. De naam die je gebruikt is de kop die bezoekers op de pagina lezen, dus “Gratis strategiegesprek van 30 minuten” werkt beter dan “Consult v2”.

De link is je normale webadres voor de app gevolgd door de Linknaam die je kiest, bijvoorbeeld .../book/salon-cut-30. Wanneer je de pagina voor het eerst inschakelt, wordt er automatisch een kort willekeurig einde voor je ingevuld. Verander dit in iets dat je prettig vindt om hardop voor te lezen.

Een paar regels:

  • Alleen kleine letters, cijfers en koppeltekens, tussen 3 en 60 tekens. Hoofdletters en spaties worden verwijderd terwijl je typt, dus je kunt geen einde opslaan dat niet zou werken.
  • Het moet uniek zijn. Als iemand anders de gekozen naam al gebruikt, krijg je bij het opslaan de melding: “Die linknaam is al in gebruik. Kies een andere.” Kies een andere en sla opnieuw op.
  • Het later wijzigen maakt de oude link ongeldig. Alles wat al naar de oude link verwees, stopt met werken, dus kies de naam definitief voordat je deze ergens op afdrukt.

Het gedeelte Boekingspagina biedt je drie manieren om de pagina te delen:

  • Link kopiëren kopieert deze naar je klembord, klaar om te plakken achter een “Nu boeken”-knop, in een e-mail, een bio, een advertentie of een bericht.
  • QR-code tonen verandert dezelfde link in een QR-code die je kunt afdrukken op een flyer, visitekaartje, etalage of tafelbordje.
  • Insluiten op website geeft je een klein stukje code waarmee je de agenda zelf op een pagina van je eigen website plaatst, zodat bezoekers kunnen boeken zonder je site te verlaten. Zie De agenda insluiten op je website hieronder.

De link wordt opgebouwd op basis van het webadres dat je voor de app gebruikt, dus als je op je eigen branded domein werkt, bevat de link ook dat domein. Niets extra’s in te stellen. (Als je ook een branded api.-adres hebt geverifieerd onder White Labeling, wordt de pagina ook via dat adres geladen; zo niet, dan valt deze automatisch terug op ons neutrale gedeelde adres.)


De agenda insluiten op je website

Als je de agenda liever op je eigen pagina toont in plaats van mensen naar een link te sturen, sluit deze dan in:

  1. Open het type evenement en scrol naar het gedeelte Boekingspagina, precies zoals hierboven.
  2. Klik op Insluiten op website. De insluitcode verschijnt.
  3. Klik op Code kopiëren en plak deze in de HTML van je website op de plek waar je de agenda wilt hebben — de meeste websitebouwers (WordPress, Wix, Squarespace, Webflow en andere) hebben hiervoor een “HTML”- of “aangepaste code”-blok.

Dat is alles. De ingesloten agenda is dezelfde boekingspagina in een frame: dezelfde stappen, dezelfde actuele beschikbaarheid, en iedereen die zijn gegevens invult wordt een contactpersoon, of ze de boeking nu voltooien of niet.

Goed om te weten:

  • Het formaat past zich automatisch aan. De code die je hebt gekopieerd bevat een paar regels waarmee de agenda kan groeien en krimpen met de inhoud (het tijdsrooster is hoger dan het bevestigingsscherm), dus je hoeft nooit met hoogtes te klooien.
  • Het werkt naast de chatwidget. Als op dezelfde pagina ook je chatwidget draait, gaan de twee prima samen: de agenda op de pagina, de chatbubbel in de hoek.
  • Je kunt het vaker dan één keer insluiten. Dezelfde code op meerdere pagina’s is prima, en agenda’s van twee verschillende typen evenementen op één pagina werken ook — elk frame past het formaat onafhankelijk aan.
  • De linknaam wijzigen verbreekt ook insluitingen. De code verwijst naar je link, dus dezelfde waarschuwing is van toepassing: bepaal de linknaam voordat je de code overal plakt.
  • De pagina uitschakelen schakelt de insluiting uit. Het frame toont dan dezelfde “accepteert geen boekingen”-melding als de link zou doen.

Wat je bezoeker ziet

De pagina is in de eerste plaats ontworpen voor telefoons, aangezien de meeste mensen op hun telefoon op een boekingslink tikken. Het bestaat uit drie korte stappen.

Stap 1: wie ze zijn. Naam, plus een e-mailadres of telefoonnummer. Eén van beide is voldoende, beide is beter. Dit is de stap die de pagina de moeite waard maakt, en deze wordt hieronder behandeld.

Stap 2: kies een tijd. Ze kiezen een dag en vervolgens een tijd. Tijden worden weergegeven in de tijdzone van de bezoeker, met een kleine “Tijden weergegeven in …”-notitie zodat er geen verwarring ontstaat. Ze zijn gebaseerd op exact dezelfde beschikbaarheid waar je AI tegenaan boekt: je wekelijkse uren, je opzegtermijn, hoe ver vooruit je boekingen toestaat, je ruimtes en alles wat al bezet is in een gesynchroniseerde Google Agenda. Zie Boekingssysteem voor hoe die instellingen werken.

Boeken bij een specifiek persoon. Als de ruimtes binnen het evenementtype naar personen zijn vernoemd (een kapper, een arts, een stylist), toont de pagina een Boeken bij-rij boven de tijden: Iedereen, plus één chip per persoon. Iedereen toont elke beschikbare tijd en de boeking gaat naar degene die vrij is, precies zoals voorheen; tik op een persoon en alleen hun tijden worden getoond, en de boeking wordt bij hen gemaakt. Evenementtypes waarvan de ruimtes generieke namen hebben, tonen zo’n rij niet. Zie Boeken bij een specifiek persoon voor hoe de AI diezelfde namen in de chat gebruikt.

Stap 3: bevestigd. Een korte samenvatting van wat ze hebben geboekt. Als Afspraak-e-mail naar contactpersoon sturen is ingeschakeld voor dat type evenement (dit is standaard zo), wordt ook de gebruikelijke bevestigingsmail verzonden.

Twee mensen kunnen niet dezelfde tijd boeken. Als iemand anders een plekje inpikt in de seconden tussen het tonen en het bevestigen ervan, geeft de pagina dit aan en toont de nog beschikbare tijden, in plaats van stilletjes een dubbele boeking te maken.

Van jouw kant gezien is een boeking die hier wordt gemaakt een gewone boeking: deze verschijnt op het tabblad Aankomende afspraken, synchroniseert met je Google Agenda als je die hebt gekoppeld, en geeft je een melding zoals elke andere boeking.


Elke bezoeker wordt een contactpersoon

Omdat de gegevens als eerste worden gevraagd, slaat de pagina mensen op waar je anders nooit van zou horen.

  • Op het moment dat iemand stap 1 voltooit, worden ze opgeslagen als contactpersoon met de naam en gegevens die ze hebben ingevoerd, en krijgen ze de tag booking-page-lead.
  • Als je al een contactpersoon hebt met dat e-mailadres of telefoonnummer, is het dezelfde contactpersoon, niet een nieuwe. Alleen lege velden worden ingevuld, dus niets wat je al had wordt overschreven.
  • Wanneer ze de boeking voltooien, krijgen ze ook de tag booking-page-booked.

Dat paar tags is de hele truc:

De contactpersoon heeft Wat het betekent
booking-page-lead en booking-page-booked Ze hebben geboekt. Niets meer te doen.
booking-page-lead maar niet booking-page-booked Ze zijn begonnen met boeken en hebben nooit een tijd gekozen. Dit is je lijst met afgebroken boekingen.

Beide tags verschijnen in je normale taglijst, dus je kunt je contactpersonen hierop filteren zoals bij elke andere tag (zie Tags gebruiken om contactpersonen te labelen).


Recept: Opvolging van afgebroken boekingen

Iemand die zijn naam en e-mailadres heeft ingevoerd en vervolgens het tabblad heeft gesloten, is een warme lead die is afgeleid. Hier is een eenvoudige automatisering die hen een uur later een e-mail stuurt. Zie Automatiseringen voor de builder zelf.

  1. Open Automatiseringen en maak een nieuwe automatisering aan. De snelste manier is om deze in gewone taal te beschrijven in het prompt-venster en vervolgens aan te passen wat er wordt gebouwd, maar dit is hoe het er uiteindelijk uit zou moeten zien.
  2. Stel de trigger in op Contact bijgewerkt en zet het veld op tags, zodat het wordt uitgevoerd telkens wanneer de tags van een contactpersoon veranderen.
  3. Voeg een Voorwaarde-stap toe: ga alleen door wanneer de contactpersoon de tag booking-page-lead heeft en niet de tag booking-page-booked.
  4. Voeg een Vertraging-stap toe van ongeveer een uur. Dit geeft iemand die simpelweg traag is met het kiezen van een tijdstip de kans om eerst af te ronden.
  5. Voeg na de vertraging opnieuw een Voorwaarde toe en controleer hetzelfde. Als ze de boeking tijdens dat uur hebben afgerond, hebben ze nu de tag booking-page-booked en stopt de automatisering daar in plaats van een klant lastig te vallen die al heeft geboekt.
  6. Voeg een e-mailstap toe (Gmail, of E-mail (uw mailserver) als u via uw eigen mailserver verstuurt) met een kort, vriendelijk bericht: “Ik zag dat je bent begonnen met boeken bij ons, hier is de link nogmaals voor het geval je nog een tijdstip wilt kiezen.” Plak je boekingslink erin.
  7. Sla op en zet vervolgens de Ingeschakeld-schakelaar aan.

Goed om te weten voordat je het bouwt:

  • E-mail werkt direct. Zolang de persoon een e-mailadres heeft achtergelaten, wordt dit uitgevoerd vanaf de dag dat je het inschakelt.
  • WhatsApp en sms zijn anders. Iemand die via de boekingspagina binnenkwam, heeft nog geen gesprek met je, en via chatkanalen kun je alleen op specifieke manieren een gesprek starten, dus een chat-opvolging is iets wat deze automatisering vandaag nog niet voor je kan doen. E-mail eerst.
  • Niet iedereen laat een e-mailadres achter. De pagina accepteert in plaats daarvan een telefoonnummer, dus voeg een voorwaarde toe of accepteer simpelweg dat leads die alleen een telefoonnummer hebben in je contacten blijven staan zodat je ze handmatig kunt benaderen.

De pagina uitschakelen en verwijderen

  • Schakel de pagina uit bij het type evenement en de link stopt met het aannemen van boekingen: iedereen die de link opent, krijgt te horen dat de pagina momenteel geen boekingen accepteert. Je linknaam blijft gereserveerd, dus als je deze later weer inschakelt, komt exact dezelfde link weer terug en werkt elke “Nu boeken”-knop die ernaar verwees weer.
  • Verwijder het type evenement en de bijbehorende pagina verdwijnt definitief. De linknaam komt vrij en iemand anders zou deze kunnen claimen, dus verwijder alleen als je echt klaar bent met die link.

Goed om te weten

  • Elk type evenement krijgt één pagina. Als je drie diensten aanbiedt, maak dan drie typen evenementen aan en deel drie links.
  • De pagina toont de naam van het evenement, hoe lang het duurt, waar het plaatsvindt en je branding. Niets van je account is zichtbaar voor bezoekers.
  • Een pagina kan door iedereen met de link worden geopend. Het staat nergens openbaar vermeld, maar het is ook niet geheim, dus behandel het als elke andere link die je deelt.
  • Nog niet beschikbaar: de bevestigingsmail bevat geen links om te verzetten of te annuleren, noch een agendabestand om aan een agenda toe te voegen, en de pagina kan zelf geen extra vragen stellen. Om extra gegevens te verzamelen, kun je beter via een chat boeken, waar je AI erom kan vragen (zie Extra informatie verzamelen tijdens het boeken).

Hulp nodig?

If you have questions about the booking page, reach out via our email support.