How to Embed a Booking Widget on Your Website
Add an inline booking widget, popup, or floating button to your existing website so visitors can schedule without leaving the page.
Start the GuideHow to Embed a Booking Widget on Your Website This step-by-step guide covers everything you need, from prerequisites to pro tips, so you can complete the process in 15 minutes or less. Browse all how-to guides.
What You Need Before Embed Booking on Your Website
Make sure you have the following ready:
- An active booking page with services configured
- Admin access to your website
How to Embed Booking on Your Website
6 steps · 15 minutes
Choose your embed type
Select inline embed (shows the full scheduler on the page), popup (opens in a modal), or floating button (sticky CTA in the corner).
Customize the widget appearance
Match the widget colors, fonts, and button text to your website design so it feels native.
The floating button works best on service pages and the homepage.
Copy the embed code
Generate the HTML/JavaScript snippet from your dashboard and copy it to your clipboard.
Add the code to your website
Paste the snippet into your website's HTML. For WordPress, use a Custom HTML widget. For Squarespace, use a Code Block.
Position the widget strategically
Place the inline embed on your services page, the floating button site-wide, and a popup trigger on your contact page.
Test across devices and browsers
Verify the widget loads correctly and completes bookings on Chrome, Safari, Firefox, mobile, and tablet.
Was this article helpful?
Frequently Asked Questions
Related Guides
Continue with these related tutorials
Create a Booking Page
Build a branded, mobile-optimized booking page that converts visitors into clients, no design or coding skills required.
Add Booking to Your Website
Add a fully functional booking button or widget to any website, WordPress, Squarespace, Wix, or custom HTML, in just a few minutes.
Create a Scheduling Link
Generate a shareable booking link that lets anyone schedule with you in seconds, perfect for email signatures, social bios, and DMs.
Related Guides & Checklists
Ready to Get Started?
Sign up free and follow this guide step by step, your scheduling will be live in minutes.
Free forever plan available • No credit card required
When this isn't for you
This is not for you if you've already implemented the workflow. The walkthrough is for first-time setup. Skip if your team already has a working process.