Learn how to integrate your studio’s website with Clovo to show your live timetable
Adding your live class timetable to your website is a quick and simple way to ensure new clients can get an idea of your most up-to-date schedule. Follow the steps below to seamlessly integrate your timetable using an iframe.
What You’ll Need:
- Access to your website’s content editor or HTML files.
- Your unique integration code (available in Clovo Studio under Setup -> Integrations).
Step-by-Step Instructions:
- Locate the Timetable Integration Code
Use the following iframe code as a template for embedding your timetable:
<iframe src="https://studio.clovo.au/iframe/timetable/studio/ABCD" width="100%" height="1400" frameborder="0"></iframe>
- Replace the Placeholder Code (
ABCD
)
ReplaceABCD
in the iframe’ssrc
URL with your unique integration code. For example, if your integration code isXYZ123
, the iframe code would look like this:
<iframe src="https://studio.clovo.au/iframe/timetable/studio/XYZ123" width="100%" height="1400" frameborder="0"></iframe>
- Add the Code to Your Website
- If you’re using a content management system (CMS) like WordPress:
- Open the page or section where you want the timetable to appear.
- Switch to the “HTML” or “Code” view in your editor.
- Paste the modified iframe code into the desired location.
- If you’re directly editing the website’s HTML files:
- Open the file in a text editor.
- Paste the iframe code where you want the timetable to be displayed.
- Save and upload the updated file.
- Test the Integration
- Visit your website and navigate to the page where the timetable is embedded.
- Confirm the timetable loads correctly and displays your live schedule.
- Optional: Adjust the Height (if Needed)
The height in the iframe code is set to1400px
by default, but you can adjust this value to better fit your website’s layout. For example:
<iframe src="https://studio.clovo.au/iframe/timetable/studio/XYZ123" width="100%" height="1200" frameborder="0"></iframe>
Need Help?
If you encounter any issues or have questions about your integration code, contact Clovo support for assistance. We’re here to ensure your live timetable works seamlessly on your website.
By embedding your timetable, you provide clients with a real-time view of your schedule, making it easier for them to book and stay engaged with your studio.
-
Estimated Time To Complete
30 -
Information For
Studio Owner -
Platform Components
Clovo Studio, Studio Website -
Last Updated
November 19, 2024 -
Need more help?
Get in touch hello@clovo.au
Other helpful Support Articles
Apps for Australian Pilates and Yoga Studios
The Clovo Platform
Clovo is Branded mobile apps for Australian pilates, yoga and group fitness studios that handle all your booking and payment needs in the palm of your client’s hand.
There are no monthly or setup fees, just a small percentage of each transaction each time you sell a membership or credit pack.
Need more help?
If these support articles aren’t cutting it, get in touch. Our Australian support staff are happy to help.