Laura signed up for Acuity in March. The first week she ran 6 lessons through it. Then a parent texted her saying she'd clicked "book now" on the website and ended up on a page that didn't look like Laura's site at all — squarespace.com slash something, no logo, just a calendar. The parent booked anyway. But she said it was confusing. The embed was sitting in the Acuity dashboard, ready to be copied into the site. Nobody had told Laura.
That parent text is the whole reason this post exists.
A "Book Now" button that links to acuity.com or calendly.com sends a parent off your site at the exact moment they're about to convert. An embedded widget loads the booking interface inside your own /book page. The student stays on your domain. Your branding stays present. The conversion happens without a context switch. Different surface, different result.
Here's the playbook.
The embed-vs-redirect difference (and why it matters)
Here's what used to happen on Laura's site. A parent clicked the "Book Now" button. The browser jumped to acuity.com/schedule/[some-string]. The page loaded with Acuity branding, a generic header, and the calendar. The parent thought: did I just leave Laura's site? Is this real? They booked anyway, but the brief moment of doubt is exactly what costs conversions on the margin.
Here's what happens with an embed. The parent clicks the button. The browser stays on laura.com/book. The calendar widget appears inside Laura's page, with her header, her colors, her photo at the top. The parent never wonders if they're in the right place because they never left it.
The conversion difference isn't theoretical. Cross-industry data on inline-widget versus redirect shows a 15-25% conversion lift for new visitors when the booking happens on the same domain. That's the difference between 8 booked lessons a week and 10. For a coach charging $80, that's $640/month, $7,680/year, from a five-minute setup nobody told them to do.
Which tools support clean embed (and which don't)
Not every booking tool supports embed equally. Here's where each one lands in 2026.
| Tool | Embed quality | Method | Notes |
|---|---|---|---|
| Acuity Scheduling | Clean | Iframe at every plan | 3 embed types: basic iframe, button popup, direct link. Widget styling on Standard+. |
| Calendly | Clean (paid plans) | Inline widget + popup widget | Free plan keeps Calendly branding. Standard+ removes it. Embed works on every tier. |
| SimplyBook.me | Clean | Iframe + JavaScript widget | Most theming flexibility of the group. Plays well with custom-built sites. |
| CoachNow | None | App-only | No embed. Workflow is app-driven, not web-driven. |
| Square Appointments | None (redirect only) | Button → Square-hosted page | Only embed option is a button that redirects. The student leaves your site. |
The pattern: any booking tool built primarily for service businesses supports embed. Tools built primarily for in-app workflows (CoachNow) or for retail (Square Appointments) don't. If keeping students on your domain matters to you — and the conversion data says it should — that narrows the booking-tool decision before you even compare features. For the deeper booking-tool comparison itself, the Acuity vs Calendly comparison walks through the choice between the two embed-friendly options.
The Acuity embed — step by step
Acuity has the cleanest embed experience in the group. Five steps, about 5 minutes:
- Log in to your Acuity account at acuityscheduling.com.
- Navigate to Embed. Bottom-left in the dashboard, "Embed" in the menu. Acuity gives you three options: basic iframe, button popup, or direct link.
- Pick basic iframe for the standard /book page experience. Pick button popup if you want a "Book Now" button that opens the calendar in an overlay without leaving the page.
- Copy the iframe code. Acuity generates an HTML snippet that looks like
<iframe src="https://app.acuityscheduling.com/schedule.php?owner=..." width="100%" height="800"></iframe>. - Paste it into your /book page. On Squarespace, drop it in a Code Block. On Wix, use the Embed HTML widget. On a custom site, paste it directly into your MDX or HTML page where you want the widget to appear.
Mobile responsiveness check: the iframe defaults to 800px height. On phones, that's enough to show the calendar plus the first available date. Test on a real phone before launch. If the calendar feels cramped, bump the height to 1000px.
The Calendly embed — step by step
Calendly's embed flow has three formats, all clean. Four steps, about 4 minutes:
- Log in to Calendly at calendly.com.
- Open the event type you want to embed, then click "Share" in the top-right.
- Choose Add to website. Calendly offers three formats: inline embed (calendar appears directly in the page), popup widget (a button you click to open the calendar in an overlay), or popup text (a text link that opens the calendar). Inline is the closest equivalent to the Acuity experience.
- Copy the snippet and paste it into your /book page. Calendly's embed includes a small script tag plus a div that the script populates. Paste both. Save.
Branding note: the Calendly Free plan keeps a small "Powered by Calendly" badge on the embed. The Standard plan ($10/month annual) removes it. If your /book page is the first impression, the $10/month is worth it. If you only use the embed for an internal team page, the free plan is fine.
The SimplyBook.me embed — step by step
SimplyBook.me has the most theming flexibility in this group. Four steps, about 5 minutes:
- Log in to SimplyBook.me at simplybook.me.
- Navigate to Plugins → Booking Widget. Different SimplyBook navigation than the others — the embed lives under the plugins section.
- Customize the widget styling. SimplyBook lets you pick the primary color, the font, and the button style before generating the embed. Match your site's brand colors here. The widget will inherit them.
- Copy the iframe code and paste it into your /book page. Same as Acuity — drop into a Code Block, an Embed HTML widget, or directly into your page.
The styling step is the differentiator. Acuity and Calendly have limited customization. SimplyBook lets the embed look like it was designed for your site, which on a custom-built coach website matters.
A note before the FAQ
We don't make any of these booking tools. We do wire embeds for coach clients every week, and the pattern is always the same: pick the booking tool, copy the iframe, paste it into the /book page, ship it. The 15-25% conversion lift is real and the work to capture it is small. Where the embed goes on the homepage, what the /book page looks like around it, and how the rest of the site bridges to it — that's covered in where the booking embed goes on the homepage and the website that hosts the embed. For the broader picture of which tool to pick before you embed it, the full booking software comparison is the starting point. Once the tool's picked and the embed's wired, what the website-side actually costs is the last piece of the puzzle.
Frequently asked questions
Yes. Cross-industry data on inline-widget versus redirect shows 15-25% conversion lift for new visitors. The redirect break in domain creates a moment of hesitation — 'wait, did I just leave the right site' — that an embed avoids entirely. For a coach running 8-10 booked lessons a week, that lift is roughly $400-$600/month in extra revenue from the same traffic.
Yes. Acuity is owned by Squarespace, and the integration is one-click on Squarespace sites. You can also paste the iframe code into a Code Block on any Squarespace page if the one-click integration doesn't fit where you want the widget to appear. Both methods produce the same embed — the one-click version is just faster to set up.
No. Square's only embed option is a 'Book Now' button that redirects to a Square-hosted page. If keeping students on your domain matters, Square is not the right tool. The shape of Square Appointments is built for retail businesses with a physical storefront — the booking flow is designed to send people to a Square-branded page, not to disappear inside someone else's website.
Yes. Acuity, Calendly, and SimplyBook.me all use responsive iframes that adapt to phone screens. Test on a real phone before launch — the booking flow should fit without horizontal scrolling. The most common mistake is leaving the iframe at the default desktop height, which crops the calendar on mobile. Bump the height to 1000-1200px and test again.
Acuity allows accent color customization on Standard+ plans. Calendly allows it on Teams plan. SimplyBook.me has the most theming options across plan tiers. None of them give pixel-perfect match to your site, but they get close enough that the visual jump is minimal. If pixel-perfect match matters, that's a custom-build conversation — we wire that for clients on the $99/month plan when the booking widget needs to feel native.
Last updated .
Keep reading
