Embed Widget Install Guides

Add the ClassFlow booking widget to your studio website in minutes. Pick your platform below for a full step-by-step walkthrough.

Live config lives in ClassFlow. Get your embed code, preview it, and manage approved websites under Marketing → Website widgets. You'll be asked to sign in first.Direct script embeds use Approved websites. The Wix and Showit schedule iframes use ClassFlow's own booking page.

HTML / Static

Any webpage, GitHub Pages, or plain HTML file. No framework required.

Full guide

Wix

Paste the hosted schedule iframe into a Wix Embed HTML block.

Your plan must allow website embeds

Full guide

Squarespace

Drop a Code block on any Squarespace page.

Your plan must allow script code blocks

Full guide

WordPress

Custom HTML block in Gutenberg, or paste into classic editor Text mode.

Hosted plans must allow third-party scripts

Full guide

Webflow

Drag an Embed element from the Add panel and paste the snippet.

Full guide

Shopify

Add via Custom Liquid section or edit theme code directly.

Full guide

Showit

Paste the hosted schedule iframe into a Showit Embed Code element.

Full guide

Carrd

Add an Embed element (type: Code) to your one-page site.

Your plan must include the Embed element

Full guide

React / Next.js

Use the hosted loader with React, Vite, Create React App, or Next.js.

Full guide