✦ Auto-train your AI from your URLTry it free →
DocsInstallation

Install manually (any website)

Not using a website builder? If you can edit your site's HTML, you can add EasyChatWidget by hand, it works on any static site, custom framework, or hand-coded page.

  1. 1
    Open your HTML
    Open the file (or template/layout) that builds your pages, e.g. index.html, or a shared header/footer include so the widget appears site-wide.
  2. 2
    Find the closing </body> tag
    Scroll to the bottom of the document and locate the </body> tag.
  3. 3
    Paste the snippet right before it
    Copy your embed code from the dashboard and paste it immediately above </body>:
<script
  async
  src="https://easychatwidget.com/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
></script>
  1. 1
    Save and deploy
    Save the file and upload/deploy it (FTP, Git, your host's dashboard, however you publish). Refresh your live site to see the bubble.
Tip
To show the widget on every page, put the snippet in a shared layout, header, or footer include rather than pasting it into each page individually.
Note
The script loads async and runs entirely on its own, it won't block your page or interfere with your existing markup or scripts.

Verify it works

  1. 1
    Reload your site
    Hard-refresh the page (Ctrl/Cmd + Shift + R) so the new script loads.
  2. 2
    Look for the chat bubble
    It appears in the bottom-right corner. Click it to open the chat panel.
  3. 3
    Send a test message
    If the AI replies, you're connected. The chat also shows up live in the Conversations table on your widget's dashboard page.