Classic form (stapsgewijs boekingsformulier)
Dit artikel legt uit hoe je het klassieke stapsgewijze boekingsformulier aanpast.
Weet je niet zeker welk boekingsformulier je moet gebruiken? Zie Type boekingsformulier / Kies een boekingsformulier.
Het klassieke boekingsformulier aanpassen
Je kunt de lay-out, kleuren, labels, velden en stapteksten van je boekingsformulier aanpassen. Zo bewerk je het formulier:
1. Ga naar Bookly > Weergave.
2. Kies Stap voor stap formulier.
3. Pas de instellingen van het formulier aan in de beschikbare tabbladen.
4. Klik op Opslaan.
Kleuren aanpassen
Gebruik de kleurenkiezer om de hoofdkleuren van het klassieke boekingsformulier aan te passen aan het design van je website.
Klik na het aanpassen van de kleuren op Opslaan.
Teksten bewerken en boekingsgegevens toevoegen
Je kunt de tekst aanpassen die bij elke boekingsstap wordt getoond.
Klik op de onderstreepte tekst om het bewerkingsvenster te openen. Voer je tekst in en voeg codes toe zoals {service_name}, {staff_name} of {total_price} om boekingsgegevens dynamisch te tonen.
Begin met het typen van `{` om de beschikbare codes te zien. Klik op Toepassen en daarna op Opslaan.
Voorbeeld:
Je hebt {service_name} geboekt bij {staff_name} om {service_time} op {service_date}. De prijs voor de dienst is {service_price}. Vul je gegevens in het formulier hieronder in om de boeking af te ronden.
Voor de volledige lijst met beschikbare codes, zie Alle placeholders.
Geavanceerd: voorwaardelijke en herhaalde inhoud
Gebruik voorwaardelijke blokken om tekst alleen te tonen wanneer specifieke boekingsinformatie aanwezig is.
Voorbeeld:
{#if extras} Extra items: {extras}{/if}
Gebruik je add-ons die meerdere afspraken in één boekingssessie toestaan, dan kun je herhaalde blokken gebruiken om details voor elke afspraak te tonen.
Voorbeeld:
{#each appointments as appointment}
Dienst: {appointment.service_name}
Medewerker: {appointment.staff_name}
Datum en tijd: {appointment.appointment_date} om {appointment.appointment_time}
{/each}
Controleer de mobiele versie
Section titled “Controleer de mobiele versie”Wijzig of vertaal je knoptitels, controleer dan ook de mobiele versie van het formulier. Open Weergave in Bookly in mobiele weergave, werk de knopteksten voor elke stap bij en sla de wijzigingen op.
Stappen of velden verbergen
Om boekingsstappen of velden te verbergen, pas je de shortcode-instellingen aan wanneer je het formulier aan een pagina toevoegt.
Meer informatie: Boekingsformulier publiceren
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?