Moderne boekingsformulieren
Dit artikel legt uit hoe je moderne Bookly-boekingsformulieren configureert: Zoek-, Tags-, Services-, Personeels-, Annulerings- en Afrekenformulieren.
Weet je niet zeker welk boekingsformulier je moet gebruiken? Zie Kies een boekingsformulier.
Moderne boekingsformulieren zijn onder andere:
- Zoekformulier: klanten kiezen eerst een datum en zien daarna de beschikbare diensten en medewerkers.
- Tags formulier: klanten filteren diensten op tags of subcategorieën.
- Services formulier: klanten bekijken diensten in een catalogusweergave.
- Personeelsformulier: klanten kiezen eerst een medewerker.
- Annuleringsformulier: klanten annuleren afspraken via je website.
- Afrekenformulier: klanten betalen voor afspraken, evenementen of tickets via een directe link.
Ga naar Bookly > Weergave, kies het type modern formulier dat je wilt instellen en klik op Nieuw formulier toevoegen.
Om labels, teksten of andere formulierelementen te bewerken, klik je op het gedeelte dat je wilt wijzigen en pas je de instellingen rechts aan.
Wanneer je op de vervolgkeuzelijst Service of Staff klikt, kun je kiezen of je deze wilt weergeven en een standaardwaarde instellen.
In Instellingen kun je de formuliertitel bewerken, de slug kopiëren na het opslaan en de hoofdkleur kiezen.
Je kunt ook kant-en-klare thema’s en stijlvoorinstellingen gebruiken voor moderne boekingsformulieren. Kies een thema, pas de kleuren aan indien nodig en klik op Thema toepassen.
In de formulierinstellingen kun je een thema kiezen, een adaptief kaartraster inschakelen, de achtergrond van het formulier transparant maken, de positie van filters en kalender wijzigen, hoekafronding en kaartschaduwen aanpassen, of formulierranden verbergen.
Klik na het aanpassen van de stijlinstellingen op Opslaan.
Eerste weergave van het boekingsformulier
- Formulier: het boekingsformulier wordt op je webpagina getoond in de standaardweergave.
- Knop: het boekingsformulier wordt geopend in een modaal venster wanneer de gebruiker op een knop klikt.
Door op het kalendergedeelte te klikken, kun je de modus selecteren voor het weergeven van beschikbare datums in de kalender.
- Data weergeven volgens schema: de kalender toont alle werkdagen van medewerkers, ook als er op die dag geen tijdsloten meer beschikbaar zijn.
- Data zonder beschikbare timeslots uitschakelen: Bookly grijst alle drukke dagen uit. Let op: in deze modus is de laadtijd van het formulier afhankelijk van het aantal afspraken, medewerkers, diensten en locaties.
Door op een servicekaart te klikken, kun je het uiterlijk en de inhoud op de volgende manieren aanpassen:
- Pas de breedte van de servicekaart aan door de schuifregelaar te verplaatsen;
- Wijzig de hoogte koptekst, het gedeelte waar de afbeelding van de dienst wordt getoond;
- Met de optie Badge tonen wordt de naam van de medewerker boven aan de servicekaart getoond;
- Selecteer de eigenschappen die je zichtbaar wilt maken in het boekingsformulier als onderdeel van de kaartinhoud;
- Bepaal de volgorde van de inhoud naar wens met drag & drop.
Heb je meer controle nodig, dan kun je nog steeds aangepaste CSS toepassen om het boekingsformulier te stylen.
Om categorie-, medewerker- of servicespecifieke formulieren te configureren (van toepassing op het Services formulier en Personeelsformulier), klik je op de categorie-, service- of personeelskaart wanneer je het uiterlijk van je formulier bewerkt. Selecteer Aangepast rechts en kies de waarden die je aan klanten wilt tonen.
Om de stappen Categorieën of Diensten te verbergen, open je de formulierinstellingen en kies je de betreffende opties.
Om specifieke diensten in het formulier te verbergen, selecteer je ze in de vervolgkeuzelijst Verborgen diensten.
Weergavemodus kaarten bepaalt welke kaarten als eerste in het formulier worden geladen.
- Toon alleen kaarten met tijdsloten: toont alleen combinaties van dienst, medewerker en locatie met beschikbare tijdsloten voor de geselecteerde dag.
- Toon alle beschikbare kaarten: toont alle kaarten. Zijn er geen tijdsloten beschikbaar, dan zien klanten het bericht “Geen tijdslots beschikbaar”.
De tweede optie kan handig zijn voor pakketten, cadeaubonnen of grote configuraties waarbij het laden van alle kaarten de prestaties verbetert.
Wil je klanten de mogelijkheid geven om geboekte afspraken toe te voegen aan Google, Outlook, Apple of Yahoo Kalender? Schakel dan Toevoegen aan agenda in bij de laatste stap van het boekingsproces.
Klik na het configureren op Opslaan en daarna op de knop Vorige.
Een unieke shortcode voor het boekingsformulier, zoals [bookly-search-form my-form] of [bookly-services-form my-form-413], wordt weergegeven op de bijbehorende kaart. Klik op de menuknop om deze te kopiëren, klonen of verwijderen.
Om het formulier te publiceren, voeg je de shortcode toe aan een WordPress-pagina of -bericht. Meer informatie: Boekingsformulier publiceren.
Je kunt meerdere aangepaste formulieren maken voor specifieke diensten en medewerkers en deze op de relevante boekingspagina’s plaatsen. Alle afspraken die via deze formulieren worden gemaakt, verschijnen in dezelfde Bookly-kalender.
Tags formulier
Nadat je tags hebt toegewezen aan je diensten via Bookly > Diensten, kun je een Tags formulier maken op basis van die tags.
Tags kunnen dienen als categorieën of subcategorieën, zodat klanten diensten kunnen filteren terwijl ze door het boekingsformulier navigeren.
Om een Tags formulier te maken:
1. Kies in Bookly > Weergave het Tags formulier.
2. Klik op Nieuw formulier toevoegen.
3. Klik op het tabblad Tags op Subsectie toevoegen.
4. Selecteer de tags die je in deze stap wilt weergeven.
5. Voeg meer subsecties toe als je extra filterstappen wilt maken. Om een tag uit een stap te verwijderen, klik je erop in de subsectie.
6. Klik op Opslaan.
Selecteren klanten Tag A, Tag B en Tag C in verschillende stappen, dan toont Bookly alleen diensten die alle drie de tags hebben.
Hoofdinstellingen
In Hoofdinstellingen kun je het volgende configureren:
- Titel sectie: de tekst die aan klanten wordt getoond bij deze stap.
- Overslaan toestaan: hiermee kunnen klanten de stap voor het selecteren van tags overslaan.
- Titel knop overslaan: de tekst die op de knop voor overslaan wordt getoond.
- Breedte / Hoogte koptekst / Hoogte body: de afmetingen van de tag-kaarten. De titel, beschrijving en afbeelding van de tag stel je in via Bookly > Diensten.
Veelgestelde vragen
Hoe verander ik de kleur of de tekstgrootte van een waarschuwingsbericht?
Hoe verberg ik de velden Category / Service / Employee in het boekingsformulier?
Hoe verander ik de tekstkleur in het Bookly-boekingsformulier?