01 — Snelle setup
Eén script-tag
Resevu plaatst automatisch de boekingsknop.
<script src="https://demo.resevu.com/widget/widget.js"
data-tenant="tenant-slug"
data-language="nl"
data-template="oasis"></script>
← Booking widget
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.
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
Installeer de plugin en voeg daarna het blok toe.
Upload de ZIP in WordPress, activeer Resevu en configureer je werkruimte, taal en thema. Voeg daarna het native boekingsblok toe of gebruik de shortcode.
Download WordPress-plugin
ZIP-bestand · direct te uploaden
Shortcode inbegrepen
[resevu_booking_widget]
Kopieer ook de website-origin die de plugin toont naar Toegestane widget-origins in Resevu.
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. WordPress-gebruikers kopiëren ook de website-origin die de plugin toont naar Instellingen → Algemeen → Toegestane widget-origins in Resevu.
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.