How-to guide · 6 steps

Add an AI chatbot to any website

One small script adds a chat launcher that answers visitor questions from your own content. It works on any site or builder, with an inline embed option too.

Start free Read the docs

Free plan · 200 AI messages a month · No credit card

In short

Create a Fetchply agent and train it on your content, open Deploy and copy the widget script, paste it before the closing body tag once per page, publish, then test the chat on desktop and mobile and confirm the reply in Inbox.

What you'll do

1Create and train your agent
2Copy the widget code from Deploy
3Paste the script into your site
4Publish and clear stale previews
5Test on desktop and mobile
6Send a real message

Before you start

A website you can edit, or access to your site builder
A free Fetchply account
Content the agent should answer from: your site, files, or Q&A

Step by step

Add an AI chatbot to any website, one step at a time

1
Create and train your agent
Sign up, create an agent, and add your website or files under Training Data. Wait until the first source shows Indexed so the agent has something to answer from.
2
Copy the widget code from Deploy
Open your agent and choose Deploy. Copy the code from your own dashboard so it contains the correct host and agent ID, and pick your platform for builder-specific steps.
3
Paste the script into your site
Place the script before the closing body tag, once per page. For an inline chat panel instead of a floating launcher, use the iframe from Deploy, then Advanced.
Good to know: The agent ID in the script is public by design. Never paste API keys or other secrets into widget code.
4
Publish and clear stale previews
Save and publish your production site, then check it in a private browser window so a cached preview does not hide the new widget.
5
Test on desktop and mobile
Open the launcher on a desktop and a narrow mobile viewport. Check focus, scrolling, and close behavior, and make sure the launcher does not cover cart, cookie, or accessibility controls.
6
Send a real message
Ask a question a customer would ask, confirm the reply is grounded in your content, and check Inbox for the new Widget conversation.

You're done when

The launcher appears on your published site
Replies come from your own content
The conversation shows up in your Inbox

FAQs

Common questions

What can the widget read from my pages?

Only the page address and title are shared with the agent, and anything after a question mark or hash in the address is removed. Nothing a visitor types elsewhere on your page is read.

Can I open the chat from my own button?

Yes. Add the data-fetchply-open attribute to your own button to open the chat, or data-fetchply-message to open it and submit a message in one click.

How do I switch a site to a different agent?

The script contains one agent ID, so replace the embedded script with the code from the other agent’s Deploy page.

How does the widget behave on phones?

Chat opens as a panel covering most of the screen, with an expand control to go full screen. Closing the chat resets it to the shorter view; desktop keeps a fixed size.

Ready to try it on your own store?

The free plan includes one agent and 200 AI messages a month, so you can follow this guide end to end before paying anything.

Start free Widget setup docs

Related guides

Train an AI chatbot on your own data

Crawl your website, upload files, and add instant answers so the agent only answers from content you approve, never from guesswork.

Read the guide

Capture leads with a chatbot

Show a short lead form at the right moment in chat, collect the fields you actually need, and review every submission in one Leads table.

Read the guide

Reduce support tickets with AI

Deflect the repeat questions with a trained agent, keep humans one click away, and turn every correction into a better answer.

Read the guide

Add an AI chatbot to any website

One small script adds a chat launcher that answers visitor questions from your own content. It works on any site or builder, with an inline embed option too.

Free plan · 200 AI messages a month · No credit card

Add an AI chatbot to any website, one step at a time

Create and train your agent

Sign up, create an agent, and add your website or files under Training Data. Wait until the first source shows Indexed so the agent has something to answer from.

Copy the widget code from Deploy

Open your agent and choose Deploy. Copy the code from your own dashboard so it contains the correct host and agent ID, and pick your platform for builder-specific steps.

Paste the script into your site

Place the script before the closing body tag, once per page. For an inline chat panel instead of a floating launcher, use the iframe from Deploy, then Advanced.

Good to know: The agent ID in the script is public by design. Never paste API keys or other secrets into widget code.

Publish and clear stale previews

Save and publish your production site, then check it in a private browser window so a cached preview does not hide the new widget.

Test on desktop and mobile

Open the launcher on a desktop and a narrow mobile viewport. Check focus, scrolling, and close behavior, and make sure the launcher does not cover cart, cookie, or accessibility controls.

Send a real message

Ask a question a customer would ask, confirm the reply is grounded in your content, and check Inbox for the new Widget conversation.

You're done when

The launcher appears on your published site
Replies come from your own content
The conversation shows up in your Inbox

Add an AI chatbot to any website

Before you start

Add an AI chatbot to any website, one step at a time

Create and train your agent

Copy the widget code from Deploy

Paste the script into your site

Publish and clear stale previews

Test on desktop and mobile

Send a real message

You're done when

Common questions

Ready to try it on your own store?