Voeg Resevu toe aan je website, op jouw manier.

Start met één script, gebruik je eigen boekingsknop, kies een exacte positie of koppel via WordPress.

01 — Snelle setup

Eén script-tag

Resevu plaatst automatisch de boekingsknop.

<script src="https://www.resevu.com/widget/widget.js"
  data-tenant="tenant-slug"
  data-language="nl"
  data-template="oasis"></script>

02 — Je eigen knop

Behoud je eigen styling

Je eigen websiteknop opent de Resevu-bookingflow.

<button type="button"
  onclick="window.openServiceModal()">
  Boek nu
</button>

03 — Exacte plaatsing

Plaats de knop waar hij telt

Gebruik een placeholder bij je behandelingen, hero of prijslijst.

<div class="resevu-booking-widget">
  Boek nu
</div>

04 — WordPress

Plugin en shortcode

Stel je tenant één keer in en voeg de widget toe via shortcode of block.

[resevu_booking_widget]

Controleer de volledige boekingsroute voor je publiceert.

De embed koppelt je website aan de behandelingen, medewerkers, roosters en uitzonderingen in je Resevu-werkruimte. Wijzigingen in die setup lopen door naar de widget, zodat je de websitecode niet telkens hoeft te vervangen wanneer de beschikbaarheid verandert.

Gebruik de juiste werkruimtegegevens

Vervang de voorbeeldslug van de tenant, kies de taal voor je klanten en selecteer het widgetthema dat bij je website past. Laad het script één keer, ook wanneer meerdere knoppen dezelfde boekingsflow openen.

Test zoals een klant

Open de widget op desktop en mobiel, kies een behandeling en controleer of alleen de verwachte medewerkers en boekbare momenten verschijnen. Als betalingen of cadeaubonnen actief zijn voor de werkruimte, test je die routes apart voordat je de knop vanuit je hoofdnavigatie koppelt.

Hou eigen knoppen toegankelijk

Gebruik een echte knop met een duidelijk label zoals “Boek nu” wanneer je zelf de startknop maakt. Hou toetsenbordfocus zichtbaar en open de Resevu-modal vanuit die knop; gebruik de placeholderklasse op een wrapper wanneer Resevu de zichtbare knop moet maken.

Een diepere integratie nodig?

Gebruik de publieke API of neem contact op voor hulp met je website.

API-documentatie Contacteer ons