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?
¿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?
¿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?
¿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
Configuración completa del widget de voz.
Personalizar el widget de chat
Ubicación, dimensiones y más opciones.
Primeros pasos con el widget de chat
Tipos de widget disponibles.
Crear un agente de IA de voz
Configura el agente que hablará con tus visitantes.

