Add the Resevu booking flow to your website
The widget opens the Resevu booking flow from your website. Services, employees and available times come from the connected tenant configuration.
Choose one of 7 widget themes. You can also use your own launcher buttons while Resevu renders the booking modal behind them.
Books on your site
A button on your website opens the Resevu booking modal without first navigating to another page.
7 ready-made styles
Select a named theme through the widget configuration.
Style it your way
Keep your own website buttons and call the booking or voucher modal from them.
WordPress ready
Using WordPress? Add the widget with our plugin and place it via shortcode or block.
Four simple ways to add the widget
Use the route that fits your site best: a quick embed, exact placement on the page, your own styled buttons, or the WordPress plugin.
If you only add the script, Resevu injects the booking button automatically.
<script src="https://www.resevu.com/widget/widget.js"
data-tenant="tenant-slug"
data-language="en"
data-template="oasis"></script>
Use your own visible booking and voucher buttons while Resevu opens the corresponding modal behind them.
<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="en"
data-template="nasiam"></script>
If you want the button in one exact location, add a placeholder element first and then load the 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="en"
data-template="oasis"></script>
Using WordPress? Install the Resevu plugin, set your tenant once and place the widget with a shortcode or block. The plugin loads the widget for you.
[resevu_booking_widget]
-
Place it where people are ready to book
Use the placeholder version near your hero button, treatment list or pricing section.
-
Theme-safe defaults
Each template applies its defined palette to the widget surfaces, inputs and controls.
-
Voucher ready
The same look also carries into voucher moments and payment steps.
-
API and embed ready
Start with the embed and connect deeper through the public API when needed.
Want to keep your own launcher design?
Choose one of the 7 widget themes or open the Resevu modals from your own website buttons. A public API is documented for integrations that need a different flow.
- Start with one style per site for a consistent feel.
- Keep your own buttons and page styling when you want full brand control.
- Use the WordPress plugin if your website runs on WordPress.
- Use API docs when you want deeper integration beyond the default embed.
Choose one of 7 ready-made styles
Select the widget theme that is closest to your website, or keep your own launcher buttons and open the Resevu modal from them.
Ready-made style
Resevu Signature
The current Resevu look: mineral surfaces, deep moss type and calm eucalyptus actions.
Setup name: resevu
Preview only; services and availability come from the tenant configuration.
Ready-made style
Oasis Sand
Warm spa look with amber highlights and linen cards.
Setup name: oasis
Preview only; services and availability come from the tenant configuration.
Ready-made style
Midnight Glow
High-contrast glassmorphism with cyan accents.
Setup name: midnight
Preview only; services and availability come from the tenant configuration.
Ready-made style
Emerald Leaf
Fresh greens with soft gradients and airy cards.
Setup name: emerald
Preview only; services and availability come from the tenant configuration.
Ready-made style
Aurora Mist
Blue gradients with crisp cards and soft shadows.
Setup name: aurora
Preview only; services and availability come from the tenant configuration.
Ready-made style
Blush Quartz
Boutique pinks with rounded shapes and soft edges.
Setup name: blush
Preview only; services and availability come from the tenant configuration.
Ready-made style
Nasiam Amber
Midnight-inspired but softer, with amber glow from nasiam.be.
Setup name: nasiam
Preview only; services and availability come from the tenant configuration.
Next step
Want to see the widget on a setup like your own website?
We can show you how the widget would look for your salon, which of the 7 styles fits best, where a custom-styled button makes sense and how it works on WordPress if that is your setup.