¿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.

📌 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.

3. Personalización avanzada (opcional)

En el panel izquierdo, despliega Personalización Avanzada si necesitas aplicar cambios mediante CSS 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.
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:

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.
Si quieres descartar los cambios antes de publicarlos, haz clic en Deshacer cambios para restaurar los estilos predeterminados.

⚠️ Si tras activar la nueva versión, el resultado no es el esperado, podrás volver temporalmente a la versión anterior que estará disponible hasta el 1 de septiembre de 2025.
Para hacerlo, haz clic en el enlace Volver a la versión antigua.

Si durante el proceso tienes cualquier consulta, por favor, no dudes en escribirnos a soporte@spalopia.com