Diseño de reserva y editor de temas

Sus clientes reservan en su página de reservas de timum o en un widget de su sitio web. Usted define la estructura y el aspecto de esta vista en Configuración → Diseño de reserva – una vez para todos los recursos y canales de su calendario de proveedor.

Diseño de reserva: elegir la vista

El Diseño de reserva determina cómo se muestran las citas disponibles:

DiseñoAspectoAdecuado para
ListaHorarios disponibles listados por día, uno debajo del otropocas citas por semana, clientes móviles
CondensadoColumnas de día compactasmuchas citas al día, p. ej. horas de consulta en una cuadrícula de 15 minutos
Semana del calendarioVista semanal con línea de tiempohoras de consulta regulares durante toda la semana
MesCalendario mensual, las citas se muestran al hacer clic en un díacitas a largo plazo, p. ej. visitas dentro de unas semanas

Seleccione el diseño en el menú desplegable Diseño de reserva (1). Este ajuste es el valor predeterminado de su página de reservas; los Booking Channels individuales pueden tener su propio diseño.

Configuración → Diseño de reserva · (1) Diseño de reserva
Configuración → Diseño de reserva · (1) Diseño de reserva

Identidad corporativa: colores, forma y tipografía

Función Professional

El editor de temas está incluido en los planes Professional. En otros planes verá esta sección con el aviso Get PRO, pero no podrá realizar cambios; su página de reservas conservará entonces el diseño estándar de timum.

En la sección Tema, usted adapta el aspecto a su marca. Los cambios se aplican de inmediato a su página de reservas y a todos los widgets integrados – no es necesario modificar el fragmento de código de integración de su sitio web para estas personalizaciones.

Personalizar el diseño

El modo Simple ofrece las opciones de configuración más importantes. Los ajustes en este nivel son rápidos y ya tienen un efecto impresionante. El modo Experto profundiza en el detalle de los parámetros de diseño configurables. Si se ha cargado una plantilla como punto de partida, puede seguir personalizándola con estos parámetros.

Los ajustes se dividen en dos grupos:

En todas partes – afecta el diseño del propio formulario de reserva, que aparece en las páginas de reservas de timum y en los widgets de reserva integrados:

  • Colores: color principal y texto de los botones, fondos de página, ventana y tarjetas, líneas, color al pasar el ratón, texto principal. Junto al texto principal, timum muestra el valor de contraste para que el texto siga siendo legible.
  • Forma: relleno interior (Mín. a Amplio), sombra de las tarjetas (Plana a Intensa), esquinas (Angulosas a Píldora) y densidad de las franjas de citas (Compacta a Generosa).
  • Tipografía: familia tipográfica y tamaño de fuente.

Solo página de reservas – afecta el marco exterior de sus páginas de reservas de timum personalizadas:

  • Fondo y texto de la cabecera (header) y del pie de página (footer)
  • Altura de la cabecera, ancho del contenido y tamaño de los títulos

No olvide hacer clic en Guardar después de realizar cambios.

Más abajo, los desarrolladores y usuarios beta encontrarán la Configuración avanzada (BETA), donde se pueden controlar los campos del formulario, los idiomas y el comportamiento del widget – descrita en la documentación del widget.

Usar una plantilla como diseño base

La forma más rápida es usar una plantilla ya lista:

  1. Haga clic en Cargar diseño (1). Se abre el cuadro de diálogo «Cargar diseño» con seis plantillas.
  2. Elija una plantilla. timum la muestra en modo de vista previa: su diseño anterior permanece guardado hasta que usted decida.
  3. Haga clic en Aplicar plantilla (2) para conservar la plantilla, o en Descartar plantilla para volver a su diseño anterior.
  4. Ajuste valores individuales si lo necesita y haga clic en Guardar (3).
Diseño de reserva → Cargar diseño: las seis plantillas
Diseño de reserva → Cargar diseño: las seis plantillas

Una plantilla sustituye sus ajustes

Al aplicar una plantilla se sobrescriben sus ajustes actuales de color, tipografía y forma. Si ha configurado sus propios colores, anote los valores de antemano.

Las seis plantillas de un vistazo

Cada plantilla es un diseño completo formado por colores, tipografía y forma. Por supuesto, cada plantilla puede combinarse con nuestras otras vistas (calendario, mes, compacto, etc.); con o sin texto descriptivo en la columna izquierda. Las imágenes muestran la misma página de reservas con texto de ejemplo, una vez por plantilla – así puede ver el resultado conjunto de los ajustes siguientes antes de cargar una.

Mappe — cuidado y serio. Tranquilo, preciso, digno de confianza. Líneas limpias, colores discretos, tipografía serif.

Plantilla «Mappe — cuidado y serio» en la página de reservas (texto de ejemplo)
Plantilla «Mappe — cuidado y serio» en la página de reservas (texto de ejemplo)

Werkbank — directo y robusto. Anguloso, contundente, sin adornos. Bordes duros, mayúsculas estrechas, sombras intensas.

Plantilla «Werkbank — directo y robusto» en la página de reservas (texto de ejemplo)
Plantilla «Werkbank — directo y robusto» en la página de reservas (texto de ejemplo)

Feierabend — acogedor. Cálido y hospitalario. Tonos terrosos, esquinas suaves, serifas discretas – como una carta de restaurante.

Plantilla «Feierabend — acogedor» en la página de reservas (texto de ejemplo)
Plantilla «Feierabend — acogedor» en la página de reservas (texto de ejemplo)

Pigment — con un toque personal. Expresivo y suave. Esquinas redondeadas, tono ciruela, una sombra de color delicada.

Plantilla «Pigment — con un toque personal» en la página de reservas (texto de ejemplo)
Plantilla «Pigment — con un toque personal» en la página de reservas (texto de ejemplo)

Kadenz — claro y en movimiento. Claro, rápido, enérgico. Una tipografía del sistema que no carga nada adicional, saltos de tamaño marcados.

Plantilla «Kadenz — claro y en movimiento» en la página de reservas (texto de ejemplo)
Plantilla «Kadenz — claro y en movimiento» en la página de reservas (texto de ejemplo)

Nocturne — oscuro y moderno. Un diseño oscuro y sereno. Tonos índigo profundos, blanco roto cálido, un acento violeta con ámbar cálido.

Plantilla «Nocturne — oscuro y moderno» en la página de reservas (texto de ejemplo)
Plantilla «Nocturne — oscuro y moderno» en la página de reservas (texto de ejemplo)

Temas relacionados