How to Add a Chat Widget to Any Website (2 Minutes)

Tutorial 2026-03-27

The Universal Method

Every chat widget installs the same way: paste a <script> tag before </body>.

<script src="https://chatforge.aiedge247.com/widget.min.js" data-agent="YOUR_AGENT_ID"></script>

Try it right now

Chat with a live AI agent built for your industry

Use "Insert Headers and Footers" plugin → paste in footer section. Or edit footer.php directly. 2 minutes.

Settings → Advanced → Code Injection → Footer. Paste, save. Full guide.

Settings → Custom Code → Add → Body End → All Pages. Full guide.

Online Store → Themes → Edit Code → theme.liquid → before </body>. Full guide.

Build your free AI chat agent in under 5 minutes. No credit card required.

First five concierge pilots this week are free. Cal installs it for you.