> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalizar el widget de reservas

> Cambia colores, texto del botón y detalles visibles del widget de reservas de tus calendarios.

Puedes adaptar el widget de reservas de tus calendarios a la imagen de tu marca: colores, texto del botón final y qué detalles se muestran en el panel izquierdo. Así, cuando un cliente reserve desde tu web o desde el enlace del calendario, la experiencia se verá coherente con el resto de tu negocio.

> [!NOTE]
>
> La personalización solo funciona con el **widget Neo**.

## Dónde se personaliza

**1. Abre el calendario**

Ve a **Calendarios → Configuración del calendario** y haz clic en **Editar** en el calendario que quieres personalizar.

**2. Entra en la apariencia del widget**

Abre **Configuración avanzada → Apariencia del widget**.

**3. Ajusta las opciones y guarda**

Cambia las opciones que necesites, revisa la vista previa y guarda.

## Opciones de personalización

| Opción | Qué controla |
| - | - |
| **Color principal** | Botones, fechas, horarios y acciones del widget, como la selección de personal o agregar invitados. |
| **Color de fondo** | El fondo del selector de fecha y hora y del formulario. Si usas un formulario personalizado, su fondo toma este color, pero los campos siguen el diseño del propio formulario. |
| **Texto del botón** | El texto del botón del último paso de la reserva. Por ejemplo: "Reservar ahora", "Agendar reunión" o "Confirmar cita". |
| **Ocultar detalles del calendario** | Oculta del panel izquierdo el nombre, la descripción y detalles como duración, fecha y hora, recurrencia y zona horaria. |
| **Vista previa del widget** | Muestra cómo verá el cliente la reserva. Haz clic de nuevo cada vez que cambies algo para ver la versión actualizada. |
| **Restablecer valores** | Vuelve al diseño original azul y blanco. |

> [!TIP]
>
> Para un mejor resultado, combina un color principal y un color de fondo con buen contraste (uno claro y otro oscuro). Prueba varias combinaciones con la vista previa hasta dar con la que mejor encaje con tu marca.

Si usas un formulario personalizado en el calendario, ajusta también su tema para que combine con los colores del widget.

Para ocultar el logo, quítalo desde la pestaña de detalles de la reunión del calendario.

> [!WARNING]
>
> El botón **Continuar** del widget cambió de posición. Si aplicaste CSS personalizado, revisa que tus estilos sigan funcionando con la nueva ubicación.

## Mejoras en la reserva de servicios

La reserva de servicios incluye varias mejoras que hacen el proceso más claro, sobre todo cuando lo insertas en tu web:

* Un botón **Atrás** para moverse entre pasos con facilidad.
* Imágenes de servicios en mayor resolución.
* La cabecera se oculta sola cuando no hay nombre de empresa ni logo configurados.
* La zona horaria se muestra con más claridad en la pantalla de selección de horario, para que el cliente sepa en qué horario está reservando.

## Preguntas frecuentes

> **¿Qué tipos de calendario se pueden personalizar?**
>
> Todos: de eventos, round robin, reserva de clases, colectivos y de servicios. La personalización no se aplica al menú de servicios.

> **¿Puedo usar un formulario personalizado?**
>
> Sí. Asegúrate de que el tema del formulario combine con los colores del widget.

> **Tengo CSS personalizado, ¿qué tiene prioridad?**
>
> El CSS personalizado tiene prioridad sobre la configuración del widget.

> **Quiero ocultar por completo el panel izquierdo, pero sigue apareciendo**
>
> Revisa todo esto:
>
> * En los detalles del calendario, desactiva el nombre, la descripción y los detalles del calendario.
> * Quita el logo del calendario.
> * En la pestaña de personalización, desactiva **Permitir elegir personal**.

## Artículos relacionados

> **[Insertar tu calendario en otro sitio web](https://help.chateea.com/docs/calendarios/insertar-calendario-en-otro-sitio-web.md)**
>
> Pega el calendario en tu web con código HTML.

> **[Orden de pasos del widget de reservas](https://help.chateea.com/docs/calendarios/orden-de-pasos-del-widget-de-reservas.md)**
>
> Elige si primero va el formulario o la fecha.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.