Available

HTML & JavaScript AI Chat Widget

If your site outputs plain HTML - hand-coded, generated by a static-site tool, or served by a framework you would rather not touch - this is the shortest install there is. One script tag before the closing body tag and the widget is live.

EasyChatWidget asks nothing of your stack: no build step, no framework, no dependencies to keep updated. It loads asynchronously, learns from your content, and answers visitors continuously, whether that is a single hand-built landing page or a thousand-page static site.

Why add EasyChatWidget to HTML / JS

The shortest install anywhere - one tag, no build step
Works in any HTML page, static-site generator, or hand-coded site
Zero frameworks and zero dependencies to maintain
Loads asynchronously with no measurable performance cost

Best for: HTML / JS use cases

Static landing pages

Add a support and lead channel to a single hand-built page in seconds.

Static-site generators

Drop it into the base template of Hugo, Eleventy, Jekyll, or Astro.

Documentation sites

Let readers ask questions instead of hunting through the sidebar.

Legacy & hand-coded sites

Modernise an older site with AI chat without a rebuild.

How to install the chat widget on HTML / JS

1
Open your HTML file
Edit the page (or template) where you want the widget to appear.
2
Paste before </body>
Add the snippet just before the closing </body> tag.
3
Save & open
Save the file and open it in a browser - the widget is live.

Your embed snippet

Copy this and follow the steps above.

<script
  async
  src="https://easychatwidget.com/widget.js"
  data-widget-id="YOUR_WIDGET_ID"
></script>

Note

Replace YOUR_WIDGET_ID with the ID from your dashboard. Don’t have one yet? Create a free account to get it.

See the HTML / JS chat widget in action

HTML / JS homepage - add the EasyChatWidget AI chat widget to HTML / JS — HTML / JS, where the EasyChatWidget AI chat widget goes live in minutes.

EasyChatWidget vs. a manual live-chat script

How the EasyChatWidget AI chat widget compares with a manual live-chat script on HTML / JS.

Feature comparison of EasyChatWidget versus a manual live-chat script on HTML / JS
Feature	EasyChatWidget	a manual live-chat script
Understands and answers questions with AI
Trains itself on your website automatically
Answers from your own content (no invented facts)
Replies in any visitor language		Manual only
Captures leads (name, email, question)		Varies
Installs with a single snippet
Full colour, position & branding control		Limited
Instant human handoff by email & WhatsApp

HTML / JS chat widget FAQ

How do I add a chat widget to a plain HTML website?

Paste the EasyChatWidget script tag just before the closing </body> tag, save the file, and open the page. The bubble appears with no build step and no dependencies.

Do I have to add it to every page?

Put it in a shared layout, template, or include and it appears everywhere. On a hand-coded site with no shared template, paste it into each page you want it on.

Does it work with static-site generators?

Yes. As a single HTML tag it fits any generator - Hugo, Eleventy, Jekyll, Astro and others - via the base template.

Do I need to know JavaScript?

No. You paste one tag. Training, styling, and answers are all configured in your dashboard.