Booking widget

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.

Demo See the 7 styles See Resevu Signature Implementation options AI installation prompt

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

Multi-language ready (EN/NL/TH) 7 widget themes + custom launchers WordPress plugin available

WordPress integration

Add online booking to WordPress without writing code.

Download the Resevu plugin, upload it in WordPress and place the booking widget with the native block or shortcode.

Download WordPress plugin View installation guide

ZIP file · ready to upload in WordPress

Try the WordPress booking demo on our demo site, without installing WordPress yourself.

View the WordPress demo

Included

Native Gutenberg booking block
Shortcode for classic editors and builders
Settings for workspace, language and theme

Let your AI assistant help add the widget.

Copy this prompt into an AI assistant that can read websites or work on your website project. It points to our documentation and asks for the details needed for your integration.

Read the installation guide

Help — WordPress Help — HTML/PHP

Prompt for WordPress

My website uses WordPress. Use the official Resevu plugin, not a custom plugin or an extra hand-coded widget script. Read the installation guide for the download, plugin settings, Gutenberg blocks and shortcodes ([resevu_booking_widget] for a button, [resevu_booking_flow] for the inline flow). Explain exactly which block or shortcode to place on which page and which settings to configure.

Help me add the Resevu booking widget to my existing website.

First read the official resources: https://www.resevu.com/en/booking-widget
Installation guide: https://www.resevu.com/en/booking-widget/implementeren
WordPress demo: https://demo.resevu.com/demo-widget
If you cannot open these pages, ask me to paste the relevant documentation. Do not invent endpoints, options or code.

1. Ask for my website URL or project files, Resevu workspace slug, booking language, style and desired placement. Ask only for missing information; never request passwords or secret API keys.
2. If I do not have a Resevu workspace yet, help me try the WordPress demo first. Never silently use demo data on a live customer website.
3. Inspect the existing site and follow the platform-specific instructions above using the simplest documented integration. Keep existing styling and functionality. Implement only placement options actually supported by the documentation.
4. Explain which exact website origin must be allowed in Resevu and where to configure it. Do not bypass origin checks or advise a wildcard. Ask me to make account settings changes if you cannot access them.
5. If you can edit the project, show your plan before making a focused change. Otherwise give exact snippets and installation steps for my platform. Keep unresolved workspace details as clearly marked placeholders, not invented values.
6. Check desktop and mobile layout, keyboard access, visible focus, widget loading and expected availability. Report what you could and could not test. Do not make real bookings or payments, or publish changes, without my explicit approval.

Finish with a short summary of the changes and anything I still need to configure.

Prompt for an HTML/PHP website

My website uses ordinary HTML and/or PHP, not WordPress. Do not propose WordPress plugins or shortcodes. Use the official widget script documented in the guide. Inspect the existing HTML/PHP templates and load the script only once in the appropriate page or shared template. Use a wrapper with resevu-booking-widget for the generated button, or an accessible native button calling window.openServiceModal() for my own launcher. Set data-tenant, data-language and data-template from my confirmed choices. Do not add a custom server-side API integration when the widget suffices.

Help me add the Resevu booking widget to my existing website.

First read the official resources: https://www.resevu.com/en/booking-widget
Installation guide: https://www.resevu.com/en/booking-widget/implementeren
WordPress demo: https://demo.resevu.com/demo-widget
If you cannot open these pages, ask me to paste the relevant documentation. Do not invent endpoints, options or code.

1. Ask for my website URL or project files, Resevu workspace slug, booking language, style and desired placement. Ask only for missing information; never request passwords or secret API keys.
2. If I do not have a Resevu workspace yet, help me try the WordPress demo first. Never silently use demo data on a live customer website.
3. Inspect the existing site and follow the platform-specific instructions above using the simplest documented integration. Keep existing styling and functionality. Implement only placement options actually supported by the documentation.
4. Explain which exact website origin must be allowed in Resevu and where to configure it. Do not bypass origin checks or advise a wildcard. Ask me to make account settings changes if you cannot access them.
5. If you can edit the project, show your plan before making a focused change. Otherwise give exact snippets and installation steps for my platform. Keep unresolved workspace details as clearly marked placeholders, not invented values.
6. Check desktop and mobile layout, keyboard access, visible focus, widget loading and expected availability. Report what you could and could not test. Do not make real bookings or payments, or publish changes, without my explicit approval.

Finish with a short summary of the changes and anything I still need to configure.

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

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>

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, allow the website origin shown in its settings and place the widget with a shortcode or block.

[resevu_booking_widget]

Download WordPress plugin

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

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.

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

Illustrative total: EUR 72

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.

Demo See API docs

Add the Resevu booking flow to your website

Add online booking to WordPress without writing code.

Let your AI assistant help add the widget.

Books on your site

7 ready-made styles

Style it your way

Four simple ways to add the widget

Want to keep your own launcher design?

Choose one of 7 ready-made styles

Resevu Signature

Oasis Sand

Midnight Glow

Emerald Leaf

Aurora Mist

Blush Quartz

Nasiam Amber

Want to see the widget on a setup like your own website?

Your visit, your choice

Add the Resevu booking flow to your website

Add online booking to WordPress without writing code.

Let your AI assistant help add the widget.

Books on your site

7 ready-made styles

Style it your way

Choose one of 7 ready-made styles

Resevu Signature

Oasis Sand

Midnight Glow

Emerald Leaf

Aurora Mist

Blush Quartz

Nasiam Amber

Want to see the widget on a setup like your own website?