Personalizar tu plantilla

El editor de plantillas te permite personalizar cada aspecto de tu página de reservas. Está dividido en un panel de edición a la izquierda y una vista previa en vivo a la derecha.

Secciones

Cada plantilla está compuesta por secciones: bloques de contenido como el encabezado, el hero, los servicios destacados, el equipo de trabajo y el pie de página. Desde el editor puedes:

Reordenar secciones — Arrastra las secciones para cambiar su posición en la página.
Ocultar secciones — Haz clic en el icono del ojo para ocultar una sección sin eliminarla. Puedes volver a mostrarla cuando quieras.

El editor organiza las secciones en tres pestañas, una por cada página que afecta la plantilla:

Página pública — Tu página principal con información del negocio y servicios.
Reserva — La página donde tus clientes seleccionan fecha y hora.
Confirmación — La página que se muestra al completar una cita.

Propiedades de cada sección

Al hacer clic en una sección se abren sus propiedades editables. Los tipos de propiedades que puedes encontrar son:

Texto — Títulos, subtítulos y descripciones. Cada campo tiene un límite de caracteres.
Texto largo — Descripciones más extensas o párrafos.
Interruptor — Opciones de sí/no, como “¿Mostrar precios?” o “¿Mostrar modo oscuro?”.
Selector — Opciones predefinidas, como el número máximo de servicios a mostrar.
Imagen — Sube tu logotipo, imágenes del hero u otras imágenes decorativas. Formatos aceptados: JPEG, PNG y WebP.
Enlace — Configura hacia dónde apuntan los botones. Puedes usar una URL personalizada, un enlace a una categoría de servicios o a un servicio específico.
Lista de enlaces — Para menús de navegación. Puedes agregar enlaces manualmente o usar el modo automático que genera enlaces a tus categorías de servicios.

Paleta de colores

La paleta de colores te permite ajustar los colores principales de tu plantilla. Desde la pestaña de paleta puedes modificar:

Colores principales:

Primario — El color principal de tu marca, usado en botones y elementos destacados.
Secundario — Color complementario para acentos y elementos secundarios.
Acento — Color para detalles y elementos decorativos.
Fondo — Color de fondo general de la página.
Texto — Color del texto principal.

Colores avanzados: Cada plantilla puede incluir colores adicionales específicos para su diseño, como colores de superficie, bordes y variantes especiales. Estos aparecen en una sección expandible dentro del editor de paleta.

Vista previa

El panel derecho del editor muestra una vista previa en vivo de tu plantilla. La vista previa se actualiza automáticamente cada vez que haces un cambio.

Desde la barra superior del editor puedes:

Cambiar el viewport — Alterna entre vista de escritorio, tablet y móvil para verificar cómo se ve tu página en diferentes dispositivos.
Abrir vista previa completa — Haz clic en el botón de vista previa para abrir tu página en una pestaña nueva con la plantilla aplicada.