Video Version

You can use the “Front-end Booking Catalog” view when you want to show your service in a form of a catalog.

To add the “Front-end Booking Catalog” view on one of your pages, click “Pages” the in the Ideakit admin panel, and then click on “Add New”. You will see the “Amelia” insert shortcode button.

When you choose Catalog to create a shortcode for your page, you will see three new options:

1. Show catalog of all categories.
2. Show a specific category.
3. Show a specific service.

If you cannot find the shortcode button you can use one of the following shortcodes:

•  if you want to show all categories,
•  if you only want to show services from the category with ID 1,
•  if you only want to show a service with ID 1,

Put the shortcode on the page and “Publish” it.

If you use Gutenberg blocks for adding shortcodes please follow this link to see how to add a shortcode.

Besides these three main Catalog shortcodes you have the option to set more advanced booking parameters. To do that, click on the “Preselect Booking Parameters” option, and two new options will show: “Select Employee” and “Select Location”. With these two options, you can show the catalog of services for just one specific employee or one specific location, or you can combine them with the main shortcodes to show whatever you need.

Same as the one above, if you cannot find the shortcode button you can use one of the following shortcodes:

•  if you want to show all categories for an employee with ID 1,
•  if you want to show just services from the category with ID 1 and from an employee with ID 1,
•  if you want to show just service with ID 1 from an employee with ID 1,
•  if you want to show all categories for the location with ID 1,
•  if you want to show just services from the category with ID 1 and from the location with ID 1,
•  if you want to show just service with ID 1 from the location with ID 1,

Or any other combination that you need. Just put the shortcode on the page and “Publish” it.

In the “Front-end Booking Catalog” view, categories are shown in a form of cards with their name, the number of services that belong to that category, and the services picture.

After your customer chooses a category (which you can also show separately by choosing the second shortcode we mentioned above), he will see similar boxes for services with service picture, service name and price, and pictures of employees that are assigned to it. The customer is than able  to choose between the services and open the one he wants to book, to find out more about it (that is the third option mentioned above).

Opened service provides lots of information: capacity, duration, description, a category that service belongs to, assigned employees, and extras information (if service has any extras configured), if the customer chooses to book it he can easily continue in the same page in the wizard below. The only difference between this wizard and the one you get when you insert the “Step-By-Step Booking Wizard” view is that here you’ve already chosen the service so you only need to choose the employee in the first step.