How to add a spa catalog using the advanced catalog

Overview

You can add your spa catalog to the CMS and display it in the app so guests can browse available treatments and explore your spa details.

This article explains how to create and manage an advanced catalog for a spa (treatment center) that uses the PRO booking system in Book an appointment setting mode in STAY. The catalog acts as the foundation for appointment bookings: each treatment must be created in the catalog so it can later be assigned to staff and treatment rooms. The advanced catalog allows you to organize products into categories and subcategories, define pricing and treatment duration, add descriptions, upload images, and configure key operational details such as preparation and cleaning times.

Note: Spas using the PRO booking system in Book setting mode, typically a thermal circuit, do not require a catalog.

 

Before getting started

Before adding the spa catalog, keep the following in mind:

• You must have access to the CMS under Content > Facilities > Spa.
• A manual catalog is mandatory for spas using the PRO booking system in Appointment setting mode.
• Prepare treatment details in advance (names, prices, descriptions, images, duration, preparation and cleaning times, number of units or rooms, and therapists required) to speed up setup.

 

Options for adding a catalog

There are two main catalog types:

• Manual catalogs: Add and manage products individually.
• External catalogs: Upload a file or provide a URL; products cannot be edited in the CMS.

1. Create a manual catalog

1. Go to Content > Facilities > Spa.
2. Select a spa and click Edit.
3. Navigate to the Advanced catalog tab.
   
   
4. Define the button text that guests will see to access the catalog:

• • Use a short text such as “Our treatments” or “See treatments” (max. 24 characters).
  • Click the flag icon to add translations.
    

     5.   Click Add catalog.
     6.   Select the type of manual catalog: 

• • With categories (two levels: categories and products).
  • With categories and subcategories (three levels: categories, subcategories, and products).
     

     Note: The choice you make regarding the type of manual catalog cannot be undone later.      Make sure to select the appropriate type.

    7.   Assign an icon and a name to the catalog. 

 

2. Create an external catalog

Option 1: PDF catalog

1. Follow the steps above until Add catalog.
2. Select PDF Catalog.
3. Upload the file in all required languages. Keep it under 5 MB—Lighter files mean a smoother experience for guests when loading documents on their devices.
4. Enable Open in browser if you want the catalog to open in a new window.

Option 2: Linked catalog

1. Select Linked catalog.
2. Enter the catalog URL for each available language.
3. Check Open URL in browser if needed.

 

Step-by-step guide: Manual catalog setup

When creating a manual catalog, you'll find two tabs:

1. Products – Create and manage catalog items.
2. Layout – Customize the catalog’s appearance.

 

Step 1: Adding products to the catalog

1. Add categories (name + image).
2. If using subcategories, add them (no image needed).
3. Create products by adding Name and Price.
4. Configure product status:
   • Enabled: Visible in the catalog.
   • Featured: Stands out in the catalog.

Editing a product

To edit a product, locate it under Products and use the action icons:

• Arrow icon: Move the product to another category.
• Pencil icon: Edit the product details.
• Trash icon: Delete the product.

 

Product editing options

1. Product Information

• Name
• Description with details.
• Image (max. 1 MB, recommended size: 400x400 px).
• Tags to improve searchability.
• Indicate whether the treatment requires staff by enabling the Staff toggle. Once activated, you will be able to specify the number of staff members and the number of units (treatment rooms) needed for the service.

2. Pricing

• Standard price. This is the price you enter in the Price field for the first time.
• Different pricing based on duration or treatment type. Click Add price and enter a clear label in Title (e.g., “60 min massage”, “90 min massage”). When setting up each option, remember to indicate the treatment duration. If the treatment room or cabin requires preparation and/or cleaning time, specify the corresponding number of minutes in the dedicated fields.
• Segmented pricing (if your property uses customer segmentation). To enable this, first activate the Segmented pricing toggle (from the Products tab), and a price field will appear for each segment you have created at property level. You just need to enter a value for each one.
• Create an offer: Enable Activate offer, then enter a title and discounted price.

3. Product options (widgets)

• Allow guests to customize their treatment by selecting from available options (e.g., aromatherapy add-on, choice of massage oil).
• Options include single selection and multiple selection widgets.
• Assign additional costs to optional add-ons if needed.

Products per page

You can set how many products are displayed per page in the CMS. Options: 5, 10, 20, or 50. This improves loading speed and makes editing more efficient.

Free products

Choose how you prefer to indicate to customers that a product has no cost. You can choose from three options: display custom text, show '0', or leave the field empty.

 

Step 2: Catalog layout customization

Under the Layout tab, you can personalize the catalog’s appearance.

1. Catalog header:

• Add a spa logo (optional).
• Select a background image or color.
• Customize the catalog description.
• Choose a separator element between the header and the body of the catalog.

Tip: If selecting a background color, remember to click OK to save changes.

2. Catalog colors:

• Define background and interface (buttons, boxes, etc.) colors.

3. Font type:

• Choose the font that will appear in the body of the catalog. The default font is Inter. If you want to use a different one, enable the Use a different font than the default toggle or simply click on your preferred option. You can choose from four options: Quicksand, Rubik, Poppins, and Arvo.

4. Category dividers:

• You can choose the type of separator that will be included between categories.
• In this section, you can also define the text color for the catalog’s categories and subcategories, as well as the color of the divider.

5. Product name and description:

• Define the style of elements related to the catalog’s products: text color for the name, description, and price.
• You can also set a custom text for the featured product label. Featured products are those that stand out from the rest in the catalog.

 

Activating and previewing the catalog

1. To activate the catalog, switch the Enabled/Disabled toggle on the right side of the screen to Enabled (green).
2. To preview how guests will see it, scan the QR code on the CMS home screen and navigate to the configured spa.

Next steps

Once you’ve added and configured your spa catalog, here are some additional actions you may want to consider:

• Preview the catalog in the app to ensure it appears as expected and is easy to navigate.
• Review treatment details regularly to keep prices, descriptions, durations, and availability updated.
• Use tags and featured products to highlight special or high-demand services and make them easier to find.

If your spa offers different catalogs (e.g., seasonal treatments, special packages), remember you can create as many catalogs as needed.

 

Need further assistance?

If you have additional questions or require further assistance:

• Contact us through live chat.
• Send a ticket to our Support team.
• Visit STAY Academy, our training platform.