Skip to main content

¿Qué es el Web Chat?

El Web Chat de Asistian es un widget embebible que aparece en la esquina de tu sitio web y permite a tus visitantes iniciar una conversación contigo al instante. Todas las conversaciones llegan a la misma bandeja de Asistian, junto con tus mensajes de WhatsApp e Instagram.

Crear un canal de Web Chat

1

Ir a Canales

Ve a Configuración → Canales y haz clic en Agregar canal → Web Chat.
2

Personalizar el widget

Configura:
  • Nombre del canal — identificador interno
  • Título del widget — texto que aparece en el encabezado del chat (ej. “¿En qué te podemos ayudar?”)
  • Color — para que combine con tu marca
  • Avatar — imagen o ícono del asistente
3

Asignar asistente y buzón

Elige el asistente IA que responderá las conversaciones y el buzón al que se enrutarán.
4

Obtener el código

Asistian generará un fragmento de código JavaScript. Cópialo y pégalo antes de la etiqueta </body> de tu sitio web.

Código de instalación

El snippet que recibirás luce así:
<script>
  (function(w,d,s,l,i){...})(window,document,'script','asistian','TU_ID_DE_CANAL');
</script>
Pega este código en todas las páginas donde quieras que aparezca el chat, o solo en páginas específicas si prefieres segmentarlo.
Si usas WordPress, puedes agregar el snippet en Apariencia → Personalizar → HTML adicional o usando un plugin de “Header & Footer scripts”.

Identificar a tus visitantes

Si tu sitio ya tiene usuarios autenticados, puedes pasar su información al widget para que las conversaciones aparezcan vinculadas a un contacto existente en Asistian:
<script>
  AsistianWidget.identify({
    name: "Nombre del usuario",
    email: "email@ejemplo.com",
    phone: "+521234567890"
  });
</script>

Personalización del widget

OpciónDescripción
PosiciónEsquina inferior derecha o izquierda
Color primarioColor del botón y encabezado
Mensaje de bienvenidaTexto automático al abrir el chat
Horario de atenciónMuestra un mensaje diferente fuera de horario
Avatar del asistenteFoto o ícono que representa al agente

Múltiples widgets

Puedes crear diferentes canales de Web Chat para distintos sitios o secciones — por ejemplo, un widget para tu landing de ventas y otro para tu portal de clientes — cada uno con su propio asistente, buzón y personalización.

Solución de problemas

ProblemaSolución
El widget no apareceVerifica que el script esté antes de </body> y que no haya errores en la consola del navegador
Las conversaciones no lleganConfirma que el ID del canal en el script sea correcto
El widget aparece en todas las páginas pero solo debería en algunasCondiciona la carga del script con lógica de tu plataforma o CMS