---
language: es
title: Apariencia del widget
category: Widget
summary: Aprende a personalizar la apariencia del widget de TuCalendi con plantillas de color y múltiples opciones de diseño.
---

# Apariencia del widget

Puedes cambiar la **apariencia del widget** de TuCalendi de forma muy sencilla. Con las opciones para modificar la apariencia del widget tienes la posibilidad de hacer **múltiples personalizaciones**.

Para acceder a las opciones de apariencia del widget debes [iniciar sesión](https://account.tucalendi.com/login) con tu usuario y contraseña de TuCalendi. Ve a la opción **"Calendarios"**.

Selecciona el calendario cuya apariencia quieres cambiar y haz clic en los **tres puntos verticales**.

![Calendario con evento](https://www.tucalendi.com/images/content/widget/en/v2-calendar-event.png)

Se abrirá un menú. Haz clic en **"Configuración"**.

![Menú de configuración del calendario](https://www.tucalendi.com/images/content/widget/en/settings-calendar-menu.png)

Accederás a la configuración del calendario. En el apartado **"Avanzado (opcional)"** haz clic en **"Apariencia"**.

![Apariencia del calendario](https://www.tucalendi.com/images/content/widget/en/v2-calendar-menu-appearance.png)

Desde aquí accedes a los cambios de apariencia disponibles. Partimos de una **plantilla predeterminada**, que tiene algunos valores por defecto.

![Plantillas de apariencia](https://www.tucalendi.com/images/content/widget/en/v2-calendar-appearance-templates.png)

Al desplegar las plantillas, puedes elegir la **plantilla de color** que mejor se adapte a tus **colores corporativos** u optar por la opción **"Personalizado"** y empezar a modificar la apariencia del widget.

![Configuración de la apariencia del widget](https://www.tucalendi.com/images/content/widget/en/v2-widget-appearance.png)

Podrás hacer los siguientes cambios en la apariencia del widget:

- [Configurar los colores](https://www.tucalendi.com/en/s/widget/set-widget-colors).
- [Configurar bordes y sombras](https://www.tucalendi.com/en/s/widget/widget-borders-shadows).
- [Cambiar el formato de fecha y hora](https://www.tucalendi.com/en/s/widget/date-time-format).
- [Configurar el idioma del widget](https://www.tucalendi.com/en/s/widget/widget-language).
- [Quitar la marca TuCalendi del widget](https://www.tucalendi.com/en/s/widget/remove-tucalendi-logo-from-widget). (Opción **no disponible en el Plan Basic** ni durante el periodo de prueba).
- [Identificador de campos](https://www.tucalendi.com/en/s/widget/input-identifier).
- [El día de inicio de la semana](https://www.tucalendi.com/en/s/widget/select-starting-day-week).
- [Mostrar las horas deshabilitadas u ocupadas en el calendario](https://www.tucalendi.com/en/s/widget/show-disabled-hours-calendar).

Una vez hayas hecho los cambios que quieras, puedes [insertar el código del widget en tu web](https://www.tucalendi.com/en/s/online-booking/how-do-i-add-thr-booking-function-to-my-website) o compartir [el enlace a tu calendario online por email, redes sociales o WhatsApp](https://www.tucalendi.com/es/s/reserva-online/compartiendo-el-enlace-de-los-eventos).