The booking mode showing upcoming classes on your booking page automatically displays classes organized under tabs. Classes can also be further filtered by category.
In this article:
Tabs
The widget will automatically display a Tab[1] for each type of class set up in the account
The widget can show up to 4 tabs:
- Classes: the tab shows on the booking page only if you offer at least one regular class or a course with drop-in classes and displays:
- with the list layout: all upcoming regular classes, drop-in classes, courses, and special events, for one week at a time, or
- with the grid layout: for all dates, the system will show all the regular classes and courses that allow drop-in attendance - including when they are not held. Courses that do not allow drop-in attendance will show on the date when they start, and if late enrollments are enabled, on available dates for late enrolment. Special events will show only on the date when they are held.
- Courses: this tab will show up to 100 upcoming courses
- Special events: this tab will show up to 100 upcoming events
- Personal lessons: this tab will show all the types of personal lessons offered
Customize tabs names
The names of the tabs can be customized in Settings>Classes, courses, events, in the Name[4] and Other names[5] sections. Click here for more information.
How to identify the type of class
In Settings>Classes, courses, events, color-coded icons[6] let you easily identify the type of class set up.
Set which tab shows as pre-selected on your booking page
You can set which tab shows as pre-selected on your booking page:
1. Go to Settings>Them and Layout>Page Layout
2. In the Booking mode section, from the Initial View [7] dropdown menu, select the tab.
3. Save
Categories
If you have organized your classes into categories[2], they will show:
- in the FILTERS[3] section of the widget for regular classes, courses, and events. Filters can be hidden or visible by default. Click here to learn more
- on the widget page for personal lessons. Categories will show differently, depending on the booking page layout you select in Settings>Them and Layout>Page Layout. Click here for more information.