In deze video laat ik je zien hoe je een reserveringssysteem kunt maken in WordPress waar je een dienst kunt kiezen, een persoon die de dienst zal verlenen, een datum, een tijdslot, wat informatie van de klant opslaan en de klant direct laten betalen. We zullen dit doen met behulp van de plugins JetEngine, JetAppointment, JetElements, en JetPopup van Crocoblock.
Dan maken we 2 custom post types aan. Diensten en Kappers. Maar het kan van alles zijn. Huizen, Advertenties, Appartementen, Leraren. We verbinden de diensten met de kappers zodat we kunnen beslissen welke kapper welke service aanbiedt. Dus bijvoorbeeld: Kapper Roy kan knippen en baard trimmen, maar geen snor trimmen.
We zullen het boekingsformulier aanpassen zodat het er beter uitziet en makkelijker in te vullen is. We zullen het zo vormgeven dat het past bij het ontwerp van de website. Daarna gebruiken we JetPopup om het formulier in een popup te plaatsen. We triggeren het in Elementor met een knop element.
Dan beslissen we wat er moet gebeuren als een nieuwe boeking wordt ingediend. We sturen een notificatie naar WordPress, een email naar de bedrijfseigenaar, een bevestigings email naar de boeker en we sturen de boeker door naar een bedankt pagina.
Overzicht met tijdstempels:
00:00 Intro
00:14 Het eindresultaat
04:04 Wat we in deze tutorial zullen behandelen
08:26 Crocoblock aanschaffen
13:38 Installeer JetEngine
14:11 Activeer de licentie
14:35 Installeer meer JetPlugins
16:30 Creëer aangepaste post types
21:21 Diensten en kappers toevoegen
24:36 JetAfspraak instellen
26:05 De openingstijden configureren
29:37 Enkel vs Algemeen reserveringsformulier
30:34 Jet Afspraak Instellingen
32:50 Aanbevolen afbeeldingen aan kappers toevoegen
35:14 Jet Engine Formulieren
35:37 Het formulier toevoegen in Elementor
38:36 De kappers aan de diensten koppelen
40:52 Het formulier invullen
43:06 Het boekingsformulier aanpassen
46:12 Prijzen toevoegen aan de diensten
47:55 De totale prijs tonen in het formulier
50:18 Het formulier in 4 delen splitsen
52:30:50 Een pop-up maken
58:30 De stijl van de popup kopiëren
59:53 De kleuren aanpassen
01:06:40 Een triggerknop voor de popup toevoegen
01:10:35 Pas de stijl van het formulier aan in Elementor
01:18:44 Laat de boeker vooraf betalen met WooCommerce
01:24:00 Inleiding tot Listings
01:29:43 De Listing aan het formulier koppelen
01:33:00 Een tweede listing maken
01:37:40 Het popup-gebied wijzigen
01:38:22 Een terug-knop toevoegen
01:42:25 Een e-mailsjabloon voor de winkeleigenaar maken
01:48:45 Een bevestigingsemail sjabloon maken voor de boeker
01:51:10 Een bedankpagina maken
01:55:00 Maak het formulier persoonlijker door een naam toe te voegen
01:59:10 Dank je wel
