Putting an agent on your website
One script tag, your branding, and the same rules as everywhere else.
A website chatbot puts one of your agents in the corner of your site. Visitors open it and ask questions; your agent answers, with its own instructions and model, and every conversation lands in Website chatbot → Conversations.
Set one up
1. Go to Website chatbot and choose Add new chatbot. 2. Basics — name it, pick the agent, and enter your site's domain. 3. Appearance — colour, title, welcome message, greeting, position, icon, logo and theme. The preview on the right updates as you type. 4. Behaviour — suggested questions, placeholder, offline message, whether to remember conversations or ask for a name and email, other domains, and what visitors may ask the agent to do. 5. Install — copy the snippet and paste it into your site.
<script src="https://caterfli.com/widget.js" data-chatbot-id="YOUR_CHATBOT_ID" async></script>
Where to paste it
- •Any website — just before
</body>on every page, usually in a shared footer or layout. - •WordPress — a header-and-footer plugin such as WPCode (Footer box), or
footer.phpin a child theme. - •Shopify — Online Store → Themes → Edit code →
layout/theme.liquid, before</body>. - •Webflow — Site settings → Custom code → Footer code, then publish.
- •Wix — Settings → Custom code → Add custom code, All pages, Body – end.
- •React, Vue, Next.js — load it once from your root layout or
index.html; the install page shows the exact code for each.
The chatbot only appears on the domains you listed. To try it on your own machine first, add localhost. Or use Test chatbot, which opens the real widget on a page inside Caterfli.
What visitors can and cannot do
A new chatbot can answer questions and nothing else. In the Behaviour step you choose which of the agent's capabilities visitors may use. Anything that would change data — even something your team could do without approval — always waits for a person on your team to approve it on a website, and exports are never available to visitors.
Visitors are not accounts. They cannot approve anything, they only ever see their own conversation, and they never see your agent's instructions or which tools it has.
Switching it off
Disable hides it from your site immediately and keeps everything. Delete removes it and every visitor conversation it holds.