Booking modes for the customer interface for Bookeo Classes and Courses

Bookeo lets you customize how you want to show your classes and courses to your customers on your booking page.

Using Bookeo Appointments? Click here

Using Bookeo Tours & Activities? Click here

On your booking page, you can display:

all your classes displayed with categories on the left, and classes on the right (click here to see an example),

all your classes in a grid format, organized in categories (click here to see an example)

an upcoming list of classes, courses, and events, with a link to personal lessons/appointments. Click here to see an example

The above booking modes offer several customization options.

Booking mode: upcoming classes and their availability

This booking mode shows a filterable list of upcoming classes, courses, and events, with a link to personal lessons/appointments. Click here to see a live example of this booking mode.

Display of personal lessons/appointments and specific gift vouchers

You can select the display of personal lessons/appointments and specific gift vouchers in Settings>Colors and Style, in the Item selection section. You can display categories on the left and personal lessons appointments on the right, or a grid format.

To select this booking mode for classes, courses and events:

1. Go to Settings>Booking Preferences

2. In the Booking mode section, from the dropdown menu, select the customer is presented all the upcoming classes and their availability, and picks one.

3. Tick the Empty dates checkbox if you want to show dates when classes do not run.

4. Filters let customers sort your classes by categories and resources. From the Filters dropdown menu, select:

initially hidden if you want to show a Filters button that customers can click to see all the filters, or
initially visible if you want to show filters open on the booking page.

Direct links and widgets

Even if you select initially hidden, if you click on a direct link or integrate a direct widget on your website, all Filters will automatically show open on the booking page.

5. From the Initial view dropdown menu, select which type of class you will show as preselected in your booking page: Classes, Courses, Events or Personal lessons.

The "Classes" filter will show upcoming regular classes, courses, events for one week at a time.
The "Courses" and "Events" filters will show up to 100 upcoming events or courses because there are fewer of them throughout the year, and at irregular dates.

6. Save

Booking mode: customers to select a class/course, then pick an available date

With this booking mode, Bookeo will show all your classes, courses, events, personal lessons/appointments listing them under their specific category. You can select if you want to show categories on the left, and classes on the right, or display your classes in a grid format. Both formats come with additional display options, detailed below.

Categories on the left, classes on the right

To select this booking mode for your classes, first:

1. Go to Settings>Booking Preferences

2. In the Booking mode section, from the dropdown menu, select the customer chooses the class first, and then an available date / time

3. Save

Then, to select this format

1. Go to Settings>Colors and style

2. In the Item selection section, from the Item selection page layout dropdown menu, select buttons on the left, items on the right

3. From the Image style dropdown menu, select if you want to show:

	larger image, top
	smaller image, left

Preview Item selection page layout

Clicking Save on any change you make to the Item selection page layout updates your booking page immediately.
You can preview any changes you make to your booking page Item selection page layout without saving your settings by clicking on the Test booking button. When you are happy with the look and feel of your booking page, click on the Save button.

Classes names and description

For best results:

on large screens, class names should fit in 1, maximum 2, rows. Class names are set in the General tab of the class, in the Name section.
The description shown on the booking page is set in the General tab of the class, in the Description section, in the first tab. If you have set up additional description tabs, an INFO button will display, and customers can click on it to read the full class description. The description can optionally also display on the page where customers select a date and time. Click here for more information

Grid mode

To select this booking mode for your classes, first:

1. Go to Settings>Booking Preferences

2. In the Booking mode section, from the dropdown menu, select the customer chooses the class first, and then an available date / time

3. Save

Then, to select this format:

1. Go to Settings>Colors and style

2. In the Item selection section, from the Item selection page layout dropdown menu, select grid with all items using images as background

3. From the Grid size dropdown menu, select the maximum number of columns your grid display on large screens.

On smaller screens and mobile devices, fewer columns will display. The number of columns is scaled automatically to fit the screen resolution and size.

Click here to see an example

4. From the Grid initial display dropdown menu, select if you want to show:

categories expanded. All your classes display on the booking page, under their specific category.

categories collapsed. Categories display collapsed on the booking page. Customers can click on a category to see its classes.

5. Save

Class names

For best results, we recommend setting short class names that fit in 1, maximum 2, rows on large screens. Class names are set in the General tab of the class, in the Name section.

Articles in this section