Skip to main content

Embed the Booking Page on Your Website

Have your Booking Page open in a pop-up window on your website

Updated this week

Your audience can self-schedule appointments directly through your website. Simply embed your Booking Page in an iframe and it opens in a pop-up window.

When a lead or loyal customer visits your site, they’re able to reserve your time asap. There’s no need to contact you or navigate elsewhere.


Here’s how to embed your Setmore Booking Page on your website.

1. Log in to your Setmore account and go to Integrations > Website Booking > Booking Widget.

SS 1.1.png

2. In the Booking Widget pop-up, click ‘Get Instructions’.

SS 1.2.png


3. Choose how your Booking Widget should appear on your website:

Step 1: Where should the 'Book Now' button show up?

  • In a specific spot on my site

  • Floating on the side of every page

Step 2: What happens when someone clicks it?

  • A booking window pops up on my site

  • My Booking Page opens in a new browser tab

Step 3: Who’s adding the code?

  • My web developer will handle it

    SS 1.3.png

  • I’ll add it myself

SS 1.4.png

👉 Need help visualizing it? Check out this guide to see how your Booking Widget can look in action.

4. When adding the code, choose the right option based on your payment setup. In the code snippet provided, replace “your_booking_page_URL” with your actual Booking Page link.

SS 1.4.png

Please note:

If you have payment integration enabled with Setmore:

<iframe src="your_booking_page_URL" scrolling="yes" width="100%" height="100%" frameborder="0" allow="web-share; payment"></iframe>

If you do not have an integrated payment provider with Setmore:

<iframe src="your_booking_page_URL" scrolling="yes" width="100%" height="100%" frameborder="0" allow="web-share"></iframe>

5. Copy and paste the above code into the source code of your website. You can edit the size of the iframe – it’ll be most effective if placed on a separate page.

The attributes of the iframe can be modified based on the parameters of your website. If you run into some difficulties during the process, send us an email at help@setmore.com and our team will be glad to help you out.

Did this answer your question?