You can easily showcase your class schedule directly on your own website using Groovio’s built-in schedule embed feature. This is a great way to keep your site visitors up to date with your latest offerings without needing to manually update anything.
How to Get the Embed Code
Go to Your Schedule
Log in to your Groovio studio account.
Navigate to the Schedule tab from the left-hand menu.
Click the Embed Icon
At the top-right of the schedule page, near the Add New button, you'll see a button with four small squares (grid icon).
Click this icon.
Copy the iFrame Code
A pop-up will appear with an iFrame embed code.
Copy this code.
Paste It Into Your Website
Paste the embed code into the HTML of your website where you'd like the schedule to appear.
The schedule will appear automatically, and any updates you make in Groovio will reflect on your site in real time.
Embedding Just One Category of Classes
If you only want a page on your website to show one type of class (for example a kids' page or a pole page), you can embed a single category's calendar:
Go to Manage Studio > Categories.
Open the actions menu on the category's row and click Embed calendar category.
Choose the Location and set the Height (px).
Copy the Embed code and paste it into your website.
The embedded calendar shows only that category's classes, and visitors can book them from it.
How Booking Works from the Embed
When a visitor books a class from an embedded calendar, checkout opens in a pop-up over your website. The checkout itself can't be embedded inline on your page.