Project · WordPress · eigen software
Een eigen boekingsplugin bouwen voor verschillende soorten websites.
Voor mijn WordPress-platform ontwikkel ik een centrale bookingmodule. Een bezoeker kiest een datum, ziet de beschikbare tijdsloten en kan daarna de afspraakgegevens invullen. De module is bedoeld om binnen meerdere branchewebsites te gebruiken.
Aanleiding
Van een afspraakfunctie in een demo naar een gedeelde module
Bij het bouwen van websites voor onder andere een autogarage en kapsalon kwam dezelfde behoefte terug: klanten moeten zelfstandig een geschikt moment kunnen kiezen. In plaats van per demo de complete boekingsflow apart te onderhouden, ontwikkel ik die functionaliteit centraal.
Een garageafspraak en een kapsalonbezoek vragen ieder om eigen diensten en instellingen. De onderliggende stappen van datum, beschikbaarheid, tijdslot en klantgegevens zijn wel goed herbruikbaar.
Gebruikservaring
De juiste vervolgstap direct in beeld
De huidige ontwikkeling richt zich ook op de mobiele boekingsflow. Na het kiezen van een datum moet de tijdslotweergave direct zichtbaar worden. Na het kiezen van een tijdstip hoort het gegevensformulier op de juiste plek te verschijnen. Ook teruggaan naar de maandkalender moet vanzelfsprekend werken.
Daarvoor werk ik aan gecontroleerde stapovergangen en scrollgedrag, met aandacht voor kleine schermen en sticky headers. Het is een goed voorbeeld van hoe een ogenschijnlijk klein UX-detail bepaalt of een boeking prettig verloopt.
Techniek en vervolg
Onderdeel van Floorstack, met één centrale ontwikkelbasis
De plugin ontwikkel ik binnen mijn eigen WordPress-stack. Daarbij horen Gutenberg-compatibiliteit, een begrijpelijke beheeromgeving en een frontend die ook op mobiel klopt. De autogarage-demo is een praktische testomgeving voor de werking en gebruikservaring.
De module wordt verder doorontwikkeld. Functies en ondersteunende integraties vermeld ik pas als beschikbaar zodra die daadwerkelijk zijn getest. Zo blijft deze pagina een actueel projectverhaal van de eigen WordPress-bookingplugin.