Helios Vision AIHelios Vision AI

Widget de Chat Web (Incrustar)

Inserta el widget de chat web en tu sitio y personaliza su apariencia y comportamiento.

Objetivo

Instalar el widget de chat en tu sitio web para iniciar conversaciones con agents.

Requisitos

  • Un agent con canal Web Chat habilitado.
  • Acceso al HTML de tu sitio.

Paso a paso (embed)

  1. Abre Chat web en la app y crea un widget: la app genera el código de inserción (con tu widgetId) por ti. El ejemplo siguiente muestra la configuración manual heredada.
  2. Inserta el snippet antes de </body> en tu sitio:
<script>
  (function() {
    window.HeliosChat = {
      tenantId: 'YOUR_TENANT_ID',
      agentId: 'YOUR_AGENT_ID',
      apiUrl: 'https://heliosvisionai.com'
    };
    var script = document.createElement('script');
    script.src = 'https://heliosvisionai.com/widget/helios-chat.js';
    script.async = true;
    document.body.appendChild(script);
  })();
</script>
  1. Guarda cambios y recarga el sitio.

Notas

  • El agent debe tener Web Chat habilitado en Agents.
  • Si cambias el agentId, las conversaciones nuevas usaran el nuevo agent.

Captura

Widget de Web Chat