Diseño de reserva y editor de temas

Sus clientes reservan en su página de reservas de timum o en un widget en su sitio web. Defina la estructura y el aspecto de esta vista en Configuración → Diseño de reserva – una sola 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ñoCómo se veAdecuado 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 de calendarioVista semanal con línea de tiempohoras de consulta regulares durante toda la semana
MesCalendario mensual, las citas se muestran al hacer clic en el díacitas a largo plazo, p. ej. visitas en unas semanas

Seleccione el diseño en el menú desplegable Diseño de reserva (1). Este ajuste es el valor predeterminado para 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

Diseño corporativo: 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 predeterminado de timum.

En la sección Tema, adapte la apariencia 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 snippet de código de integración de su sitio web para personalizarlo.

Personalizar el diseño

El modo Simple ofrece las opciones de ajuste más importantes. Los ajustes en este nivel son rápidos y ya tienen un efecto impresionante. El modo Experto entra en el detalle de los parámetros de diseño ajustables. 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 al 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 para la página, la ventana y las 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: espaciado interior (de Mín a Amplio), sombra de las tarjetas (de Plana a Fuerte), esquinas (de Angulosas a Pill) y densidad de los espacios de cita (de Compacta a Generosa).
  • Tipografía: tipo y tamaño de letra.

Solo página de reservas – afecta al marco exterior de sus páginas de reservas de timum individuales:

  • Fondo y texto del encabezado (Header) y del pie de página (Footer)
  • Altura del encabezado, ancho del contenido y tamaño de los títulos

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

Para desarrolladores y usuarios beta, debajo encontrará la Configuración avanzada (BETA), donde puede controlar los campos de 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 una plantilla ya preparada:

  1. Haga clic en Cargar diseño (1). Se abre el 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 al diseño anterior.
  4. Ajuste valores individuales si es necesario 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 reemplaza su configuración

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 compuesto por colores, tipografía y forma. Por supuesto, cada plantilla puede combinarse con nuestras otras vistas (calendario, mes, compacta, etc.); con o sin textos descriptivos en la columna izquierda. Las imágenes muestran la misma página de reservas con texto de ejemplo, una vez por plantilla – así verá lo que producen en conjunto los ajustes siguientes antes de cargar una.

Mappe — cuidada & seria. Tranquila, precisa, fiable. Líneas limpias, colores discretos, tipografía con serifa.

Plantilla «Mappe — cuidada & seria» en la página de reservas (texto de ejemplo)
Plantilla «Mappe — cuidada & seria» en la página de reservas (texto de ejemplo)

Werkbank — directa & robusta. Angulosa, contundente, sin adornos. Aristas duras, mayúsculas estrechas, sombras intensas.

Plantilla «Werkbank — directa & robusta» en la página de reservas (texto de ejemplo)
Plantilla «Werkbank — directa & robusta» en la página de reservas (texto de ejemplo)

Feierabend — acogedora. Cálida y hospitalaria. Tonos térreos, esquinas suaves, serifas discretas – como una carta de restaurante.

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

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

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 — clara & en movimiento. Clara, rápida, enérgica. Tipografía del sistema que no carga nada adicional, fuertes saltos de tamaño.

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

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

Plantilla «Nocturne — oscura & moderna» en la página de reservas (texto de ejemplo)
Plantilla «Nocturne — oscura & moderna» en la página de reservas (texto de ejemplo)

Temas relacionados