Hoe voeg je een boekingswidget toe aan Wix

Het Wix-gedeelte kost een paar minuten. Het gedeelte dat bepaalt of de boekingsflow echt nuttig is, gebeurt daarvoor, in SitPup.

Open de Widget-pagina, voeg je diensten toe met prijzen en capaciteit, zet de dieren aan die je accepteert, stel je beschikbaarheid in op de Kalender-pagina, en publiceer daarna vanuit de sectie Embed widget. Publiceren genereert je code, dus er is niets te plakken voordat dit klaar is.

Dit is de juiste keuze als je de knop op een specifieke plek op een specifieke pagina wilt, visueel gepositioneerd als elk ander element.

Wil je de knop op meerdere pagina's, dan wordt het handmatig toevoegen van een embedelement aan elke pagina omslachtig en inconsistent. Wix heeft hier een echte instelling voor.

Ga naar Instellingen, dan Custom Code, en voeg de SitPup-code daar toe. Je kiest op welke pagina's hij laadt, allemaal of een specifieke selectie, en of hij in de head of aan het einde van de body laadt. Voor een boekingsknop is de body de juiste keuze.

De knop converteert het beste waar een bezoeker net iets heeft gelezen dat hem wil laten boeken. Op huisdierenzorgsites is dat meestal het einde van een dienstomschrijving, meteen na je prijzen, of als eerste optie op je contactpagina, boven het contactformulier.

De onderkant van een lange homepage is de zwakste plek, omdat die ervan uitgaat dat mensen zo ver scrollen, en analytics op kleine bedrijfssites laten steeds weer zien dat de meesten dat niet doen. Twijfel je tussen twee plekken, gebruik dan allebei; dezelfde code werkt op zoveel plekken als je wilt.

Dit is de Wix-specifieke stap die mensen missen. Wix houdt een aparte mobiele lay-out bij naast je desktoplay-out, en elementen die je op desktop positioneert, komen niet altijd logisch terecht op mobiel.

Schakel in de editor naar de mobiele weergave en bekijk specifiek de embed. Veelvoorkomende problemen zijn dat het element helemaal verborgen is, zo klein geschaald dat de knop onleesbaar is, of overlappend met de sectie eronder. Repareer het daar, want het merendeel van je bezoekers ziet die versie in plaats van de desktopversie.

Wijzigingen in de Wix-editor zijn niet live totdat je publiceert, dus de eerste stap is voor de hand liggend maar makkelijk te vergeten als je haast hebt.

Open daarna de gepubliceerde URL in een privévenster, klik op de knop, en stuur een echte testaanvraag met ingevulde data en huisdiergegevens. Controleer of hij verschijnt onder Reserveringen in je SitPup-dashboard, met alles wat je verwachtte. Herhaal de klik op je telefoon. Pas daarna stuur je echt verkeer naar de pagina.