De widget op je site zetten
Het is kopiëren en plakken. Tien minuten, geen ontwikkelwerk.
In het portaal
Ga naar Koppelingen → Websitewidget.
- Kies je hoofdkleur. Meestal je huisstijlkleur. Hij wordt gebruikt voor knoppen en accenten.
- Druk op Widgetinstellingen opslaan.
- Eronder verschijnt een voorbeeld dat precies laat zien wat je bezoekers krijgen.
- Kopieer de HTML-code voor het iframe.
Het fragment bevat de sleutel die hem aan jouw account koppelt, dus er valt niets in te vullen of te genereren. Kopieer hem precies zoals hij is.
Op je website
Plak het fragment op de pagina waar je wilt dat mensen boeken.
WordPress
Bewerk de pagina, voeg een blok Aangepaste HTML toe en plak de code daarin. Gebruik geen alineablok. WordPress ontsnapt de tags daar en je krijgt de code als zichtbare tekst.
Wix, Squarespace, Webflow en vergelijkbaar
Elke bouwer heeft een element voor "embed" of "eigen code". Plak het daarin.
Een handgebouwde site
Plak het waar je de widget in de HTML van de pagina wilt hebben.
Waar je hem zet
De meeste verhuurbedrijven geven hem een eigen pagina (/reserveren, /boeken, /huur-een-fiets) en linken daarnaartoe vanuit een opvallende knop in het menu. Dat werkt beter dan hem in een zijbalk persen: de flow heeft ruimte nodig, en een bezoeker die op "Nu boeken" klikte verwacht een pagina over boeken.
Heb je meerdere locaties met een pagina per locatie, dan kun je hem op elk daarvan inbouwen.
Controleren of het werkt
Open je pagina in een browser en loop een boeking door tot de betaalstap. Je ziet:
- jouw kleur;
- je locaties, categorieën en prijzen;
- je werkelijke beschikbaarheid.
Ziet daar iets er verkeerd uit, dan staat het verkeerd in het portaal, niet in de embed.
Rond geen echte betaling af om te testen. Vraag support om een testtransactie.
De kleur later wijzigen
Wijzig hem in het portaal en sla op. Je hoeft je website niet opnieuw aan te raken: de kleur staat bij je bedrijf en wordt geladen als de widget opstart, dus het fragment dat je plakte is kleuronafhankelijk.
Veelvoorkomende problemen
| Symptoom | Oorzaak |
|---|---|
| De code staat als tekst op de pagina | Hij is in een tekstblok geplakt in plaats van in een HTML-/embedblok. |
| De widget is erg kort of afgeknipt | De omliggende pagina beperkt de hoogte. Geef de container ruimte. |
| Er verschijnen geen categorieën | De categorieën staan op intern gebruik, of de locatie heeft er geen. Zie Categorieën. |
| Alles is uitverkocht | Geen actieve objecten in de categorie, of onderhoudsvensters dekken de periode. Zie Objecten. |
| Geen betaalmethoden bij afrekenen | De verificatie is niet klaar, of er staat niets aangevinkt voor die locatie. Zie Betaalmethoden. |
Agendasynchronisatie staat er los van
Je boekingen in Google Agenda of Outlook krijgen is een andere functie op hetzelfde scherm. Zie Koppelingen.