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:

1. Access to your website’s content editor or HTML files.
2. Your unique integration code (available in Clovo Studio under Setup -> Integrations).

Step-by-Step Instructions:

1. 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>

2. Replace the Placeholder Code (ABCD)
   Replace ABCD in the iframe’s src URL with your unique integration code. For example, if your integration code is XYZ123, the iframe code would look like this:

<iframe src="https://studio.clovo.au/iframe/timetable/studio/XYZ123" width="100%" height="1400" frameborder="0"></iframe>

3. 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.

3. 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.

3. Optional: Adjust the Height (if Needed)
   The height in the iframe code is set to 1400px 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.