Class timetable element

The Class timetable element shows your week of classes on your website: the times, the teacher, how many places are left and a Book button for each class. Visitors move between weeks and book a place directly. It fits studios, gyms, schools and anyone who runs group classes.

Before you start

• The element appears in the Elements panel when the Reservations & Bookings product is active for your project.
• Your classes and their times are set up in Reservations. See Create a resource and set availability and Add a bookable service.

Add the timetable

1. Open the page in the Website Builder, for example a Schedule page.
2. Click Elements in the left sidebar.
3. Drag Class timetable into a section. Give it the full width of the section for the best result.
4. Open the element settings.

Settings

• Show the teacher: shows with whom the class is, for example with Anna.
• Show places left: shows how many places are free, for example 3 places left, or Full.

What visitors see

• The classes of This week, with Previous week and Next week to move around.
• A Book button on each class that still has places.
• No classes this week. when nothing is planned.

Test it

Publish your website and book a test class on the live page. Check that the booking shows in Reservations and that the number of places left goes down. Managing bookings: Manage bookings.

Tip: put your memberships on the same page with the Membership table element, so regular visitors can sign up for a plan.

Frequently asked questions