Embed Code

Copy the code snippet below and paste it just before the closing </body> tag on the pages where you want the chat widget to appear.

<script>
(function() {
  window.widget_chat_config = {
    user_id: 'your-user-id' // Replace with actual User ID
  };
  var script = document.createElement('script');
  script.src = 'https://www.agionic.com/widget/widget.js'; // Consider making this domain dynamic if needed
  script.defer = true;
  document.head.appendChild(script);
})();
</script>

Remember to replace 'your-user-id' with your actual User ID obtained from your Agionic dashboard.

Installation Steps

1. Sign up or log in to your Agionic dashboard.
2. Navigate to the Installation section to find your unique User ID.
3. Copy the embed code snippet provided above.
4. Replace the placeholder 'your-user-id' in the snippet with your actual User ID.
5. Paste the modified code snippet into the HTML of your website, ideally just before the closing </body> tag.
6. Save the changes to your website file(s).

The Agionic chat widget should now load on the pages where you added the script!

Configuration

All widget settings (appearance, greeting messages, knowledge base configuration, etc.) are managed directly within your Agionic dashboard. Changes made there will automatically reflect on your website without needing to modify the embed script again.