Voeg de boekingsflow van Resevu toe aan je website
De widget opent de boekingsflow van Resevu vanaf je website. Diensten, medewerkers en beschikbare tijden komen uit de gekoppelde tenantconfiguratie.
Kies een van de 7 widgetthema’s. Je kunt ook eigen startknoppen gebruiken terwijl Resevu de boekingsmodal erachter weergeeft.
Boekt op je eigen site
Een knop op je website opent de boekingsmodal van Resevu zonder eerst naar een andere pagina te navigeren.
7 kant-en-klare stijlen
Selecteer een benoemd thema via de widgetconfiguratie.
Style het op jouw manier
Behoud je eigen websiteknoppen en open van daaruit de boekings- of cadeaubonmodal.
Klaar voor WordPress
Gebruik je WordPress? Voeg de widget toe met onze plugin en plaats hem via shortcode of block.
Vier eenvoudige manieren om de widget toe te voegen
Gebruik de route die het best bij je site past: een snelle embed, exacte plaatsing op de pagina, je eigen gestylede knoppen of de WordPress plugin.
Als je alleen de script tag toevoegt, plaatst Resevu automatisch een boekingsknop.
<script src="https://www.resevu.com/widget/widget.js"
data-tenant="tenant-slug"
data-language="nl"
data-template="oasis"></script>
Gebruik eigen zichtbare boekings- en cadeaubonknoppen terwijl Resevu de bijbehorende modal erachter opent.
<button type="button" onclick="window.openServiceModal()">
Book now
</button>
<button type="button" onclick="window.openVoucherModal({ amount: 70 })">
Buy voucher
</button>
<script src="https://www.resevu.com/widget/widget.js"
data-tenant="tenant-slug"
data-language="nl"
data-template="nasiam"></script>
Als je de knop op een exacte plaats wilt tonen, voeg je eerst een placeholder-element toe en laad je daarna de widget script.
<div class="resevu-booking-widget">Book now</div>
<script src="https://www.resevu.com/widget/widget.js"
data-tenant="tenant-slug"
data-language="nl"
data-template="oasis"></script>
Gebruik je WordPress? Installeer de Resevu plugin, stel je tenant een keer in en plaats de widget met een shortcode of block. De plugin laadt de widget voor je.
[resevu_booking_widget]
-
Plaats het waar mensen klaar zijn om te boeken
Gebruik de placeholder-versie dicht bij je hero-knop, behandelingen of prijslijst.
-
Thema-veilige defaults
Elk template past zijn vastgelegde palet toe op widgetvlakken, invoervelden en bedieningselementen.
-
Voucher klaar
Dezelfde uitstraling loopt ook door in cadeaubonmomenten en betaalstappen.
-
API en embed klaar
Start met de embed en koppel dieper via de public API wanneer nodig.
Wil je je eigen ontwerp voor de startknoppen behouden?
Kies een van de 7 widgetthema’s of open de Resevu-modals vanuit je eigen websiteknoppen. Voor integraties die een andere flow nodig hebben, is een publieke API gedocumenteerd.
- Start met een stijl per site voor een consistente beleving.
- Behoud je eigen knoppen en paginastyling wanneer je volledige merkcontrole wilt.
- Gebruik de WordPress plugin als je website op WordPress draait.
- Gebruik de API docs wanneer je dieper wilt integreren dan de standaard embed.
Kies uit 7 kant-en-klare stijlen
Selecteer het widgetthema dat het dichtst bij je website ligt, of behoud je eigen startknoppen en open van daaruit de Resevu-modal.
Kant-en-klare stijl
Resevu Signature
De huidige Resevu-stijl: minerale vlakken, diepmosgroene tekst en rustige eucalyptuskleurige acties.
Setup naam: resevu
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Kant-en-klare stijl
Oasis Sand
Warme spa-uitstraling met amberaccenten en linnen cards.
Setup naam: oasis
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Kant-en-klare stijl
Midnight Glow
Hoog contrast met glaslook en cyaanaccenten.
Setup naam: midnight
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Kant-en-klare stijl
Emerald Leaf
Fris groen met zachte gradients en luchtige cards.
Setup naam: emerald
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Kant-en-klare stijl
Aurora Mist
Blauwe gradients met strakke cards en zachte schaduwen.
Setup naam: aurora
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Kant-en-klare stijl
Blush Quartz
Boutique roze tinten met afgeronde vormen en zachte randen.
Setup naam: blush
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Kant-en-klare stijl
Nasiam Amber
Midnight-achtig maar zachter, met amber accenten van nasiam.be.
Setup naam: nasiam
Enkel een preview; diensten en beschikbaarheid komen uit de tenantconfiguratie.
Volgende stap
Wil je de widget zien op een setup zoals jouw eigen website?
We kunnen tonen hoe de widget eruit zou zien voor jouw salon, welke van de 7 stijlen het best past, waar een eigen gestylede knop slim is en hoe dit werkt op WordPress als dat jouw setup is.