> ## 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.

# Primeros pasos con el widget de chat

> Conoce los tipos de widget de chat, cómo crear el tuyo y cómo instalarlo para convertir visitantes en leads.

El widget de chat es una ventana de mensajería que instalas en tu sitio web para que los visitantes te escriban en el momento en que tienen una duda. Según el tipo que elijas, la conversación puede ser por chat en vivo, SMS o correo, WhatsApp, Facebook Messenger, Instagram o con un agente de IA de voz, y todo llega a tu bandeja de **Conversaciones** en Chateea.

## Para qué te sirve

* **Atención inmediata:** el visitante recibe respuesta mientras sigue en tu sitio, sin esperar un correo.
* **Mejor experiencia:** resuelves dudas en el momento, lo que aumenta la satisfacción y la confianza.
* **Más conversiones:** ofrecer ayuda justo cuando alguien duda reduce el abandono de carritos y formularios.
* **Más interacción:** los visitantes que pasan mucho tiempo en una página de producto tienen una forma fácil de preguntar.
* **Ahorro de tiempo:** con la IA conversacional, las preguntas frecuentes se responden solas y tu equipo se concentra en lo importante.
* **Más eficiencia:** tu equipo puede atender varias conversaciones a la vez desde la misma bandeja.

## Tipos de widget de chat

| Tipo | Cómo funciona | Ideal para |
| - | - | - |
| **Chat todo en uno** | Reúne en un solo widget varios canales conectados: chat en vivo, SMS o correo, WhatsApp, Facebook, Instagram e IA de voz. Eliges los canales en **Estilo → Tipo de chat**. | Negocios que quieren dar varias opciones de contacto sin instalar varios widgets. |
| **Chat por SMS o correo** | Recoge los datos del visitante para que le respondas después por SMS o correo. | Equipos pequeños que no atienden las 24 horas. |
| **Chat en vivo** | Conversación en tiempo real dentro del sitio. Los mensajes llegan a Conversaciones como canal de chat web. | Equipos con cobertura amplia de horario. |
| **Chat de Facebook** | El visitante inicia una conversación de Messenger con tu página de Facebook conectada. | Marcas que reciben muchos mensajes por Facebook. |
| **Chat de Instagram** | El visitante inicia un mensaje directo con tu cuenta profesional de Instagram conectada. | Negocios cuya audiencia vive en Instagram. |
| **Chat de WhatsApp** | Lleva al visitante a escribirte por WhatsApp. Necesitas un número de WhatsApp conectado. | Negocios que atienden principalmente por WhatsApp. |
| **Chat con IA de voz** | El visitante habla con un agente de IA desde el navegador, sin llamar por teléfono. | Captar y calificar leads a cualquier hora con conversaciones tipo llamada. |

> [!NOTE]
>
> Al configurar el widget, la opción de chat web aparece con el nombre **Chat en vivo** (Live Chat). Es el mismo canal de mensajería web que ves en Conversaciones.

## IA conversacional dentro del widget

Puedes conectar la IA conversacional al widget para que salude a los visitantes y responda al instante a cualquier hora, incluso cuando tu equipo no está disponible. La configuración del bot se hace desde la sección de IA de Chateea.

## Cómo crear e instalar un widget de chat

**1. Abre los widgets de chat**

Ve a **Sitios → Widget de chat**.

**2. Crea un widget nuevo**

Haz clic en **Nuevo**.

**3. Elige el tipo de chat**

Selecciona entre Chat todo en uno, SMS o correo, Chat en vivo, Facebook, Instagram, WhatsApp o IA de voz.

**4. Personaliza el widget**

Según el tipo elegido, tendrás tres pestañas de configuración (cuatro si el tipo admite IA):

* **Estilo:** tema, íconos, mensajes de bienvenida, avatar, ubicación y tamaño del widget. En **Ubicación del widget** eliges entre **Fijo** (Sticky) o **Incrustado / en línea** (Embedded / Inline), disponible en todos los tipos.
* **Ventana de chat:** título, mensaje de introducción, formulario de contacto, marca y opciones adicionales. En **Opciones adicionales → Aviso de cumplimiento y consentimiento** configuras el aviso legal y la casilla de consentimiento; puedes hacer la casilla obligatoria o dejarla marcada por defecto.
* **Mensajería:** mensaje de confirmación de recepción, íconos e idioma del widget.
* **Agente:** solo en los tipos que admiten IA. Eliges el agente de voz con el que hablarán tus visitantes, su nombre y su descripción.

**5. Instala el widget**

Si tu sitio está hecho en Chateea, selecciona el widget en la configuración del sitio web, embudo o blog. Si tu sitio es externo, haz clic en **Obtener código** y pega el código en tu sitio o en Google Tag Manager.

> [!TIP]
>
> Para que tu página cargue más rápido, activa **Cargar con la interacción del usuario** en **Ventana de chat → Opciones adicionales**. El widget se carga cuando el visitante hace scroll, clic o toca la pantalla, o de forma automática después de unos 8 segundos.

> [!NOTE]
>
> Algunos procesos de registro de mensajería (por ejemplo, la revisión de cumplimiento de A2P 10DLC) comprueban que el widget de chat esté instalado y visible en tu sitio. Si tu registro incluye ese paso, confirma que el widget ya esté publicado antes de enviarlo.

## Preguntas frecuentes

> **¿Puedo mostrar mensajes distintos en cada página?**
>
> Un mismo widget muestra siempre los mensajes que configuraste, aunque lo uses en varias páginas. Si necesitas textos distintos, crea varios widgets y asigna cada uno a las páginas que corresponda.

> **¿Puedo crear varios widgets en mi cuenta?**
>
> Sí. Puedes crear tantos widgets como necesites y asignarlos por sitio o por página.

> **¿Cuál es la diferencia entre chat web y chat en vivo?**
>
> Son lo mismo. Chat web es el canal de mensajería del sitio que llega a Conversaciones; durante la configuración del widget aparece con el nombre Chat en vivo.

> **¿Cambiar el tipo de chat afecta las conversaciones que ya tengo?**
>
> No. Las conversaciones existentes no se modifican y los mensajes siguen llegando a Conversaciones según el canal.

## Artículos relacionados

> **[Personalizar el widget de chat](https://help.chateea.com/docs/sitios/personalizar-widget-de-chat.md)**
>
> Todas las opciones de estilo, ventana y mensajería.

> **[Instalar el widget de chat](https://help.chateea.com/docs/sitios/instalar-widget-de-chat.md)**
>
> Agrégalo a tus sitios y recibe avisos de nuevos chats.

> **[Widget de chat todo en uno](https://help.chateea.com/docs/sitios/widget-de-chat-todo-en-uno.md)**
>
> Varios canales en un solo widget.

> **[Varios widgets de chat](https://help.chateea.com/docs/sitios/varios-widgets-de-chat.md)**
>
> Usa un widget distinto por sitio o por página.

> **[Chat en vivo en Conversaciones](https://help.chateea.com/docs/conversaciones/chat-en-vivo.md)**
>
> Atiende los chats desde la bandeja unificada.

> **[Widget de chat con IA de voz](https://help.chateea.com/docs/sitios/widget-de-chat-con-ia-de-voz.md)**
>
> Conversaciones de voz con IA desde el navegador.


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