> ## 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 chat > Ajusta el estilo, la ubicación, las dimensiones, la ventana de chat, el consentimiento y la mensajería de tu widget. Las opciones de personalización del widget de chat controlan cómo se ve, dónde aparece, qué leen los visitantes y cómo se comporta en tu sitio. Con ellas adaptas el widget a tu marca, decides si flota en una esquina o va dentro de la página y configuras el aviso legal y el consentimiento del formulario. Las opciones disponibles cambian según el tipo de widget (chat en vivo, SMS o correo, WhatsApp, todo en uno, Facebook, Instagram o IA de voz). Si no ves alguna de las opciones descritas aquí, es probable que tu tipo de widget no la admita. ## Para qué te sirve * **Mantener tu marca:** tema, colores, íconos, avatares y mensajes con tu estilo. * **Controlar la ubicación:** widget fijo en una esquina o incrustado dentro del contenido. * **Ajustar la experiencia:** mensajes distintos para visitantes nuevos y recurrentes, contenido de la ventana y confirmaciones. * **Optimizar la carga:** retrasa la carga del widget hasta que el visitante interactúe con la página. * **Cumplir con la ley:** muestra un aviso legal y decide si la casilla de consentimiento aparece, es obligatoria o viene marcada. ## Abrir la configuración del widget **1. Ve a los widgets** Entra en **Sitios → Widget de chat**. **2. Crea o abre un widget** Haz clic en **Nuevo** para crear uno o abre el widget que quieres editar. Si es nuevo, elige el tipo de widget; las opciones de personalización dependen de esa elección. ## Pestaña Widget (estilo) ### Lanzador del chat Es el botón que el visitante pulsa para abrir el chat. Puedes mostrarlo con o sin un mensaje emergente que invite a conversar. Los widgets fijos usan este lanzador; los incrustados se muestran directamente dentro del contenido de la página y no dependen de un botón flotante. ### Ícono del chat Elige el ícono que mejor combine con tu sitio y tu marca. ### Tema Selecciona un tema predefinido o personaliza colores y estilos para que coincidan con tu identidad visual. ### Mensajes para visitantes nuevos y recurrentes Configura mensajes emergentes distintos para quien abre el widget por primera vez y para quien regresa a tu sitio. Cambian el saludo sin alterar a dónde se envía la conversación. ### Avatares Agrega imágenes de tu equipo o de tu área de atención para que la conversación se sienta más cercana. ### Ubicación del widget | Opción | Cómo se ve | | - | - | | **Fijo** (Sticky) | El widget queda anclado en una esquina de la página, por ejemplo abajo a la izquierda o abajo a la derecha. | | **Incrustado / en línea** (Embedded / Inline) | La conversación completa se muestra dentro del contenido de la página. | La ubicación incrustada está disponible en los widgets todo en uno, SMS o correo, WhatsApp, Facebook, Instagram, chat en vivo e IA de voz. ### Dimensiones del widget Deja las dimensiones en **Automático** o elige **Personalizado** para definir ancho y alto. * Los valores personalizados empiezan en **200 px**. * **Restablecer valores predeterminados** (Set to Default) vuelve a las dimensiones recomendadas para la ubicación actual. * Si cambias entre **Fijo** e **Incrustado**, las dimensiones personalizadas vuelven a los valores recomendados para la nueva ubicación. * Si no hay valores o están en **Automático**, el widget usa las dimensiones predeterminadas. * El widget respeta las medidas que definas y se ajusta para no salirse del espacio disponible en el contenedor. ## Pestaña Ventana de chat Aquí configuras lo que el visitante ve al abrir el widget. Según el tipo, puede incluir: * Título de la ventana * Mensaje de introducción * Campos del formulario de contacto * Texto del botón de llamada a la acción * Opciones para pedir correo o teléfono * Mensaje predefinido * Otros mensajes para el visitante ### Mensaje predefinido Los widgets de WhatsApp, SMS o correo, todo en uno e IA de voz pueden incluir un campo **Mensaje** con un texto sugerido que el visitante puede editar antes de enviarlo. El chat en vivo mantiene su cuadro de mensaje libre habitual. ### Llamada a la acción con redirección Con **Llamada a la acción con redirección** (Redirect Call-To-Action) muestras un mensaje en el chat que lleva al visitante a otro sitio web: * **Texto de redirección:** el mensaje que ve el visitante. * **Sitio web de redirección:** la URL de destino. Está disponible en el widget **todo en uno**. > [!WARNING] > > No se recomienda usar la redirección cuando la IA conversacional está activa, porque sacar al visitante del chat puede interrumpir la conversación con el bot. ### Cargar con la interacción del usuario | Activado | Desactivado | | - | - | | El widget se carga cuando el visitante hace **scroll**, **clic** o **toca** la pantalla. Si no hay interacción, se carga solo después de unos **8 segundos**. | El widget se carga de inmediato. | Activarlo mejora la velocidad de carga inicial de tu página. ### Aviso de cumplimiento y consentimiento Ve a **Ventana de chat → Opciones adicionales → Aviso de cumplimiento y consentimiento**. Puedes configurar: * **Mostrar aviso legal:** texto informativo de solo lectura debajo del formulario de contacto. El visitante no tiene que hacer nada. * **Agregar una casilla de consentimiento:** casilla con tu propio texto para que el visitante acepte o se suscriba. * **Hacer obligatoria la casilla:** el visitante debe marcarla para enviar el formulario. Déjalo apagado si el consentimiento es opcional. * **Marcar la casilla por defecto:** la casilla aparece ya marcada al cargar el formulario. Si el consentimiento es obligatorio y el visitante no marca la casilla, el widget muestra un mensaje pidiéndole que la marque para continuar. La vista previa se actualiza mientras configuras; haz clic en **Guardar** al terminar. ### Ver el consentimiento de cada envío Los envíos del formulario del widget guardan la información de consentimiento en los detalles de **Actividad** del contacto: * Si el visitante dio su consentimiento. * Si el consentimiento era obligatorio. * El texto de consentimiento que se le mostró. ### Widgets existentes y valores por defecto * Los widgets existentes mantienen su aspecto y comportamiento hasta que los abras y guardes en el editor. * El texto legal que ya tenías se traslada automáticamente al campo de cumplimiento correspondiente. * Los widgets creados durante el registro A2P conservan su configuración de cumplimiento, que puede incluir textos, campos obligatorios y consentimiento bloqueados. * Los widgets nuevos empiezan con el aviso legal y la casilla de consentimiento activados; el consentimiento obligatorio viene desactivado. * No necesitas cambiar el código que ya instalaste en tu sitio. ## Pestaña Mensajería * **Datos de soporte, saludos y confirmaciones:** configura los datos de contacto de soporte, el saludo y el mensaje de confirmación que ve el visitante. * **Idioma:** elige el idioma en que se muestra el widget. ## Preguntas frecuentes > **¿Puedo personalizar cada widget de forma diferente?** > > Sí. Cada widget tiene su propia configuración de apariencia y comportamiento. > **¿Todas las opciones están disponibles en todos los tipos de widget?** > > No. Las opciones dependen del tipo de widget que elegiste. > **¿Puedo usar un widget incrustado en lugar de uno flotante?** > > Sí. Los tipos compatibles ofrecen la ubicación **Incrustado / en línea** además de **Fijo**. > **¿Tengo que reinstalar el código después de cambiar el diseño?** > > Por lo general no. Al guardar, los cambios se aplican al widget que ya está instalado. > **¿Por qué se restablecieron mis dimensiones personalizadas?** > > Al cambiar entre ubicación fija e incrustada, el widget vuelve a las dimensiones recomendadas para la nueva ubicación. > **¿Puedo personalizar el primer mensaje del visitante?** > > Sí, en los widgets de WhatsApp, SMS o correo, todo en uno e IA de voz, mediante el campo Mensaje predefinido. El chat en vivo usa su cuadro de mensaje libre. ## Artículos relacionados > **[Primeros pasos con el widget de chat](https://help.chateea.com/docs/sitios/widget-de-chat-primeros-pasos.md)** > > Tipos de widget y cómo crear el primero. > **[Instalar el widget de chat](https://help.chateea.com/docs/sitios/instalar-widget-de-chat.md)** > > Agrégalo a tus sitios y embudos. > **[Mensaje predefinido en el widget](https://help.chateea.com/docs/sitios/mensaje-predefinido-en-widget-de-chat.md)** > > Da contexto a cada conversación desde el primer mensaje. > **[Consentimiento y base legal](https://help.chateea.com/docs/contactos/consentimiento-y-base-legal-de-datos.md)** > > Cómo registrar el consentimiento de tus contactos. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.