How do I add the widget to an HTML or PHP website?

For a website without WordPress

You do not need a WordPress plugin or a custom booking API. The official widget script opens the Resevu booking flow using treatments and availability from your workspace. Start with the demo.

Obtain your workspace slug, desired language and theme. Ask your Resevu admin to allow the exact website origin under Settings → Online channels, for example https://www.yourwebsite.com, without a page path. A different host, protocol or port is a different origin. Never use demo as a production configuration and do not share passwords or secret API keys.

Place the script and button

This is an example: replace YOUR-WORKSPACE-SLUG with your own slug. en is the language and oasis is a widget theme; choose a theme from Resources.

<div class="resevu-booking-widget">Book now</div>

<script src="https://www.resevu.com/widget/widget.js"
  data-tenant="YOUR-WORKSPACE-SLUG"
  data-language="en"
  data-template="oasis"></script>

1. Place the div where the booking button should appear, for example near your treatments.
2. Load the script once below the placeholder, before the closing </body> tag.
3. On a PHP website, you can include the script in the shared footer template. Check that another template does not load it again.
4. Open the page through its website URL, not directly as a local file. Check that the button appears and opens booking.

Resevu generates the visible button inside the wrapper. Without a placeholder, the script can place a button automatically. Do not put the wrapper class on an existing button.

Keep your own button

Keep the script above, but replace the placeholder with a real button:

<button type="button" onclick="window.openServiceModal()">
  Book now
</button>

The function is available after the script loads. Keep a clear label and visible keyboard focus. WordPress shortcodes do not work in ordinary HTML or PHP templates.

Let AI help with installation

Copy the HTML/PHP prompt in Resources. Provide the relevant page or template files, your workspace slug and the desired button placement. Ask for focused changes, not a complete website rebuild. Do not let the AI publish or create real bookings without your approval.

Check and troubleshoot

Test desktop, mobile and keyboard navigation. Check treatments, durations, employees and times. Do not accidentally test real bookings or payments: use an appropriate test environment.

• Invalid tenant: check the exact workspace slug.
• Website denied: ask the admin to check the exact origin, including www, protocol and any port.
• No button or unresponsive button: check that the script loads once and whether browser security or your Content Security Policy blocks the script or connection. Ask your website builder to allow the required domains specifically; do not disable security entirely.
• No available times: ask the admin to check treatments, employee schedules, opening hours and booking rules.

Find more examples in the technical installation guide.