Website

Deploy your Agent to any website.

---

Our new Web Chat Widget Deployment option allows you to deploy your Agent to any website. Easily customize your Widget and insert a <script> tag and your done. This Script tag can be used in no-code website builders such as Webflow, Wordpress, Framer by inserting it into the custom code section. Customize your Agentive Web Chat including changing the colour, image, name, description, starting message and task actions. Our Web Chat fully support all Agentive features including Tool & Knowledge Base Calls.

We currently only support <Script> tag deployments.

React Component in Typescript

import { useEffect } from 'react';

const ChatWidgetLoader = () => {
  useEffect(() => {
    const loadScript = () => {
      const existingScript = document.getElementById('chat-widget-script');
      if (existingScript) return;

      const script = document.createElement('script');
      script.src = 'https://agentivehub.com/bundle.min.js';
      script.type = 'text/javascript';
      script.id = 'chat-widget-script';

      script.onload = () => {
        if (!document.getElementById('root')) {
          const root = document.createElement('div');
          root.id = 'root';
          document.body.appendChild(root);
        }

        if ((window as any).myChatWidget && typeof (window as any).myChatWidget.load === 'function') {
          (window as any).myChatWidget.load({
            id: '{WEB_CHAT_ID}',
          });
        }
      };
      const firstScriptTag = document.getElementsByTagName('script')[0];
      if (firstScriptTag && firstScriptTag.parentNode) {
        firstScriptTag.parentNode.insertBefore(script, firstScriptTag);
      }
    };

    loadScript();
  }, []);

  return null;
};

export default ChatWidgetLoader;