Front-end Booking Catalog in the Amelia WordPress Booking Plugin

How to Add the Catalog Booking Form to your Website

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

Gutenberg Blocks

First go to WP Pages, choose “Add New” and in the top right corner or below the page title you will see the “+” (“Add Block”) option. Once you click on this option you will have the option to choose Amelia or you can write Amelia in the Search block.

Elementor Page Builder

When you open Elementor Page Builder editor on your website where you have the Amelia plugin installed and set up, you will be able to search for Amelia or to scroll until you get to the Amelia blocks inside the Elementor interface as shown on the image below.

When you choose the desired block, drag-and-drop it to the page.  If Amelia – Catalog view is chosen, in the menu on the right side you will see options to choose: “Show catalog of all categories”, “Show specific category”, “Show specific service”, and if you have Packages (Pro or Elite Amelia license) you will have an option to “Show specific package”.

Also, there is an option to enable “Preselect Booking Parameters” with which you can choose a specific employee or location. If you have the Pro or Elite license, and you have Packages, you will there see an option Show All where you can choose whether you want to show only Services, only Packages, or both.

After you are finished do not forget to click PUBLISH to publish your page.

Classic Editor

When you go to “Pages” in the WordPress admin panel, and then on the “Add New” button, you will see the Amelia insert shortcode button in the editor.

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.

Another 4th option will be available here if you have Packages (Pro or Elite Amelia license) – Show a specific package.

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.

Catalog Booking View on Front-end

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’ pictures.

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 then 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 on 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.