Service menus and categories

Where can I find it? Services >>> Categories

In this article, we explain how to create categories to assign to your services and the different options for installing your widget. You can configure it in several ways: a menu displaying all services on a single screen, a menu with services in a button layout, or a menu organised by category.

To find out how to install the global code and the widget code on your website depending on the format you choose, we recommend consulting this section of our Help Centre. There you can select your CMS to view the specific installation steps.

How to Create a Category

Step 1: Creating Categories

To create a new category and assign it to your services, go to Services >>> Categories >>> Preview - insert all categories menu. Here, enter the desired name for the category and click on "Add new category".

When you do this, the system will automatically generate unique codes for each one (in the format C1, C2, CX, etc.). Please note that these codes are permanent; if you delete a category (by clicking on the corresponding X), that specific code (for example, C1) will no longer exist.

Step 2: Assigning services

Once you have created your categories, the next step is to link your services to them. To do this, go to Services >>> PX (desired service) >>> Advanced actions and tick the boxes for the categories that apply to that service.

Your services can be assigned to several categories at the same time.

All Services on a Single Screen

The Multi-Service Daily Widget is a tool designed to provide an overview of your services. Unlike the standard widget (a single calendar), this format allows you to display all your available services in a single daily calendar view.

If you want the Multi-Service Daily Widget to display only a select group of activities rather than your full range of services, follow these steps to filter them by category:

1. Create a Category: Create a new category that includes only the services you wish to display, following the steps in the previous section.
2. Identify the code: Once created, locate the category identifier code (for example: C1, C2, C3, etc.).
3. Modify the widget code: In the HTML code you obtained in Step 2, locate the parameter data-service="all" and replace it with data-category="CX", substituting the "X" with your category number.

<div class="load-turitop" data-category="CX" data-lang="en" data-embed="box"></div>

For a more detailed explanation of the multi-service daily widget, we recommend you read this article.

Services as Buttons

To display all your active services in a button format, go to Services >>> Categories >>> Preview - insert all services menu. When you click on one of them, the corresponding widget for that service will appear. These service widgets will display the short and full descriptions you have added via Services >>> PX (Desired service) >>> Service information.

Category Menus

Once you have created your categories, as explained in the first section of this article, you can generate a widget featuring all your categories in the form of a button bar, or with a single category, via Services >>> Categories >>> Preview - insert all categories menu.

All Categories

To install the button bar with all your categories, simply copy the Widget Code that appears below this section and install it on your website, without making any changes to it.

When you click on a category, only the services that have been added to it will be displayed as a button bar. Subsequently, when you click on one of them, the corresponding widget for each service will appear.

Single-category

To install the button bar with all your categories, you must copy the widget code shown below this section and insert your category code into the parameter data-service="CX", replacing "CX" with the relevant code (e.g. C2, C3, C4, etc.).

<<div class="load-turitop" data-service="C" data-lang="es" data-embed="box"></div>

This widget will display only the services that have been added to this category in the form of a button panel.

Once you’ve made the change, you’ll be able to install the code on your website so that it displays correctly.