Add ClassFlow to Your Wix Site

Prerequisites

• ⚠Your Wix editor must offer the Embed HTML element.
• ✓ A ClassFlow studio account.
• ✓ Your studio slug from Website widgets.
• ✓ Your studio schedule enabled and visible on its ClassFlow booking page.

Step-by-step install

1. 1

   Copy your schedule iframe from Website widgets

   Go to classflow.studio → your studio → Marketing → Website widgets. Select Schedule, choose Wix, and copy the iframe code.

2. 2

   Open the Wix Editor

   Log in to Wix and click Edit Site on the site you want to update. Navigate to the page where you want the widget.

3. 3

   Add an HTML embed

   Click the blue + (Add Elements) button in the left toolbar. Go toEmbed Code → Embed HTML. Drag the block onto the page where you want the widget to appear.

4. 4

   Paste the iframe code

   Choose Enter Code, paste the iframe code, and clickApply. Wix displays the ClassFlow page in its embed block.

5. 5

   Resize the embed block

   Drag the block's bottom edge to about 760 px tall. Fine-tune the height in both desktop and mobile layouts if Wix clips the schedule.

6. 6

   Publish your site

   Click Publish in the top-right corner of the Wix Editor. Open the live page and confirm the schedule appears.

7. 7

   Check the live booking flow

   On the published Wix page, check that the schedule displays and sign-in and booking controls open correctly.

Schedule iframe code

Copy the code from the Wix option in Website widgets; it fills in your studio slug.

<iframe src="https://classflow.studio/book/your-studio-slug/schedule" title="Class schedule" loading="lazy" width="100%" height="760" style="border:0;display:block" allow="payment"></iframe>

Theming

The hosted schedule uses your saved ClassFlow branding and schedule settings. The Wix embed shows the ClassFlow page, including its small studio header and footer.

Multiple widgets on one page

Use a separate Embed HTML block for each schedule placement. This Wix guide covers the schedule; other widget types need their own supported Wix instructions.

Common gotchas

• Widget is blank in Editor preview.Test on the published live site; the editor may display an incomplete preview.
• The old pasted widget code shows a domain error.Replace the old widget script with the iframe code above. Wix can run pasted scripts from another hostname, even when your website domain is already approved.
• The Embed HTML element is unavailable.Check your Wix editor's Embed Code options and site plan.
• Mobile height. Wix has separate mobile layouts. Switch to the mobile editor and resize the embed block there independently.