Je hebt je eigen website — een kapsalon, een yogastudio, een kliniek. Een klant leest wat je aanbiedt en zoekt dan een manier om te boeken. Die persoon vindt een link in het menu, komt op een andere pagina terecht en moet zich opnieuw oriënteren. Elke extra stap is een moment waarop sommige mensen afhaken.
Daarom heeft micali.online nu een website-widget: een boekingsknop die je instelt in de app en met een korte code aan je website toevoegt. De knop zweeft in een hoek van elke pagina, en een klik opent een boekingsvenster rechtstreeks op je website — met een kalender van je evenementen en diensten. De klant kiest een tijdstip, vult de gegevens in en bevestigt, zonder ooit je site te verlaten.
De knop instellen in een paar klikken
Open Website-widget in het menu van de app (een root-beheerder stelt dit in). Je kiest:
- de knoptekst — bijvoorbeeld Nu boeken of Maak een afspraak,
- de kleur — om aan te sluiten bij je website; de tekstkleur op de knop past zich vanzelf aan zodat hij altijd leesbaar blijft,
- de positie — rechtsonder of linksonder,
- wat een klik doet — het boekingsvenster openen, of de klant naar je boekingspagina sturen,
- de taal van het boekingsvenster — de browsertaal van de bezoeker, of een vaste taal.
Direct onder de instellingen staat een voorbeeld: klik op de knop en het echte boekingsvenster opent met je evenementen en diensten. Daaronder staat de code, klaar om te kopiëren.
Het boekingsvenster, rechtstreeks op je website
Het venster neemt de kleur van je knop over en heeft twee tabbladen:
- Evenementen — een maandkalender met de dagen waarop data zijn gemarkeerd. De klant klikt op een dag, ziet de data eronder en kiest er een. Is een maand leeg, dan biedt het venster een sprong naar de eerstvolgende datum aan.
- Diensten — de klant kiest een dienst en een behandeling, daarna een dag in de kalender van vrije dagen, en een tijdstip.
Daarna vult de klant naam, e-mail en telefoon in, het aantal plaatsen en je formulier als dat er is — net als op de boekingspagina. Op een telefoon opent het venster op het volledige scherm.
Of gewoon een link naar je boekingspagina
Wil je dat klanten alles zien wat je aanbiedt — prepaidpakketten en ruimtes inbegrepen — kies dan voor de doorverwijzing. De knop opent dan je Micali-boekingspagina in een nieuw tabblad.
Hoe klanten bevestigen
Niemand is ingelogd in het venster, dus een boeking werkt precies als een boeking die op je boekingspagina wordt gemaakt zonder in te loggen: de klant krijgt een e-mail met een link, en de boeking is geldig zodra die wordt geopend. Tot dan zie je hem onder In afwachting van bevestiging, en kun je hem indien nodig zelf bevestigen voor de klant. De klant kiest een prepaidpakket op de bevestigingspagina.
De instellingen zitten in de code
De tekst, kleur, positie en taal staan in de code die je plakt, dus de knop op je website verandert nooit vanzelf. Wil je iets aanpassen, doe dat dan in de app, kopieer de nieuwe code en vervang de oude. Micali onthoudt je laatste instellingen, dus je begint niet opnieuw vanaf nul.
Het vertraagt je website niet
De code op je website is maar een paar kilobyte groot en tekent niets anders dan de knop. Het boekingsvenster laadt pas na een klik, en terwijl het laadt ziet de klant een laadindicator. De knop staat los van de stijlen van je website, zodat je thema hem niet kan verstoren en hij je thema niet kan verstoren.
Hoe je begint
- Open Website-widget in het menu.
- Stel de tekst, kleur, positie en het gedrag van de knop in en probeer het uit in het voorbeeld.
- Klik op Code kopiëren.
- Plak de code in je website vlak vóór de afsluitende
</body>-tag — in WordPress, Wix, Webflow of Squarespace is daar een plek voor aangepaste code of een HTML-blok.
De details vind je in het helpcentrum.
