Add a Booking Widget to Your Shopify Store
Embed the SchedulingKit booking widget in your Shopify store using the theme editor, a custom Liquid section, or a product page metafield. Let customers book appointments right alongside your products.
Free forever · No credit card required · Live in minutes
A Shopify booking widget is an embeddable calendar that lets visitors schedule appointments directly on your Shopify website without leaving the page. SchedulingKit lets you embed a free booking widget on Shopify in 2026. See all platform guides.
How to Add a Booking Widget to Shopify
Follow these steps to embed the SchedulingKit booking widget on your Shopify site
Copy Widget Code
Log into SchedulingKit, navigate to the Embed section, and copy the HTML embed snippet for your desired booking page.
Open Shopify Theme Editor
In your Shopify admin, go to Online Store → Themes → Customize. Select the page or template where you want the widget.
Add a Custom Liquid Section
Click Add Section → Custom Liquid. Paste the SchedulingKit embed snippet into the Liquid code field.
Position the Section
Drag the Custom Liquid section to your desired position on the page — above the footer, below the hero, or on a dedicated booking page.
Save and Preview
Click Save in the theme editor. Preview the page on desktop and mobile to confirm the widget renders correctly, then publish your theme.
Ready-to-Use Shopify Embed Code
Copy and paste this snippet into your Shopify site to add a booking widget instantly:
<!-- SchedulingKit Booking Widget --> <div id="schedulingkit-widget"></div> <script src="https://widget.schedulingkit.com/embed.js" data-url="https://app.schedulingkit.com/YOUR-BUSINESS" data-style="inline" data-primary-color="#4F46E5" async> </script>
Replace YOUR-BUSINESS with your SchedulingKit booking page URL. Create your free account to get your personalized embed code.
Shopify Widget Features
Platform-specific features that make the booking widget work seamlessly on Shopify
Custom Liquid Section
Add the widget as a native Shopify section that can be repositioned via the theme editor without touching code.
Product Page Embedding
Place the booking widget on individual product pages so customers can schedule a consultation or demo before purchasing.
App Block Support (OS 2.0)
On Online Store 2.0 themes like Dawn, add the widget as an app block that merchants can drag and drop in the theme editor.
Cart Integration Ready
Pair bookings with product purchases — customers add a service booking and a product to the same cart for unified checkout.
Best Practices for Shopify Booking Widgets
Tips for getting the most out of your embedded booking widget on Shopify
Use a Custom Liquid section on OS 2.0 themes for the most flexible drag-and-drop editing experience
On product pages, place the booking widget below the product description to capture post-browse booking intent
Create a dedicated /pages/book page in Shopify and embed the full inline widget for maximum conversion
Use Shopify's built-in mobile preview to verify the widget layout before publishing
Exclude the widget script from Shopify's built-in speed optimization so availability loads in real time
Shopify Booking Widget Questions
Does the widget work with all Shopify themes?
Yes. The embed code works with every Shopify theme — both vintage themes and Online Store 2.0 themes like Dawn, Sense, and Craft. OS 2.0 themes offer the added benefit of drag-and-drop section positioning.
Can I add a booking widget to a Shopify product page?
Absolutely. Use a Custom Liquid section or app block on the product template. This is perfect for service-based businesses that sell products and offer consultations.
Will the widget conflict with other Shopify apps?
No. The SchedulingKit widget loads independently and does not modify your Shopify theme files. It coexists cleanly with apps like Klaviyo, Judge.me, and ReCharge.
Does it work with Shopify POS?
The widget is designed for online bookings. For in-store scheduling, you can share the booking page URL on POS receipts or display it on a tablet in your physical store.
Booking Widget for Other Platforms
Add a Booking Widget to Shopify Today
Join thousands of businesses embedding booking widgets on Shopify with SchedulingKit
Free forever plan available · No credit card required