Booking widget

The booking widget that turns your website into a real booking channel

Let clients book directly on your site, keep the experience in your own style and make Resevu visible where it matters most: on the page where people are ready to book.

Choose from 6 ready-made styles for a fast launch, or keep the booking flow and style the visible buttons and sections fully in your own brand.

Demo See the 6 styles Easy implementation

Oasis Sand Midnight Glow Emerald Leaf Aurora Mist Blush Quartz Nasiam Amber Style it yourself

Multi-language ready (EN/NL/TH) 6 styles + your own branding WordPress plugin available

Books on your site

Clients stay in your website flow instead of being pushed somewhere that feels separate.

6 ready-made styles

Pick the look that fits your salon fastest, from calm spa to bold modern.

Style it your way

Prefer a fully custom website look? Keep your own buttons, sections and colors while Resevu powers the booking flow.

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.

Quick setup One script tag

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>

Style it yourself Keep your own buttons

This is how nasiam.be uses the widget: keep the visible booking and voucher buttons fully in your own style, while Resevu opens the booking flow 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>

Exact button placement Two snippets

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>

WordPress plugin Plugin + shortcode

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]

The text inside `resevu-booking-widget` becomes the button label. If you leave it empty, the widget uses the default translated label.

Use `resevu-booking-widget` on a wrapper element, not on the `<button>` itself. If you already have your own button markup, call `window.openServiceModal()` or `window.openVoucherModal(...)` instead.

Replace this Required value

Replace `tenant-slug` with the correct tenant value for your salon.

Place it where people are ready to book

Use the placeholder version near your hero button, treatment list or pricing section.
Theme-safe defaults

All templates stay readable and polished, even on visually busy sites.
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 a fully custom look?

Start with one of the 6 ready-made styles or keep the visible website elements fully your own. If you want deeper integration as well, the public API is still there and documented.

Open API docs OpenAPI YAML

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.

Select day and time

Personal details

EUR 72 - Deposit ready

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 6 styles fits best, where a custom-styled button makes sense and how it works on WordPress if that is your setup.

Demo See API docs