Calendly documents where each embed type goes in a Shopify theme, so customers can book consultations from a store page.
Use a Custom Liquid section for a booking page, and the site-wide widget only if bookings matter on every page.
Scope any height CSS fix to the Calendly frame so other embeds are not affected.
Preview the store before publishing theme changes.
The website hands over once the booking is confirmed in the booking system. Reminders and rescheduling run from that system.
Options as documented by the vendor. Follow the citation to check the current details.
Add a Custom Liquid section to the page in the theme customiser and paste the Calendly code.
Limits: Some themes need the code in a custom HTML block or snippet if the embed does not appear.
Paste the widget code into the theme.liquid file just after the head tag.
Limits: Some themes hide empty elements, which can stop the pop-up close button working without a CSS fix.
Calendly's guide puts inline and pop-up text code in a Custom Liquid section, and the site-wide widget in theme.liquid after the head tag.[1]
Calendly says some themes hide empty elements, and gives a CSS fix to add after the embed code.[1]
Calendly suggests increasing the embed height, with a CSS fallback; limit that CSS to the Calendly frame.[1]
Syncing Calendly with your other business systems happens behind the website and is handled by Clever Ops.
Calendly integration (Clever Ops)Your website, fully managed — no big upfront cost.
We design, build, host, maintain and keep improving your site for one simple monthly fee.
A one-off custom build you own outright.
A defined scope and a single fixed quote — delivered once, and yours to keep.
Get a free, no-obligation quote for your project. We respond within 24 hours.