Web Chat Widget (Embed)

Objective

Install the chat widget on your website to start conversations with agents.

Requirements

• An agent with Web Chat channel enabled.
• Access to the HTML of your site.

Step by step (embed)

1. Open Web Chat in the app and create a widget: it generates the embed snippet (with your widgetId) for you. The example below shows the legacy manual configuration.
2. Insert the snippet before </body> on your site:

<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>

3. Save changes and reload the site.

Notes

• The agent must have Web Chat enabled in Agents.
• If you change the agentId, new conversations will use the new agent.

Screenshot