WebsiteChat Setup Guide: Add an AI Chatbot to Your Website

1. Sign in to WebsiteChat

Sign in to the WebsiteChat console. Open Website in the sidebar. Select an existing site, or add a new one if this is the first install.

2. Add your website

Enter the public production URL—the same address visitors use. WebsiteChat starts the crawl from that URL.

There is no WordPress crawler, Wix connector, or CMS API step. WebsiteChat reads the published site.

3. Crawl the website

After you add the URL, WebsiteChat discovers public pages, extracts usable text, and prepares that content for answers. Small sites can finish quickly. Large blogs or docs sites take longer.

WebsiteChat reads published web pages.

Drafts in the CMS, unpublished editor data, admin screens, and private content are not indexed just because the site uses a particular platform.

4. Review the crawled content

When the crawl finishes, open the page list on Website and check:

• Service or product pages that visitors actually ask about
• Pricing, if you publish it
• Contact, about, and support pages where they exist
• That you are not relying on stale URLs

Answer quality tracks the source site. Conflicting or outdated pages produce conflicting or outdated replies.

5. Configure the chatbot

On Chatbot → Design, match the widget to the site. The current controls are:

• Chatbot name
• Launcher icon
• Theme color
• Bubble color
• Welcome message
• Position (bottom-right or bottom-left)

6. Test answers in the console

Use Chatbot → Test with questions the site already answers in plain language.

• What are your opening hours?
• Where is your office located?
• How much does this service cost?
• What does this product do?
• How can I contact you?

Start with factual questions. If a reply is wrong or empty, check whether the page was crawled, whether the answer is actually on the site, and whether the source text is outdated or ambiguous—before treating it as a model failure.

7. Copy the widget code

Open Chatbot → Install. The embed is a short script. data-site is unique per site; copy the value from the console, not from this example.

<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script>

The widget code is essentially the same whether the website runs on WordPress, Shopify, Wix, Studio, or another platform. What changes is where that code must be added.

8. Install the widget on your website

Place the snippet where every public page loads it. Builders expose that location differently.

• WordPress
• Shopify
• Studio
• Wix
• Jimdo

Platform-specific installation instructions

9. Verify the widget on the live website

Check the public URL, not only the editor preview.

• Launcher is visible
• The chat window opens
• The welcome message appears if you set one
• A test question gets a reply
• Desktop and mobile
• A logged-out or incognito session

Page cache and CDN cache can delay the first appearance.

10. When website content changes

If pricing, services, hours, policies, or docs change, confirm WebsiteChat still has the current pages.

On Website, use Refresh website to recrawl. Some plans also recrawl automatically. There is no fixed public interval to quote here. After a refresh, check that the important URLs are still listed.

11. Common problems

The widget does not appear

• The snippet was not saved
• It was added to a page-only slot instead of a global one
• The site was not published
• Cache or CDN is serving an older HTML file
• A security or script-optimization setting is blocking it

The answer is wrong or incomplete

• The relevant page was not crawled
• The answer is not on the public site
• The source page is outdated
• Two pages disagree

The widget appears only on some pages

The snippet is probably in a partial template. Move it to a site-wide location. See where to install the widget.