Embed Widget
Still on the classic dashboard? These guides show the new dashboard. You can or read the classic version of this guide.
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
- Go to Dashboard > Settings > Embed
- Preview how the button will look on the settings page
- Click Copy Embed Code to copy the script tag
- 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.