Skip to main content
/Docs

Classic dashboard guide. This is the archived version of this article for the classic dashboard. Read the current version.

Embed Widget

Add a booking widget to your existing website so students can book classes without leaving your site

Embed Widget

The embed widget lets you add a booking button to your existing website. When students click it, your StudioBase booking page opens — no need for them to visit a separate site.

Go to Dashboard > Settings > Embed to set it up.

How It Works

StudioBase provides an embed code (a script tag) that you paste into your website's HTML. The script adds a floating booking button in the bottom-right corner of your site, styled with your studio's brand color.

Setup

  1. Go to Dashboard > Settings > Embed
  2. Preview how the button will look on the settings page
  3. Click Copy Embed Code to copy the script tag
  4. Paste it into your website's HTML, just before the closing </body> tag

You need a connected Stripe account before the embed widget will work for paid classes. If Stripe isn't connected, you'll see an alert on this page.

Placement Options

Default (Floating Button)

The default setup adds a floating button in the bottom-right corner of every page. No additional configuration needed — just paste the embed code.

Custom Placement

If you want the booking button in a specific location, add a container div with the ID studiobase-widget where you want it to appear:

<div id="studiobase-widget"></div>

The embed script will render the button inside this container instead of floating it.

Need Help?

Contact support at support@studiobase.org if you need help embedding the booking widget on your website.

Navigation