--- title: ¿Cómo personalizar el diseño de tu Motor de reservas? description: "Puedes adaptar el diseño del Motor de reservas para que se alinee con la identidad visual de tu marca. Para hacerlo, ve a Ajustes > Motor de Reservas y sigue los siguientes pasos: En el panel izquierd" --- [Ir directamente al contenido](https://help.spalopia.app/es/centro-de-ayuda/cómo-personalizar-el-diseño-de-tu-motor-de-reservas#main-content) Español Traducciones de Mostrar submenú de [![spl-siana-imagotype-color.svg\]](https://help.spalopia.app/hubfs/spl-siana-imagotype-color.svg)](https://sianabyspalopia.com/) Abrir navegación principal Cerrar navegación principal - Español Traducciones de Mostrar submenú de ¡Hola! ¿Cómo podemos ayudarte? - No hay sugerencias porque el campo de búsqueda está vacío. 1. [Centro de Ayuda](https://help.spalopia.app/es/centro-de-ayuda?hsLang=es) 2. [Motor de reservas](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es) 3. [Ajustes](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#ajustes) # ¿Cómo personalizar el diseño de tu Motor de reservas? Puedes adaptar el diseño del Motor de reservas para que se alinee con la identidad visual de tu marca. Para hacerlo, ve a **Ajustes \> Motor de Reservas** y sigue los siguientes pasos: #### **1. Personaliza colores** En el panel izquierdo, despliega la sección **Color** y selecciona: - Un **color primario**, junto con una variante más clara y otra más oscura. Estos se aplicarán a los botones y elementos principales para mantener una apariencia coherente. - Un **color secundario**, que se utilizará en textos y componentes secundarios. > ![](https://help.spalopia.app/hs-fs/hubfs/image-png-Jul-09-2025-09-33-28-2559-PM.png?width=293&height=357&name=image-png-Jul-09-2025-09-33-28-2559-PM.png) #### 📌 En la parte derecha encontrarás una **vista previa interactiva** para comprobar en tiempo real cómo se verán los cambios. 💡 **Recomendación**.Evita poner un color muy oscuro en la sección **Secundario \> Claro**, ya que dificultará la visual del texto.  #### **2\. Elige la fuente tipográfica** Abre la sección **Fuente** y selecciona una de las fuentes disponibles. La fuente elegida se aplicará automáticamente a todos los textos del motor y podrás ver el resultado en la vista previa. > ![](https://help.spalopia.app/hs-fs/hubfs/image-png-Jul-09-2025-09-42-49-0924-PM.png?width=335&height=180&name=image-png-Jul-09-2025-09-42-49-0924-PM.png) #### **3\. Personalización avanzada (opcional)** En el panel izquierdo, despliega **Personalización Avanzada** si necesitas aplicar cambios medianteCSS o Javascript. ⚠️Esta opción está pensada únicamente para usuarios con conocimientos técnicos avanzados, ya que un cambio mal aplicado podría afectar negativamente al diseño del Motor de reservas. **Importante:** ten en cuenta que los cambios realizados aquí no se reflejarán en la vista previa. ##### ¿Cómo activar la nueva versión? Una vez que estés conforme con tu personalización: 1. Haz clic en **Guardar cambios y publicar** para activar la nueva versión del motor de reservas. A partir de ese momento, tus clientes verán el nuevo diseño. ![](https://help.spalopia.app/hs-fs/hubfs/image-png-Jul-09-2025-09-58-54-0293-PM.png?width=357&height=42&name=image-png-Jul-09-2025-09-58-54-0293-PM.png) 2. Si quieres descartar los cambios antes de publicarlos, haz clic en **Deshacer cambios** para restaurar los estilos predeterminados. ![](https://help.spalopia.app/hs-fs/hubfs/image-png-Jul-09-2025-09-58-14-7336-PM.png?width=373&height=58&name=image-png-Jul-09-2025-09-58-14-7336-PM.png)   ✉️ Si durante el proceso tienes cualquier consulta, por favor, no dudes en escribirnos a [soporte@spalopia.com](mailto:%20soporte@spalopia.com) - [\[ES\] Spalopia.com](https://help.spalopia.app/es/centro-de-ayuda/es-spalopia-com?hsLang=es#main-content) - [Canjeo de bonos procedentes de Spalopia.com](https://help.spalopia.app/es/centro-de-ayuda/es-spalopia-com?hsLang=es#canjeo-de-bonos-procedentes-de-spalopia-com) - [Facturación de bonos procedentes de Spalopia.com](https://help.spalopia.app/es/centro-de-ayuda/es-spalopia-com?hsLang=es#facturaci%C3%B3n-de-bonos-procedentes-de-spalopia-com) - [Configuración y Ajustes](https://help.spalopia.app/es/centro-de-ayuda/configuraci%C3%B3n-y-ajustes?hsLang=es#main-content) - [Configuración Básica](https://help.spalopia.app/es/centro-de-ayuda/configuraci%C3%B3n-y-ajustes?hsLang=es#configuraci%C3%B3n-b%C3%A1sica) - [Consejos](https://help.spalopia.app/es/centro-de-ayuda/configuraci%C3%B3n-y-ajustes?hsLang=es#consejos) - [Configuración Avanzada](https://help.spalopia.app/es/centro-de-ayuda/configuraci%C3%B3n-y-ajustes?hsLang=es#configuraci%C3%B3n-avanzada) - [Métodos de pago](https://help.spalopia.app/es/centro-de-ayuda/configuraci%C3%B3n-y-ajustes?hsLang=es#m%C3%A9todos-de-pago) - [Agenda](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#main-content) - [Recursos](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#recursos) - [Reservas](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#reservas) - [Terapeutas](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#terapeutas) - [Tratamientos](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#tratamientos) - [Paquetes](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#paquetes) - [Configuración](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#configuraci%C3%B3n) - [Comisiones](https://help.spalopia.app/es/centro-de-ayuda/agenda?hsLang=es#comisiones) - [Motor de reservas](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#main-content) - [Reservas](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#reservas) - [Consejos](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#consejos) - [Ajustes](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#ajustes) - [Bono regalo](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#bono-regalo) - [Devoluciones](https://help.spalopia.app/es/centro-de-ayuda/motor-de-reservas?hsLang=es#devoluciones) - [CRM](https://help.spalopia.app/es/centro-de-ayuda/crm?hsLang=es#main-content) - [Clientes](https://help.spalopia.app/es/centro-de-ayuda/crm?hsLang=es#clientes) - [Grupos y Canales](https://help.spalopia.app/es/centro-de-ayuda/crm?hsLang=es#grupos-y-canales) - [Profesionales](https://help.spalopia.app/es/centro-de-ayuda/crm?hsLang=es#profesionales) - [Pre check-in online](https://help.spalopia.app/es/centro-de-ayuda/crm?hsLang=es#pre-check-in-online) - [Listados](https://help.spalopia.app/es/centro-de-ayuda/listados?hsLang=es#main-content) - [Listados](https://help.spalopia.app/es/centro-de-ayuda/listados?hsLang=es#listados) - [Punto de venta](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#main-content) - [Facturación](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#facturaci%C3%B3n) - [Funcionamiento del Punto de Venta](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#funcionamiento-del-punto-de-venta) - [Productos](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#productos) - [Punto de Venta](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#punto-de-venta) - [Configuración | Punto de venta](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#configuraci%C3%B3n-punto-de-venta) - [Informes | Punto de venta](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#informes-punto-de-venta) - [Comisiones | Punto de venta](https://help.spalopia.app/es/centro-de-ayuda/punto-de-venta?hsLang=es#comisiones-punto-de-venta) - [Integraciones](https://help.spalopia.app/es/centro-de-ayuda/integraciones?hsLang=es) - [Nuevos desarrollos y mejoras](https://help.spalopia.app/es/centro-de-ayuda/nuevos-desarrollos-y-mejoras?hsLang=es#main-content) - [Varios](https://help.spalopia.app/es/centro-de-ayuda/nuevos-desarrollos-y-mejoras?hsLang=es#varios) - [Informes](https://help.spalopia.app/es/centro-de-ayuda/informes?hsLang=es#main-content) - [Informes de agenda](https://help.spalopia.app/es/centro-de-ayuda/informes?hsLang=es#informes-de-agenda) - [Informes de Punto de Venta](https://help.spalopia.app/es/centro-de-ayuda/informes?hsLang=es#informes-de-punto-de-venta) [![Spalopia](https://help.spalopia.app/hs-fs/hubfs/spl-imagotype-color-1.png?width=150&height=72&name=spl-imagotype-color-1.png "Spalopia")](https://sianabyspalopia.com) Copyright © 2026, Spalopia S.L.