Installation guide

This guide shows how to create a chatbot from your website content and add it to any popular platform. It usually takes less than ten minutes.

1. Create the chatbot

Create a free account with email or Google.
Click New chatbot, enter your website address (e.g. https://yourcompany.com) and choose the default language.
SiteBrain starts reading your website and shows the progress live; a site with a few dozen pages is usually done in 1–3 minutes.
When the status is Ready, ask a few questions in the Try it panel.

If the dashboard says "No page could be read", the website may be blocking bots (Cloudflare Bot Fight Mode, a firewall). See how to allow SiteBrainBot.

Tip: a sitemap (/sitemap.xml) helps SiteBrain find your pages faster and more completely. Most SEO plugins create one automatically.

2. Copy the embed code

In the chatbot’s Overview tab, copy the snippet:

<script src="https://sitebrain.io.vn/widget.js" data-bot="YOUR_BOT_ID" async></script>

Paste it before the closing </body> tag of every page that should show the chatbot.

3. WordPress

Install the WPCode plugin (formerly "Insert Headers and Footers").
Go to Code Snippets → Header & Footer, paste the code in Footer, click Save.
Open your site in a private window and look for the chat button in the bottom-right corner.

4. Shopify, Wix, Webflow, Squarespace

Shopify: Online Store → Themes → ⋯ → Edit code → layout/theme.liquid, paste before </body>.
Wix: Settings → Custom Code → Add Custom Code, place it in "Body - end" on all pages.
Webflow: Project settings → Custom code → Footer code, then publish.
Squarespace: Settings → Advanced → Code Injection → Footer.
Google Tag Manager: a Custom HTML tag with the snippet and an All Pages trigger.

5. Customize

In Settings you can change the title, welcome message, color, button position, language, and add instructions for the AI — for instance "Invite visitors to book a call when they ask about custom projects".

Attribute	Effect
`data-color="#e11d48"`	Button color on this page (overrides the setting)
`data-position="left"`	Show the button in the bottom-left corner
`data-open="1"`	Open the chat window on page load

6. Manage content

Refresh content after editing your website (paid plans refresh weekly on their own).
Delete irrelevant pages in the Content tab.
Add manual knowledge for information that is not on your website.
Exclude sections with a Disallow rule for SiteBrainBot in robots.txt (see SiteBrainBot).

7. Troubleshooting

No chat button: check that the code is in the page source, clear your caching plugin or CDN cache, and make sure the domain is listed in "Domains allowed to embed".
Few pages learned: robots.txt may block bots, content may be rendered by JavaScript only, or the plan page limit is reached. Add a sitemap or manual knowledge.
Inaccurate answers: make the information explicit on your website or add manual knowledge — see how to optimize content for a chatbot.

Need help? Email support@sitebrain.io.vn.