How to add SimplyBook.me booking to your website
SimplyBook.me handles booking for clinics, studios, and service businesses across a lot of countries. Here's how to connect it to your own website properly.
Quick answer
In SimplyBook.me go to Settings → Booking widget settings → Booking button → Get widget code, then paste the code into the HTML body of your site. You can choose a Book Now button, which sends visitors to your SimplyBook booking page, or an iFrame widget, which sits inside your page and stays visible. If your builder doesn't allow JavaScript, use the simple HTML button instead.
Step-by-step
- 1
Generate the widget code
In SimplyBook.me, go to Settings → Booking widget settings → Booking button, design how you want it to look, then choose 'Save & Get widget code' and copy it. The design step matters — a button matching your site's colours looks native rather than pasted in.
- 2
Decide: button or inline widget
The Book Now button is a lightweight HTML widget that takes visitors to your SimplyBook booking page. The iFrame widget embeds the booking interface directly in your page and stays visible the whole time. Buttons load faster and are more reliable; inline widgets keep people on your site. For most service businesses the button wins.
- 3
Paste it into your site
Add the code inside the HTML body of the page — in most builders that means dropping in an HTML or embed block and pasting. On Adviita, ask the AI editor to add a Book Now button pointing at your SimplyBook.me booking page URL. Check first whether your platform allows custom JavaScript, because not all do.
- 4
Use the plain HTML fallback if needed
If your website builder won't accept JavaScript, SimplyBook.me provides a simple HTML button that just links to your booking site. It's less slick but entirely functional, and for a client trying to book an appointment the difference is negligible.
- 5
Test it end to end
Book a real slot from your phone. Verify services, durations, providers and availability all look right, and that both you and the client get confirmations. Any errors get fixed inside SimplyBook.me — the website is only the door.
Tips & best practices
- ▸Check your builder supports custom JavaScript before choosing the widget over the plain button.
- ▸The inline iFrame widget pushes your page content down — use it on a dedicated booking page, not your homepage.
- ▸SimplyBook.me has a WordPress plugin if that's your platform; it's simpler than pasting code.
- ▸Keep provider availability accurate — nothing loses a client faster than a booking that gets cancelled.
Common questions
How do I add SimplyBook.me to my website?
+−
Go to Settings → Booking widget settings → Booking button → Get widget code, then paste that code into the HTML body of your page. Most website builders accept this through an HTML or embed block.
What's the difference between the booking button and the iFrame widget?
+−
The button is a link that sends visitors to your SimplyBook booking page. The iFrame widget embeds the booking interface inside your own page so it's always visible. The button is faster and more reliable; the widget keeps people on your site.
What if my website doesn't support JavaScript?
+−
SimplyBook.me provides a plain HTML button that simply links through to your booking site. It works everywhere, including on builders that block custom scripts.
Does SimplyBook.me work with WordPress?
+−
Yes, and there's a dedicated WordPress plugin which is easier than pasting the widget code manually. Squarespace and Weebly have their own documented setup routes too.