Marketing
Embed your events on another website
Embedding lets you show your classes right on your own website, so visitors can browse and book without ever leaving your site. You copy a short snippet from the Embed button, paste it into your website builder, and the classes stay in sync automatically — when you add, edit, or cancel a class here, the embed updates on its own. Below are step-by-step instructions for the most popular website builders, plus a generic option that works everywhere else.
What you can embed
- A single class card — perfect for featuring one class on a landing page or product page.
- All your upcoming classes — a live list that updates automatically as you add or remove classes.
- An interactive calendar — visitors browse your schedule by date and book the session that suits them.
Which snippet should I use?
- Simple (iframe): a single piece of HTML that works on almost any website. Start here.
- Advanced (Script): a small JavaScript snippet that builds the embed dynamically. Use it on sites with strict HTML rules, or when the iframe is blocked.
- Both show exactly the same thing — pick whichever your website builder accepts.
Embed on Shopify
- In your Shopify admin, go to Online Store → Themes.
- Click Customize next to your active theme.
- Navigate to the page where you want the embed, then click Add section → Custom Liquid.
- Paste the script code from the embed window into the Custom Liquid field.
- Click Save.
- Tip: The iframe snippet also works inside Shopify's HTML block if you prefer.
Embed on Wix
- Open the Wix Editor for your site.
- Click + Add Elements in the left panel.
- Go to Embed & Social → HTML iFrame.
- Drag it onto your page, then click Enter Code.
- Paste the iframe code from the embed window and click Apply.
- Tip: Wix HTML widgets have a size limit. If the embed looks cut off, switch to the Script snippet instead.
Embed on Squarespace
- In the Squarespace editor, navigate to the page where you want the embed.
- Click an insert point (+) to add a new block.
- Choose Code from the block menu.
- Paste the iframe code from the embed window into the code editor.
- Click Apply, then Save.
- Note: Squarespace's Code blocks require a Business plan or higher. They are not available on Personal plans.
Embed on WordPress
- In the WordPress editor, open the page or post where you want the embed.
- Click the + button to add a new block.
- Search for and select the Custom HTML block.
- Paste the iframe code from the embed window into the block.
- Click Update or Publish to save your changes.
- Tip: Using the Classic Editor? Switch to the Text (HTML) tab and paste the code there instead.
Embed on any other website
- Open the event, the events list, or the calendar you want to share, then click the Embed button.
- Choose what to embed: a single event card, all your upcoming events, or an interactive calendar.
- Copy either the Simple (iframe) snippet or the Advanced (Script) snippet.
- Paste it into any HTML block, widget, or code area on your website where you want it to appear.
- Save or publish your page. The embed stays in sync automatically as you add, edit, or cancel events.
Was this article helpful?