---
title: Cómo añadir el catálogo de un spa usando el catálogo avanzado
description: Este artículo explica cómo crear y gestionar un catálogo avanzado para un spa (centro de tratamientos) que utiliza el sistema de reserva PRO en el modo de configuración Reservar cita en STAY.
---

1. [Centro de ayuda](https://help.stay-app.com/es/knowledge)
2. [ Funcionalidades: instalaciones ](https://help.stay-app.com/es/knowledge/funcionalidades-instalaciones)
3. [ Spa ](https://help.stay-app.com/es/knowledge/funcionalidades-instalaciones#spa)

6 de junio de 2025

# Cómo añadir el catálogo de un spa usando el catálogo avanzado

### **Descripción general**

Puedes añadir el catálogo de tu spa en el CMS y mostrarlo en la app para que los huéspedes puedan consultar los tratamientos disponibles y explorar los detalles de tu spa.

Este artículo explica cómo crear y gestionar un catálogo avanzado para un spa (centro de tratamientos) que utiliza el **sistema de reserva PRO** en el modo de configuración **Reservar cita** en STAY. El catálogo actúa como la base para las reservas de citas: cada tratamiento debe crearse en el catálogo para poder asignarlo posteriormente a empleados y cabinas de tratamiento. El catálogo avanzado te permite organizar los productos en categorías y subcategorías, definir precios y duración de los tratamientos, añadir descripciones, subir imágenes y configurar detalles operativos clave como los tiempos de preparación y limpieza.

**Nota:** los spas que utilizan el **sistema de reserva PRO** en **modo de configuración Reservar**, normalmente para circuitos termales, no necesitan catálogo.

### **Antes de empezar**

Antes de añadir el catálogo del spa, ten en cuenta lo siguiente:

- Debes tener acceso al CMS en **Contenido > Instalaciones > Spa**.
- Es **obligatorio** crear un catálogo manual si el spa utiliza el sistema de reserva PRO en modo **Reservar cita**.
- Prepara con antelación la información de los tratamientos (nombres, precios, descripciones, imágenes, duración, tiempos de preparación y limpieza, número de unidades o salas y terapeutas necesarios) para agilizar la configuración.

 

### **Opciones para añadir el catálogo**

Existen dos grandes tipos de catálogos:

- **Manuales:** permiten añadir y gestionar productos individualmente.
- **Externos:** se suben desde un archivo o una URL y no pueden editarse desde el CMS.

 

#### **1. Crear un catálogo manual**

1. Accede a **Contenido > Instalaciones > Spa**.
2. Selecciona un spa y haz clic en **Editar**.
3. Ve a la pestaña **Catálogo avanzado  ![How to add a spa catalog using the advanced catalog 01ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2001ES.png?width=670&height=241&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2001ES.png)**
4. Define el texto del botón que verán los clientes para acceder al catálogo.
   
     - Introduce un texto breve como “**Nuestros tratamientos"** o **"Ver tratamientos"**.
     - El texto tiene un límite de 24 caracteres.
     - Haz clic en el **icono de bandera** para añadir las traducciones a otros idiomas.
5. Haz clic en **Añadir catálogo**.
6. Selecciona el tipo de catálogo manual:
   
     - **Con categorías** (dos niveles: categorías y productos). ![How to add a spa catalog using the advanced catalog 02ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2002ES.jpg?width=195&height=395&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2002ES.jpg)
     - **Con categorías y subcategorías** (tres niveles: categorías, subcategorías y productos).  ![How to add a spa catalog using the advanced catalog 03ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2003ES.jpg?width=196&height=394&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2003ES.jpg)
   
   **Nota**: la elección que tomes respecto al tipo de catálogo manual no podrá deshacerse después. Asegúrate de escoger el tipo adecuado.
7. Asigna un icono y un nombre al catálogo.

#### **2. Crear un catálogo externo**

**Opción 1: Catálogo en PDF**

1. Sigue los mismos pasos anteriores hasta **Añadir catálogo**.
2. Selecciona **Catálogo en PDF**.
3. Sube el archivo en todos los idiomas necesarios. No debe superar los **5 MB**. Cuanto menos pese, mejor será la experiencia para los huéspedes al cargar los documentos en sus dispositivos.
4. Activa la opción **Abrir en navegador** si deseas que se muestre en una ventana nueva.

**Opción 2: Catálogo enlazado**

1. Selecciona **Catálogo enlazado** en la ventana de selección.
2. Introduce la URL del catálogo para cada idioma disponible.
3. Marca la casilla **Abrir URL en navegador** si lo deseas.

 

### **Guía paso a paso: configuración de catálogos manuales**

Al crear un catálogo manual, encontrarás dos pestañas en la pantalla de configuración:

1. **Productos** – Aquí se crean y editan los productos del catálogo.
2. **Diseño** – Permite personalizar el diseño del catálogo.

#### **Paso 1: Añadir productos al catálogo**

1. Añade categorías (nombre + imagen).
2. Si usas subcategorías, añádelas (no es necesario incluir imagen).
3. Crea productos introduciendo **Nombre** y **Precio**.
4. Configura el estado del producto: 
     - **Habilitado**: visible en el catálogo.
     - **Destacado**: aparece resaltado en el catálogo.

![How to add a spa catalog using the advanced catalog 04ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2004ES.png?width=670&height=392&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog%2004ES.png)

##### **Editar un producto**

Para editar un producto, localízalo en la pestaña **Productos** y utiliza los iconos azules:

- **Icono de flechas:** mueve el producto a otra categoría.
- **Icono de lápiz:** edita el producto.
- **Icono de papelera:** elimina el producto.

##### **Opciones de edición de un producto**

1. **Información del producto** 
     - Nombre
     - **Descripción** con detalles del producto.
     - **Imagen** (máx. 1 MB, 400x400 px).
     - **Etiquetas** para mejorar la búsqueda.
     - Indica si el tratamiento requiere **personal** activando el botón **Personal**. Una vez activado, podrás especificar el número de empleados y el número de unidades (cabinas de tratamiento) necesarias para el servicio.
2. **Precios** 
     - Precio estándar del producto. Es el que introduces en el campo **Precio** por primera vez.
     - **Precios diferentes** según la duración o el tipo de tratamiento. Haz clic en **Añadir precio** e introduce una etiqueta clara en el campo **Título** (por ejemplo, “Masaje de 60 min”, “Masaje de 90 min”). Al configurar cada opción, recuerda indicar la **duración del tratamiento**. Si la sala o cabina donde se realiza requiere **tiempo de preparación y/o limpieza**, especifica el número de minutos correspondiente en los campos habilitados.
     - **Precios segmentados** (si tu establecimiento usa segmentación de clientes [link]). Para ello, primero activa el botón **Precios segmentados** (desde la pestaña **Productos**) y aparecerá un campo de precio para cada segmento que tengas creado en tu establecimiento. Solo tienes que introducir un valor en cada uno.
     - **Crear una oferta:** activa la opción **Activar oferta**, introduce un título y el precio con descuento.
3. **Opciones de producto (widgets)** 
     - Permite que los huéspedes personalicen su tratamiento seleccionando entre las opciones disponibles (por ejemplo, complemento de aromaterapia, elección de aceite para masaje).
     - Hay widgets de **selección única** y de **selección múltiple**.
     - Puedes asignar precios extra a los complementos opcionales si es necesario.

![How to add a spa catalog using the advanced catalog_05ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_05ES.png?width=388&height=596&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_05ES.png)

##### **Productos por página**

Puedes elegir el número de productos que se visualizan por página en el CMS. Las opciones son **5, 10, 20 o 50**. Esta configuración ayuda a mejorar la velocidad de carga de los productos y permite editarlos más ágilmente.

##### **Productos gratuitos**

Elige cómo prefieres indicar a los clientes que un producto no tiene coste. Puedes elegir entre 3 opciones: mostrar un texto personalizado, "0" o dejar el campo vacío.

 

#### **Paso 2: Personalización del diseño del catálogo**

En la pestaña **Diseño**, puedes personalizar la apariencia del catálogo:

1. **Encabezado del catálogo:** 
     - Añade un logotipo del spa (opcional).
     - Selecciona una imagen o un color de fondo.
     - Personaliza la descripción del catálogo.
     - Elige un elemento separador entre la cabecera y el cuerpo del catálogo.

**Consejo:** si eliges un color de fondo, no olvides hacer clic en **OK** después de seleccionarlo para asegurarte de que el cambio se guarda correctamente.

1. **Colores del catálogo:** 
     - Define los colores del fondo y los elementos de interfaz (botones, cajas, etc.).
2. **Tipo de letra:** 
     - Elige el tipo de letra que aparecerá en el cuerpo del catálogo. La que se muestra por defecto es **Inter**. Si quieres utilizar una diferente, activa el botón de cambio **Utilizar una fuente distinta a la predeterminada** o directamente haz clic sobre la que prefieras. Puedes elegir entre 4 opciones: Quicksand, Rubik, Poppins y Arvo.
3. **Separadores de categorías:** 
     - Puedes elegir el tipo de separador que se incluirá entre una categoría y otra.
     - En esta sección también puedes definir el color del texto de las categorías y subcategorías del catálogo, y el color del separador.
4. **Nombre y descripción de productos:** 
     - Define el estilo de los elementos relativos a los productos del catálogo: color del texto del nombre, de la descripción y del precio.
     - También puedes definir un texto para la etiqueta de productos destacados. Los productos destacados son aquellos que aparecen resaltados respecto al resto en el catálogo.

![How to add a spa catalog using the advanced catalog_06ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_06ES.png?width=670&height=386&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_06ES.png)

 

### **Activación y vista previa del catálogo**

1. Para activar el catálogo, cambia el botón que aparece en la parte derecha de la pantalla de **Desactivado** a **Activado** (se volverá verde).
2. Para previsualizar cómo lo verán los clientes, escanea el código QR en la home del CMS y accede al spa configurado.

![How to add a spa catalog using the advanced catalog_07ES](https://help.stay-app.com/hs-fs/hubfs/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_07ES.jpg?width=247&height=482&name=How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_07ES.jpg)

### **Próximos pasos**

Una vez que hayas añadido y configurado el catálogo del spa, te recomendamos realizar las siguientes acciones:

- **Previsualiza el catálogo** en la app para comprobar que se muestra correctamente y que es fácil de navegar.
- **Revisa periódicamente los detalles de los tratamientos** para mantener actualizados los precios, descripciones, duraciones y disponibilidad.
- **Utiliza etiquetas y productos destacados** para resaltar servicios especiales o de alta demanda y facilitar su visibilidad.

Si tu spa ofrece diferentes catálogos (por ejemplo, tratamientos de temporada o paquetes especiales), recuerda que puedes crear tantos catálogos como necesites

 

### **¿Necesitas más ayuda?**

Si tienes más preguntas o necesitas asistencia adicional:

- Contacta con nosotros a través del chat.
- Envía un ticket a nuestro equipo de Soporte.
- Visita [STAY Academy](https://education.stay-app.com/courses), nuestra plataforma de formación.

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "caption" : {
    "@type" : "MediaObject",
    "contentUrl" : "https://help.stay-app.com/media-transcripts/191005954690/en.vtt",
    "inLanguage" : "en",
    "name" : "en Captions"
  },
  "contentUrl" : "https://stream.mux.com/wqiXKeKH6MqwvGbjIwk5i02IoVtQtlbNNQ2y6IvuJvlk/capped-1080p.mp4",
  "dateModified" : "2025-06-04T13:17:46.605Z",
  "duration" : "PT5M41S",
  "height" : 1080,
  "name" : "How to add a spa catalog using the advanced catalog_00ENES",
  "thumbnailUrl" : "https://9288208.fs1.hubspotusercontent-na1.net/hubfs/9288208/Help%20center%202025/How%20to%20add%20a%20spa%20catalog%20using%20the%20advanced%20catalog_00ENES.mp4/medium.jpg?t=1749043066605",
  "uploadDate" : "2025-06-04T13:07:58.776Z",
  "width" : 1920
}
```