How-to guide
How to show your timetable on your website
Add a live Clovo timetable to your studio website with an iframe or the WordPress plugin so visitors can see the current schedule before booking.
A static timetable is the tiny website chore that becomes wrong at the worst possible moment — you change a class time in your booking system and forget to update the page nobody owns. A live Clovo timetable solves that by pulling your real schedule straight onto your site, so it stays current without double entry.
It earns its keep with prospects most of all: someone checking whether your classes fit their week can see real times before they ever create an account. This guide covers getting your embed, placing it where intent is highest, testing it, and using it to drive bookings.
Before you start
- You need access to edit your own website — a WordPress admin login, or whatever page editor your site uses.
- Your class types and schedule should already be set up in Clovo, since the embed shows whatever is live.
- If you'd rather have a ready-made schedule page hosted for you, consider landing pages instead of embedding.
Add it to your site, step by step
-
Get your integration code
In Clovo Studio, go to Setup › Integrations and find your unique studio integration code. This is what tells the embed which studio's schedule to display, so copy it exactly.
-
Choose your embed method
Pick the path that matches your site. WordPress has a dedicated plugin; everything else uses a standard iframe.
- On WordPress, the Clovo plugin is the simplest path — install it and use the timetable shortcode.
- On any other site, use the iframe embed code, replace the placeholder studio code with your own, and paste it into an HTML or code block.
-
Place it where intent is highest
Put the timetable where visitors are already close to deciding — a dedicated schedule page, a new-client page, or a pricing page. Burying it under your menu means the people most likely to book never see it.
-
Test it like a client
Open the published page on both desktop and mobile. Confirm the schedule loads, the height feels right, and the booking path is obvious. The default iframe height is 1400px, which you can adjust to suit your layout if classes are cut off or there's too much empty space.
-
Link to it everywhere
Once it's live, point people at it from your social profiles, Google Business Profile, email footers and QR codes. A prospect who sees a real class time is closer to booking than one reading a generic promise.
Why a live timetable beats a static one
The whole point of embedding is that there's no second place to keep up to date. When you change your schedule in Clovo, the embed reflects it — no copy, no paste, no forgotten page. That removes the most common cause of a wrong timetable: the gap between your booking system and your marketing site.
It also shortens the path to a booking. Instead of a generic "classes most days" promise, a visitor sees the actual Tuesday 6am they were hoping for, then taps straight through to book. The closer the real schedule sits to where someone is deciding, the better it converts.
Tip
If you don't have a website to embed into, or you want a faster path to a public schedule, a Clovo landing page gives you a hosted page with your timetable and booking built in — no site editing required.
Common questions
Do I need a WordPress site to embed my timetable?
No. WordPress just has a plugin that makes it simplest — install it and drop in the timetable shortcode. On any other site you use the iframe embed code instead, pasting it into an HTML or code block. See the WordPress guide for the plugin path.
The embed is too tall or too short on my page. Can I change its height?
Yes. The iframe uses a default height of 1400px, which you can adjust in the embed code to match your layout — lower it if there's empty space, raise it if classes are cut off.
Will I have to update the timetable when my schedule changes?
No. The embed reads your live schedule from Clovo, so any change you make to your classes or times shows up automatically — there's no separate copy to maintain.
What to remember
- Your studio integration code lives under Setup › Integrations and tells the embed which schedule to show.
- WordPress sites use the plugin and shortcode; every other site uses the iframe (default height 1400px, adjustable).
- Place it where intent is highest, test it on mobile, then link to it from everywhere your prospects already are.
Ready to try it in your studio?
Run bookings, payments and client apps from one place.
Clovo gives boutique fitness studios the operating system behind the tutorial: dashboard setup, branded apps, payments, landing pages and client communication.