Zet de reserveringswidget op je website

Een zwevende knop ‘Reserveren’ of een reserveringsformulier direct op je eigen site, in je eigen kleuren — in vijf minuten ingesteld met één regel code.

5 min leestijd Marketing, tracking en integraties Bijgewerkt op 13.09.2026

De reserveringswidget zet het reserveringsproces van TapTime op een website die je al hebt — je eigen domein, een site op WordPress, Wix, Tilda of Shopify, een landingspagina. Gasten reserveren zonder je site te verlaten, en de reservering komt op je overzicht precies zoals een reservering via je TapTime-pagina.

Paneel Reserveringswidget

Kies hoe hij eruitziet

  • Zwevende knop — een knop in een hoek van elke pagina; wie erop tikt, schuift het reserveringsvenster in beeld. Het best voor een hele website.
  • In de pagina — het reserveringsformulier staat in de pagina, op de plek waar je de code plakt. Het best voor een aparte pagina ‘Reserveren’.
  • Wat er wordt gereserveerd — tafels of afspraken, bij één vestiging of naar keuze van de gast.
  • Ontwerp — tekst, kleuren, vorm, grootte, icoon en hoek van de knop; breedte, hoogte, afronding en accentkleur van het venster; de taal, of die van de bezoeker.

Het voorbeeld rechts volgt elke wijziging terwijl je die maakt. Het reserveringsproces in het voorbeeld is echt, dus je kunt er helemaal doorheen klikken.

Zet hem op je site

  1. 1
    Sla je ontwerp op

    De insluitcode gebruikt altijd wat is opgeslagen, dus sla op voordat je kopieert.

  2. 2
    Kopieer de insluitcode

    Het is één regel: een script-tag met het adres van je bedrijf erin.

  3. 3
    Plak hem in je site

    Voor de zwevende knop plak je hem één keer vóór </body> op elke pagina, of in de instelling ‘eigen code / footer-scripts’ van je websitebouwer. Voor het formulier in de pagina plak je hem waar het formulier moet verschijnen.

  4. 4
    Open je site en reserveer een testtafel

    De reservering verschijnt meteen op je overzicht. Annuleer hem daar als je klaar bent.

Gebruik je eigen knop

Staat er al een knop ‘Tafel reserveren’ op je site? Geef hem het attribuut data-taptime-open en hij opent het reserveringsvenster in plaats van de zwevende knop. Ontwikkelaars kunnen ook TapTime.open() en TapTime.close() aanroepen vanuit hun eigen scripts.

Toegestane websites

Standaard werkt de widget op elke site. Voeg je domeinen toe onder Toegestane websites (één per regel, *.example.com voor subdomeinen) en browsers weigeren je reserveringspagina nog ergens anders in een frame te tonen.

Reserveringen en de analytics van je site

De widget geeft de campagne van je site (UTM-tags, advertentieklik-ID’s) en de cookies van GA en Meta door aan de reservering, zodat een reservering via de widget wordt toegeschreven aan de advertentie die de bezoeker naar je site bracht. Met ‘Reserveringen melden aan de tags van mijn website’ aan laat de widget het ook aan de pagina weten: hij zet taptime_booking_confirmed in de dataLayer van Tag Manager en activeert de eigen GA4 en Meta Pixel van je pagina, als die daar geïnstalleerd zijn.

Veelgestelde vragen

Maakt de widget mijn website trager?

Nee. Het script is klein, laadt asynchroon na je pagina, en het reserveringsvenster zelf laadt pas als een gast het opent.

Kan ik hem op meerdere websites gebruiken?

Ja. Plak dezelfde code op elke site. Heb je Toegestane websites ingevuld, voeg daar dan elk domein toe.

De knop verschijnt niet op mijn site.

Controleer of de code op de pagina staat en is opgeslagen in je websitebouwer, of je site gepubliceerd is, en of het domein in Toegestane websites staat als je dat hebt ingevuld. Sommige websitebouwers voeren eigen code alleen uit op de gepubliceerde site, niet in hun editor.

Was dit artikel nuttig?
Heeft dit je vraag niet beantwoord?

Schrijf ons en vermeld de pagina waarop je was. Een mens leest elk bericht en antwoordt in de taal waarin je schreef.

Schrijf ons