The Best Embeddable Scheduling Widgets in 2026 (Inline, Popup, Floating Button)

An embeddable scheduling widget is a booking calendar that runs inside your own web page instead of on the scheduling vendor's site. The visitor picks a time, fills in their details and confirms without leaving your page; the widget reads your real calendar so it never offers a time you are busy, and it creates the calendar event and video link the moment they confirm. Technically it is a script tag plus one HTML element, and the calendar itself renders in an iframe the script controls.

Every tool in this list offers the widget in up to three formats. Knowing the names saves time, because vendors use them inconsistently:

Inline embed — the calendar renders in place, as part of the page. Best for a /book or /contact page where booking is the point of the page.

Popup (element-triggered) — a button, link or image you already have opens the calendar in a modal. Best for a call-to-action inside other content: a pricing page, a case study, a blog post.

Floating button — a persistent "Book a meeting" button pinned to the corner of every page, which opens the same modal. Best when you want booking reachable from anywhere without redesigning anything.

A fourth option some vendors list, the email embed, is not a widget at all — it is a picture of a calendar in an email that links out to the booking page. Useful, but a different thing; we cover it in adding a booking link to your email signature.

How we compared them

We went through each vendor's embed generator and embed documentation and checked seven things: which of the three formats exist; whether the inline widget resizes itself as the month changes or needs a fixed height; whether a visitor's name and email can be prefilled from your page's URL; what the visitor sees if the script fails to load or JavaScript is off; whether the vendor's branding can be removed and what that costs; whether the widget is on the free or cheapest plan; and the price for one person and for a team of five. Prices are the vendors' published annual-billing prices as of October 13, 2026 and will drift — check the vendor's page before you buy.

Disclosure: SynqSlot is our product. We have tried to be exact about where it is weaker, and the "who should pick something else" section at the end is sincere.

The short version

Calendly — the safe default, three formats, but the free plan allows one event type and removing branding is paid. From $10 per seat per month.

Cal.com — the best free option for one person, four formats, open source. Teams are $12 per user per month.

SynqSlot — three formats, server-rendered inline widget that works with JavaScript off, flat pricing: $6 for one person, $27 for up to five. No free plan.

SavvyCal — four formats and the nicest booking UX of the group; $10–17 per user per month, no free plan.

Acuity Scheduling — inline scheduler, booking button and a top-of-page booking bar; built for appointment businesses; from $16 per month per calendar.

YouCanBookMe — inline, text link, button and floating button; a strong free plan for one calendar.

TidyCal — inline embed of one booking type or your whole page; a free plan and a one-time lifetime price.

Tymeslot — inline, popup, floating button and a WordPress plugin; open source with a free cloud plan, and a much smaller company than the others.

1. Calendly

Calendly offers three embed types: inline, pop-up widget (a floating button) and pop-up text (a link that opens the modal). The inline embed is a fixed height by default and shows a scrollbar inside the frame; add data-resize="true" to let it grow, but only one embed per page can auto-resize. Prefill works through the JavaScript API (Calendly.initInlineWidget with a prefill object), and the embedded page fires postMessage events (date selected, event scheduled) you can use for analytics.

Two things to know before you choose it. The embedded calendar shows Calendly's own cookie banner inside the frame unless you add hide_gdpr_banner=1, at which point you take on consent handling yourself. And the free plan allows one event type and one calendar connection; removing "Powered by Calendly" needs a paid plan.

Formats: inline, floating button, popup link. Auto-resize: opt-in, one per page. Prefill: yes (JS API).

Price: Free (1 event type) · Standard $10/seat/mo · Teams $16/seat/mo, annual. Five people on Standard: $50/mo.

Best for: anyone whose invitees already expect Calendly, and teams that need its deep Salesforce and marketing integrations.

2. Cal.com

Cal.com's snippet generator produces four embed types: inline, floating pop-up button, pop-up on element click, and the email embed. The element-click version is the cleanest of any tool here — you add a data-cal-link attribute to any existing button and a short script block initialises it. Inline embeds resize automatically. Prefill and UTM tracking are documented and work with URL parameters. The whole platform is open source and can be self-hosted, which matters if the widget must run on your own domain for compliance reasons.

The free plan is the most generous on this list for one person: unlimited event types and calendars. Team features — round-robin, routing forms, removing branding — start on Teams at $12 per user per month billed annually.

Formats: inline, floating button, element click, email. Auto-resize: yes. Prefill: yes.

Price: Free (1 user) · Teams $12/user/mo annual. Five people: $60/mo.

Best for: a solo user who wants a free, capable widget, and developers who want to self-host.

3. SynqSlot

SynqSlot's embed script supports the three widget formats plus routing forms (a short questionnaire that sends the visitor to the right person or booking link). The inline widget is server-rendered: the first month of available times is in the HTML before any script runs, so it appears with the page instead of after it, and if the script is blocked the visitor still sees a working "Book a time" link to the hosted page. It auto-resizes as the month changes, forwards your page's query string into the booking form for prefill (?name=Ada&email=ada@example.com), and the same two lines work on every builder we have tested — WordPress, Webflow, Squarespace, Wix, Framer, Shopify, Carrd, Notion, plain HTML and React.

Inline:

<script src="https://synqslot.com/embed.js" async></script>
<div data-synqslot="yourname/30min">
  <a href="https://synqslot.com/yourname/30min">Book a time</a>
</div>

Popup from any existing button or link:

<a href="https://synqslot.com/yourname/30min" data-synqslot="yourname/30min" data-mode="popup">Book a call</a>

Floating button on every page the script is on:

<script src="https://synqslot.com/embed.js" async
  data-synqslot-float="yourname/30min"
  data-text="Book a meeting" data-color="#4F46E5" data-position="right"></script>

The limits, honestly: the floating button is one per page; the widget inherits the booking page's design and does not take custom CSS; removing "Powered by SynqSlot" is on every paid plan but there is no free plan — every account gets a 15-day trial of the full product without a card, then it is $6 a month. The widget and all three formats are included on every plan with no per-embed charge (routing forms are on the team plans), and the price is flat: Team 5 is $27 a month for up to five people, Team 10 is $35 for up to ten, not per seat.

Formats: inline, popup, floating button, routing form. Auto-resize: yes. Prefill: yes (URL). No-JS fallback: yes.

Price: Solo $6/mo · Team 5 $27/mo flat · Team 10 $35/mo flat. Five people: $27/mo.

Best for: small teams that want round-robin, panel interviews and routing without per-seat pricing, and anyone who cares about the widget loading fast.

The widget is running live, with copy-ready snippets for ten builders, on the embeddable scheduling widget page.

4. SavvyCal

SavvyCal supports four modes: a pop-up via hyperlink, a floating pop-up button, a pop-up opened from your own JavaScript, and an inline booking interface. The booking experience itself is the best-designed in this list — the invitee can overlay their own calendar on yours to find a time — and that carries into the embed. Prefill is supported through URL parameters and custom metadata can be stored on each event.

There is no free plan: Basic is $10 and Premium $17 per user per month on annual billing, and custom domains and branding removal sit on Premium.

Formats: inline, floating button, popup link, popup via JS. Auto-resize: yes. Prefill: yes.

Price: Basic $10/user/mo · Premium $17/user/mo, annual. Five people: $50–85/mo.

Best for: consultants and sales teams who want the most polished invitee experience and will pay per seat for it.

5. Acuity Scheduling

Acuity (owned by Squarespace) offers three ways onto a page: an embedded scheduler (the full booking flow inline), a booking button that links to your scheduler, and a booking bar — a persistent strip at the top of your pages with a button in it. It is built for appointment businesses: intake forms, packages, gift certificates, SMS reminders and payments at booking are all first-class, which none of the meeting-link tools match.

Pricing is per calendar rather than per user: Starter $16 a month for one calendar, Standard $27 for six, Premium $49 for thirty-six (annual). Branding removal is on Premium. There is a 7-day trial and no free plan.

Formats: inline, button, top booking bar. Auto-resize: fixed-height iframe by default. Prefill: via URL fields.

Price: Starter $16/mo · Standard $27/mo · Premium $49/mo, annual.

Best for: clinics, salons, studios and anyone selling appointments rather than scheduling meetings.

6. YouCanBookMe

YouCanBookMe gives you an inline embed of the whole booking page, a text link that opens a modal, a button that opens a modal, and a floating button fixed to the page. The booking page is heavily styleable, and the widget inherits that styling, so it tends to look at home on a brand site with little effort. Query-string prefill of the embedded page is supported.

The free plan covers one calendar and one booking page, which is enough for a solo user to run the widget indefinitely; paid plans add more calendars, branding removal and team features.

Formats: inline, text link, button, floating button. Auto-resize: yes. Prefill: yes.

Price: Free (1 calendar) · paid plans per user.

Best for: a solo professional who wants a free widget that can be styled to match the site.

7. TidyCal

TidyCal is the budget option. Each booking type has an embed code for an inline widget, you can also embed your full booking page, and there is an email embed. There is no floating button or element-triggered popup — if you want a button, you link to the hosted page. The widget is a fixed-height iframe.

The appeal is the price: a free plan with unlimited bookings on one calendar, and a one-time lifetime licence through AppSumo ($29 individual, $79 agency) instead of a subscription. Team features such as round-robin are on the agency tier.

Formats: inline (one booking type or full page), email. No popup or floating button. Prefill: limited.

Price: Free · $29 or $79 one-time · Pro $12/mo.

Best for: someone who wants a working inline widget for the least money and does not need popups.

8. Tymeslot

Tymeslot is an open-source scheduler (Elixir/Phoenix, AGPL) with a managed cloud. Its embed supports inline, popup button and floating button from a single script tag, and there is a WordPress plugin that adds a block so you do not touch HTML. Core scheduling is free on the cloud plan and free to self-host with Docker.

The trade-off is maturity: it is a small project with a short track record, fewer calendar and video integrations than the others, and team features are still thin. If you are comfortable with that, it is the only free option here with all three widget formats.

Formats: inline, popup, floating button, WordPress block. Auto-resize: yes. Prefill: check current docs.

Price: Free core · Pro plan for extras · free to self-host.

Best for: developers and WordPress users who want free, open-source and all three formats, and can live with a young product.

Which format should you use?

Use inline on a page whose job is booking: /book, /demo, the bottom of a sales page. Give the element a starting height of about 750px on builders that render custom code in a fixed frame.

Use a popup when booking is a call-to-action inside other content. It keeps the page layout and lets you reuse buttons you have already designed.

Use a floating button on content sites — blogs, documentation — where the reader might decide to book from any page. Keep it to one per page and do not combine it with a chat widget in the same corner.

Use the hosted page (a plain link) in emails, social bios and anywhere you do not control the HTML.

Things that matter after it is live

Load time. Most widgets load an empty frame, then fetch the calendar. A widget that renders the first month on the server appears with the page; one that does not shows a blank box for a second or two on slow connections. Test on a phone over cellular, not on your office Wi-Fi.

Resizing. Fixed-height iframes clip the calendar in months with six rows and leave white space in months with five. Prefer widgets that resize, and test February and a 31-day month.

Consent. Some widgets show the vendor's cookie banner inside your page. Decide whether you will load the widget only after consent or accept the banner.

Prefill. If the visitor has already told you their name on a form, pass it through. Fewer fields on the booking form means more completed bookings.

Fallback. Ad blockers and strict privacy settings sometimes block third-party scripts. Check what your page shows when the script does not run; a plain link to the hosted page is the minimum.

Who should pick something other than SynqSlot

If you are one person with simple needs and want to pay nothing, Cal.com or YouCanBookMe will serve you better than SynqSlot's $6. If you sell appointments and need payments, packages or intake forms, Acuity is built for it and we are not. If your invitees expect the Calendly name, Calendly's familiarity is worth something. SynqSlot earns its place when there are two to ten of you, you want round-robin, panel or routing without per-seat pricing, and you want the widget to be fast.

Questions people ask next

Can I embed a scheduling widget for free? Yes. Cal.com, YouCanBookMe, TidyCal and Tymeslot all have free plans that include the inline widget; Calendly's free plan includes the embed but only one event type. SynqSlot has a 15-day trial without a card rather than a free plan.

Does an embedded widget slow my site down? Any third-party script adds a request. Load it with async, and prefer a widget that renders the first month on the server so the visitor is not waiting on a second round trip. On a typical page the difference is a few hundred milliseconds either way.

Can I use the same widget on Webflow, WordPress and Squarespace? Yes — every tool here is a script tag plus an element, so it works wherever you can paste HTML. SynqSlot has step-by-step guides for Webflow, WordPress, Squarespace, Framer and Notion.

What is the difference between a scheduling widget and a booking plugin? A plugin (for WordPress, say) runs on your server and stores bookings in your site's database; a widget runs on the vendor's servers and shows the result on your page. Widgets are easier to set up and keep calendar sync and video links working; plugins give you more control and no vendor dependency. Tymeslot offers both.

How do I add a floating "Book a meeting" button? Calendly (pop-up widget), Cal.com, SavvyCal, YouCanBookMe, Tymeslot and SynqSlot all support it from their embed generators. In SynqSlot it is one script tag with data-synqslot-float="yourname/30min" — the text, colour and corner are attributes on the same tag.

Want more guides like this in your Google results?Add SynqSlot as a preferred source on Google