De boekingswidget op je website zetten

Klanten laten reserveren vanaf je eigen website. Er zijn drie manieren, van de eenvoudigste tot de mooiste. Ze tonen alle drie hetzelfde formulier.

Wat je nodig hebt

Je eigen boekingslink. Die vind je in de back office onder de instellingen van de widget. In de voorbeelden hieronder staat VOORBEELD op de plaats van jouw code.

Meld je domein aan

Voor manier 2 en 3 moet je domein bij ons geregistreerd staan. Doe je dat niet, dan weigert de browser het formulier te tonen op je site. Registreer het in de back office, precies zoals het in de adresbalk staat, dus met https:// en zonder pad.

1. Een link of QR-code

Zet de link op je site, in je handtekening of op een sticker in de wagen. Je hoeft niets te installeren en je domein hoeft niet aangemeld te zijn.

https://taxibuddy.be/nl/book/VOORBEELD

2. Een iframe

Plak dit in de HTML van je pagina. Het formulier staat meteen op je site, zonder script.

<iframe
  src="https://taxibuddy.be/nl/book/VOORBEELD?embed=1"
  title="Boek een rit"
  allow="geolocation"
  style="width:100%;height:1150px;border:0;display:block"
></iframe>

De hoogte staat vast. Kies ze niet lager dan hieronder, anders krijgt je bezoeker een tweede schuifbalk binnen het formulier.

3. Het script (aanbevolen)

Werkt zoals het iframe, maar het formulier past zijn eigen hoogte aan. Bij elke stap wordt het vak precies zo hoog als nodig.

<script
  src="https://taxibuddy.be/embed/v1/widget.js"
  data-slug="VOORBEELD"
  data-locale="nl"
  async
></script>

Werkt het script niet, bijvoorbeeld door een adblocker, dan valt het terug op een gewone link. Je bezoeker komt er altijd.

Waar je op moet letten

Je pagina moet over https lopen. Op http weigert de browser het formulier.
Geef het vak de volle breedte van je kolom. Het formulier schikt zich naar smalle schermen.
Minimale hoogte voor manier 2: 1150 pixels.
Zet nl, fr, en of ar in de link voor de taal van het formulier.

Als je site een eigen beveiligingsbeleid heeft

Blokkeert je pagina externe frames met een Content-Security-Policy, dan moet je ons adres toelaten in de regel frame-src:

Content-Security-Policy: frame-src https://taxibuddy.be;

Het werkt niet

Ik zie een leeg vak: Je domein staat niet aangemeld, of niet op de letter juist. Controleer https, www en de poort.
Er zit een schuifbalk in het formulier: Het iframe is te laag. Verhoog het, of gebruik manier 3.
Er staat dat online reserveren uit staat: De widget staat uit in de back office. Zet ze daar weer aan.

Nog vragen

Mail ons op info@taxibuddy.be met je domein en de link die je gebruikt.