SchedulingKit
Integrations
Website embedWebsite

Embed SchedulingKit booking on Shopify

Copy an embed code from SchedulingKit and paste it into a Custom Liquid section in the theme editor, or the HTML view of a page. Clients book, and pay if the service has a price, without leaving your Shopify site. Bookings, payments and client records stay in SchedulingKit.

This is an embed, not an app connector

This isn't an app connector. On the Event Types page, open Share & Embed for a service and copy one of four options: Direct Link, Inline Embed, Popup Widget or Button Link. Paste it into a Custom Liquid section in the theme editor, or the HTML view of a page. Nothing syncs with Shopify's own store, members or checkout.

Features

Inline booking form
Pop-up booking overlay
Book Now button link
Direct booking link
Payments through SchedulingKit
Works on all SchedulingKit plans

Why Connect Shopify?

Clients book from your Shopify pages instead of a separate site

One copy-and-paste; no plugin or app to maintain

Changes to availability and services show up automatically

How It Works

01

Open Share & Embed

In SchedulingKit, go to Event Types and open Share & Embed on the service you want to offer.

02

Pick a format

Choose Inline Embed, Popup Widget, Button Link or Direct Link, and copy the code.

03

Paste into Shopify

Add a Custom Liquid section in the theme editor, or the HTML view of a page where you want booking to appear and paste the code.

04

Test a booking

Publish, then make a test booking from the live page.

Shopify workflows

Booking next to a product

Add a Book Now button or the inline booking form to a product or page with a Custom Liquid section. Booking and payment happen in SchedulingKit, separately from the product purchase.

Checkout

The booking widget isn't part of Shopify checkout. It doesn't add bookings to the cart, appear as a checkout upsell or create Shopify orders. Put the booking link on your thank-you page or in order emails if you want customers to book after buying.

Selling services from your store

Create a page for your services with a Book Now button linking to your SchedulingKit booking page, where clients choose a time and pay. Orders, customers and cart contents aren't synced between Shopify and SchedulingKit.

What the Shopify integration doesn't do

  • Use the embed code from a service's Share & Embed. The whole-site Booking Site embed can't load inside another website; link to it with a button instead.
  • No sync with Shopify accounts, members, orders, carts or checkout.
  • Theme and app restrictions vary. If a script or iframe is blocked, link to your booking page with a button instead.

Frequently Asked Questions

Technical Details

Embed options

Inline iframe, pop-up (embed.js with SchedulingKit.popup), Button Link, Direct Link.

Where it comes from

Event Types → Share & Embed, per service.

Plan

All plans.

Further Reading

Ready to Get Started?

Join 5,000+ teams using SchedulingKit

Free forever plan available • No credit card required