← All posts
Product6 min read

How to Add an AI Chat Widget to Your Website (Without a Generic Chatbot)

A practical guide to embedding an AI sales and support widget: what to configure, where to place the script, and how intent-aware chat beats a passive bubble.

Most website chat widgets wait in the corner until someone clicks. That misses visitors who are comparing plans, hovering your CTA, or about to leave. An AI chat widget tied to your business context—and to how people actually browse—can answer support questions and nudge sales without sounding like a FAQ dump.

What you need before you embed

  • A clear business description (what you sell, who it is for, tone of voice).
  • Your primary CTA (book a demo, start trial, contact sales).
  • Optional paths you care about: pricing, shipping, returns, or policy pages.
  • One line of embed code from your MerrchAI dashboard (agent id + API URL).

Where to place the snippet

For plain HTML, paste the script before </body> on your main template. React, Next.js, and Vue each have a root layout or index.html—the dashboard embed helper can merge the script into the file you paste. The widget loads asynchronously so it does not block your core page speed.

Sales vs support in one agent

Use the same agent for product questions and post-purchase support. Configure welcome copy for help pages and let behavior signals (pricing visits, scroll depth, exit intent) decide when to invite chat. That is the difference between a decorative chat icon and an agent that participates in conversion.

Ready to try it? Create a free MerrchAI account, auto-fill from your website URL if you like, and paste the embed on a staging page before production.

Try MerrchAI on your site

Free tier with starter credits—embed in minutes from the dashboard.

Create account for free