Publicar
Incrusta tu agente en cualquier sitio web con el widget de JavaScript o con un iframe.
Publica tu agente en tu sitio web para que los visitantes puedan interactuar con él. Elige entre un widget de chat flotante o una incrustación de iframe a página completa.
Opciones de incrustación
Widget de chat (recomendado)
Una burbuja de chat flotante que se expande en una ventana de chat. Funciona en cualquier sitio web.
Incrustación con iframe
Incrusta la interfaz de chat completa en una sección de la página. Es útil para páginas de soporte dedicadas.
Agregar el widget de chat
- Ve a la pestaña Publicar de tu agente
- Copia el fragmento de JavaScript
- Pégalo en el HTML de tu sitio web antes de
</body>:
<script src="https://your-domain.com/widget.js" data-chatbot-id="your-chatbot-id" async ></script>
- Actualiza tu sitio web: ¡la burbuja de chat aparece!
El widget aparece como un botón flotante (normalmente en la esquina inferior derecha). Los visitantes hacen clic para abrir el chat.
Guías específicas por plataforma
Para instrucciones detalladas de plataformas específicas:
- Widget de JavaScript - Cualquier sitio web en HTML
- React/Next.js - Aplicaciones React
- WordPress - Sitios WordPress
- Incrustación con iframe - Interfaz de chat integrada
Personalización del widget
Personaliza la apariencia en la pestaña Diseño:
Colores
- Color principal (burbuja de chat, encabezado)
- Colores de acento
- Tema claro/oscuro
Posición
- Abajo a la derecha (predeterminado)
- Abajo a la izquierda
- Posicionamiento personalizado mediante CSS
Marca
- Mensaje de bienvenida
- Título del chat
- Mensajes sugeridos
- Quitar el sello "Con tecnología de" (planes Standard/Pro)
Configuración de visibilidad
Controla quién puede acceder a tu agente:
| Configuración | Descripción |
|---|---|
| Público | Cualquiera puede usar el widget incrustado |
| Privado | Solo accesible desde el Playground del panel |
Configúralo en Configuración > Seguridad > Visibilidad.
Restricciones de dominio
Limita qué sitios web pueden incrustar tu agente:
- Ve a Configuración > Seguridad
- Busca Dominios permitidos
- Agrega los dominios que pueden incrustar tu widget
Una vez configurado, el widget solo se carga en los dominios aprobados. Esto evita el uso no autorizado de tu agente.
Verificar tu incrustación
Después de agregar el código:
- Visita tu sitio web en un navegador
- Busca la burbuja de chat
- Haz clic para abrir el chat
- Envía un mensaje de prueba
- Verifica que la respuesta sea correcta
Solución de problemas
El widget no aparece:
- Comprueba que el código de incrustación esté antes de
</body> - Verifica que el ID del agente sea correcto
- Borra la caché de tu navegador
- Revisa la consola del navegador en busca de errores
El widget está en la posición incorrecta:
- Ajusta la posición en la configuración de Diseño
- Revisa si hay conflictos de CSS
El chat no responde:
- Asegúrate de tener contenido de entrenamiento
- Revisa el límite de mensajes de tu plan
- Prueba primero en Playground
Lista de verificación para salir en vivo
Antes de anunciar tu agente:
- [ ] Prueba en Playground con preguntas comunes
- [ ] Verifica que el contenido de entrenamiento esté completo
- [ ] Personaliza la apariencia para que coincida con tu marca
- [ ] Configura restricciones de dominio (opcional)
- [ ] Configura el límite de frecuencia para evitar abusos
- [ ] Revisa la configuración de visibilidad