Back to Embeddable Booking Widget

How to Set Up Embeddable Booking Widget with Reeserved

Add booking to your website with one line of code. Works everywhere.

Before you start

  • •A Reeserved account (free trial works).
  • •A website where you can add HTML code (WordPress, Wix, Squarespace, Shopify, or custom).
  • •Your Reeserved business slug (found in Settings).

Step-by-step setup

Follow these steps to connect Embeddable Booking Widget to your Reeserved account.

  1. 1

    Open Settings

    Log in to your Reeserved dashboard and go to Settings. Scroll to the "Embeddable Widget" card.

  2. 2

    Choose your embed style

    Pick one of three options: Inline (widget appears directly in your page), Popup (opens in a modal when a button is clicked), or Iframe (embed as a standard iframe).

  3. 3

    Copy the embed code

    Click the "Copy" button next to your chosen embed style. The code snippet is ready to paste — no modifications needed.

  4. 4

    Paste into your website

    WordPress: use a Custom HTML block. Wix: use the "Embed HTML" widget. Squarespace: use a Code Block. Shopify: use a Custom Liquid section. Paste the code where you want the booking widget to appear.

  5. 5

    Preview your page

    Save and preview your website page. The booking widget should appear with your available slots, resources, and pricing. It's fully responsive and works on mobile.

  6. 6

    Optional: customize the popup trigger

    For popup mode, add the data attribute data-reeserved-open to any button or link on your site. Clicking it opens the booking modal. Great for "Book Now" CTAs anywhere on your page.

Troubleshooting

Widget shows a blank white box

Check that your business slug is correct. The widget loads your public booking page — make sure you have at least one active resource with available slots.

Widget doesn't appear on WordPress

Make sure you're using a Custom HTML block (not a paragraph or text block). Some security plugins may block external scripts — whitelist reeserved.com in your plugin settings.

Popup doesn't open when clicking the button

Ensure the Reeserved script tag is loaded before the button. Place the script tag in your page's <head> or before the closing </body> tag.

Widget looks too small on desktop

The inline widget fills its container's width. Wrap it in a div with your desired max-width. The iframe method gives you explicit width/height control.

Tips

  • •The embed script is under 5KB and loads asynchronously — it won't slow down your website.
  • •Use the popup style for landing pages — add a prominent "Book Now" button that opens the booking modal.
  • •The widget shows real-time availability. When a slot is booked, it disappears from the widget immediately.
  • •For developers: there's also a JSON API endpoint (/api/widget/your-slug) for building fully custom booking UIs.

What to do next

Set up Stripe payments →Add Instagram booking button →Widget integration details →

Try Embeddable Booking Widget with Reeserved — free for 7 days

No credit card required. Set up in 2 minutes.

Start your free trial