Integrar un chat en tu sitio web es una de las formas más rápidas y efectivas de mejorar la atención al cliente, aumentar la conversión de visitantes en clientes y ofrecer soporte en tiempo real. Con esto en mente, hemos preparado esta guía completa y detallada para ayudarte a configurar el Webchat de Poli en tu sitio web.

Aquí aprenderás, paso a paso, cómo realizar la integración, dónde insertar el script correctamente, cómo probar la instalación, solucionar errores comunes y aprovechar al máximo todas las ventajas que esta herramienta puede aportar a tu negocio.

Guía paso a paso

1) Accede a la plataforma Poli

• Inicia sesión con tu usuario y contraseña.

2) Ve a la pantalla principal

• En el menú lateral, haz clic en el ícono de inicio para abrir el Dashboard.

3) Abre la sección Canales

• En el menú lateral, localiza y haz clic en Canales para ver los canales ya configurados.

4) Añade un nuevo canal — elige Webchat

• Haz clic en Agregar canal → selecciona Webchat.

5) Completa la información solicitada (campos importantes)

• Nombre del Canal: ingresa un nombre descriptivo (por ejemplo, “Chat Web — Ventas”).
• Sitio web: ingresa el dominio donde el chat estará activo (por ejemplo, https://www.tuempresa.com).
• Usuarios/Agentes: selecciona qué usuarios de Poli podrán recibir las conversaciones.

6) Genera y copia el script

• Después de guardar, la plataforma generará un pequeño fragmento de JavaScript (para pegar en tu sitio).
• Copia el script — contiene el identificador de tu canal/cuenta.

7) Inserta el script en el código de tu sitio (dónde pegarlo)

• Recomendado: pega el script justo antes del cierre de la etiqueta </body> de tu página (o en el archivo footer de tu tema).
• Por qué: evita bloquear la carga de la página — el widget se cargará después del contenido principal.

Ejemplos prácticos:

• HTML estático: abre index.html y pega antes de </body>.
• WordPress: pega en footer.php de tu tema (o usa el plugin “Insert Headers and Footers” para agregarlo en el footer).
• React / Vue / Angular (SPA): añádelo en public/index.html o impórtalo/agrega dinámicamente en un componente que se cargue solo una vez.
• Shopify: edita theme.liquid y pega antes de </body>.

8) Prueba inmediata (verificación)

• Abre tu sitio (limpia la caché o usa una pestaña de incógnito).
• Verifica si el widget aparece (tanto en escritorio como en móvil).

Errores comunes y soluciones rápidas

• El widget no aparece: el script no se pegó / caché antigua / script bloqueado por adblock o CSP.
  Solución: verifica Network y Console, prueba en una pestaña de incógnito y añade una excepción en tu CSP.
• Error 404: URL del script incorrecta. Copia de nuevo desde Poli.
• Widget carga lentamente: coloca el script al final del body y usa async.
• Formulario no envía: posible problema de CORS o ruta de API incorrecta — revisa la consola.
• Notificaciones no llegan a los agentes: verifica los permisos y la configuración de notificaciones del usuario.

Ventajas de implementar el chat en tu sitio web

• Aumenta la conversión: los visitantes reciben respuestas inmediatas, reduciendo abandonos.
• Genera leads cualificados: recopila datos en tiempo real (correo electrónico, preguntas específicas).
• Atención más rápida y escalable: automatizaciones y respuestas rápidas reducen la carga manual.
• Mejora la experiencia del usuario: soporte instantáneo genera confianza.
• Reduce costos de contact center: resuelve problemas simples vía chat en lugar de teléfono.
• Datos para optimización: identifica páginas problemáticas (por ejemplo, muchas conversaciones en la página de checkout).
• Disponibilidad 24/7 (con bots): captura leads fuera del horario laboral.
• Integración omnicanal: conecta las conversaciones del sitio con el mismo flujo de WhatsApp, correo electrónico y CRM.