> ## 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. # Widget de IA de voz incrustado en tus páginas > Muestra el widget de IA de voz dentro del contenido de tu sitio o embudo en lugar de flotando en una esquina. El widget de IA de voz no tiene que flotar en una esquina de la pantalla: puedes incrustarlo dentro del contenido de tu sitio web o embudo, como un bloque más de la página. Con la ubicación **Incrustado / en línea** decides exactamente dónde aparece la conversación con tu agente de voz, para que se integre con tu diseño y aparezca justo donde el visitante está listo para hablar. ## Para qué te sirve * **Ubicación flexible:** colocas el widget dentro de una sección, no como burbuja flotante. * **Experiencia más natural:** la conversación se siente parte del contenido y no una capa encima. * **Diseño más cuidado:** alineas el widget con el diseño de tu embudo o sitio. * **Listo para celulares:** el widget incrustado se adapta automáticamente a pantallas pequeñas. * **Varias ubicaciones:** puedes tener varios widgets incrustados en la misma página o sitio y combinarlos con widgets fijos. ## Dónde funciona mejor Puedes usarlo en embudos, sitios web, landing pages, sitios HTML propios y cualquier página donde se pueda instalar un widget de chat. Da buenos resultados en páginas de captación de leads, páginas de servicios y secciones de oferta. ## Cómo crear un widget de IA de voz incrustado **1. Crea o abre un widget** Ve a **Sitios → Widget de chat** y haz clic en **Nuevo**, o abre un widget existente. **2. Elige IA de voz** Selecciona **IA de voz** como tipo de chat. **3. Cambia la ubicación a incrustado** En la pestaña **Estilo**, en **Ubicación del widget**, elige **Incrustado / en línea** (se muestra dentro del contenido). Así el widget aparece dentro de la página y no flotando. **4. Elige el modo de visualización** Para los widgets incrustados, en **Modo de visualización** elige: * **Avatar:** muestra una imagen fija que representa al agente. * **Visualizador:** muestra animaciones que reaccionan a la voz. Si lo eliges, selecciona el **Tamaño de la interfaz**: pequeño, mediano o grande. **5. Edita el texto del botón** En la pestaña **Ventana de chat**, cambia el **Texto del botón**, que aparece debajo del avatar. Por ejemplo, cambia "Llámanos aquí" por "Habla con nuestra IA" o "Haz tu pregunta". En **Opciones adicionales** puedes ajustar elementos de marca, como el nombre del negocio o el pie de cumplimiento. La vista previa se actualiza en tiempo real. **6. Copia el código** Haz clic en **Obtener código**, en la esquina superior derecha, y luego en **Copiar**. ## Insertar el widget en un embudo o sitio **1. Abre la página** Ve a **Sitios → Embudos** (o **Sitios web**), abre la página donde quieres el widget y haz clic en **Editar página**. **2. Agrega un elemento de código** En la barra lateral izquierda, busca **Código** en **Agregar rápido → Personalizado** y arrastra el elemento a la sección que quieras. **3. Pega el código** Haz clic en **Abrir editor de código**, pega el código que copiaste y haz clic en **Guardar**. **4. Publica** Publica la página. El widget de IA de voz aparecerá dentro del contenido, como cualquier otro bloque. ## Cómo se comporta * El widget incrustado se adapta automáticamente a pantallas pequeñas. * Algunas opciones se ocultan en el modo incrustado porque solo aplican a widgets flotantes, por ejemplo la posición del widget o el interruptor del formulario de contacto. * El modo de visualización (avatar o visualizador) está pensado para experiencias de IA de voz. * Puedes tener varios widgets incrustados en el mismo sitio o embudo conectados al mismo agente de IA de voz. * Puedes combinar widgets incrustados y fijos en distintas secciones. ## Buenas prácticas * Colócalo cerca de contenido de alta intención: formularios, ofertas, zonas de reserva o llamadas a pedir ayuda. * Usa colores y textos acordes con la página para que se vea integrado. * Revisa márgenes y alineación para que no quede apretado en secciones angostas. * Después de publicar, revisa la versión para celulares. * Usa textos de botón claros y orientados a la acción. ## Preguntas frecuentes > **¿Dónde conviene colocar el widget incrustado?** > > En la sección principal (hero), en secciones de oferta, zonas de captación de leads, páginas de servicios y otras áreas donde el visitante esté listo para interactuar. > **¿Por qué desaparecieron algunas opciones al elegir incrustado?** > > Porque solo aplican a los widgets flotantes. En modo incrustado, el editor muestra solo las opciones que tienen sentido para esa ubicación. > **¿Puedo incrustar también el chat en vivo?** > > Sí. 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. ## Artículos relacionados > **[Widget de chat con IA de voz](https://help.chateea.com/docs/sitios/widget-de-chat-con-ia-de-voz.md)** > > Configuración completa del widget de voz. > **[Personalizar el widget de chat](https://help.chateea.com/docs/sitios/personalizar-widget-de-chat.md)** > > Ubicación, dimensiones y más opciones. > **[Primeros pasos con el widget de chat](https://help.chateea.com/docs/sitios/widget-de-chat-primeros-pasos.md)** > > Tipos de widget disponibles. > **[Crear un agente de IA de voz](https://help.chateea.com/docs/ia/crear-agente-de-voz-ia.md)** > > Configura el agente que hablará con tus visitantes. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.