How to Build a Customer Support Chatbot From a Help Center

Created by

Do not index

Created time

May 28, 2026 11:16 AM

To build a customer service chatbot from a help center, train a chatbot on your help articles, write rules for what it does when it does not know, turn on human handoff, test it on 20 real questions, and paste one script into your website.

This tutorial follows the current SiteGPT docs click by click. To compare tools or chatbot types first, start with how to make a chatbot or the list of AI chatbot creators.

TL;DR

Train the chatbot on your help center with Website Links > Scrape Website or Add from Sitemap.

Write a fallback message and instructions so the chatbot declines what your content does not cover.

Turn on Human Support in Leads. It is included on every plan and sends the chatbot owner an email for each escalation.

Test 20 real questions before launch, and score answerable, unanswerable, and handoff questions separately.

SiteGPT has no free plan. Starter costs $59 a month billed monthly, or $39 a month billed yearly, and the 7-day free trial requires a credit card.

Key takeaways: what you build in this tutorial

Stage	Steps	What you have at the end
Train	1-3	A chatbot that answers from your help center and approved files
Set behavior	4-5	A persona, a fallback message, and written rules
Connect people	6	A visible route to your team, with the conversation saved in Chat History
Launch	7-9	A branded, tested chatbot on your website and a weekly review routine

Summary graphic of the nine steps to build a customer service chatbot: create the chatbot, add the help center, add private content, choose a persona, set the rules, turn on Human Support, brand the widget, test 20 questions, install and review

What do you need before you build a customer service chatbot?

You need a help center or website, an email address, and access to your site's HTML or custom code settings. Plan on about an hour of hands-on work. Training time is extra and depends on how many pages you add.

Three short jobs make the build faster:

Export 20 real questions from your tickets or inbox. Step 8 uses them as your test set.

Fix pages that contradict each other. A trained chatbot repeats what the content says, so chatbot training starts with clean sources.

Choose who answers escalated chats, and during which hours.

Start with a narrow topic list. Gartner's 2026 survey of 3,566 customers found that only 27% would try a chatbot again after a bad experience. Gartner's advice was to "prioritize reliability over reach".

How to build a customer service chatbot in 9 steps

Each step names the dashboard labels used in the SiteGPT docs. Menu items appear in the sidebar of the chatbot you open.

Step 1: Create your account and chatbot

Creating the chatbot takes two actions: sign in with an email link, then name the chatbot.

Go to the SiteGPT login page and enter your email address. Open the sign-in link in the email. There is no password.

Choose a plan and start the 7-day free trial. Checkout requires a credit card, and you can cancel before the trial ends.

On the Chatbots page, select Create New Chatbot.

Enter a Chatbot Name that your team will recognize, then select Create Chatbot.

The chatbot opens with its own sidebar. You set the name that visitors see, and the welcome message, in Step 7.

Step 2: Train the chatbot on your help center

Training means adding your help center pages so the chatbot can search them. Pick the method that fits your site.

Method	Use it when	Where to find it
Scrape Website	You want SiteGPT to start at one URL and follow links	Website Links, then Scrape Website
Add from Sitemap	Your help center has a sitemap that lists the pages you want	Website Links, then Add from Sitemap
Add Multiple Links	You know the exact pages you want	Website Links, then Add Multiple Links

To crawl a help center:

Select Website Links > Scrape Website.

In Website URL, enter the help center home page.

In Recursion Depth, enter 2. In Max Pages to Scrape, enter a number your plan allows.

Keep Extract main content only turned on, then select Add Links.

Open Links List and wait for the pages to show Success.

Check the hostname first. A crawl follows links only on the exact hostname of the start URL, so a help subdomain and your main www hostname count as different sites. Start on the hostname your articles use, and list any other hostname in Allowed Domains.

One page of quota is 2,500 characters of cleaned text, so a long article can use several pages. To skip URLs you do not want, such as tag pages or tracking links, use URL paths to exclude.

Step 3: Add content your help center does not cover

Add files and connected apps for material that is not on your public site. Open Files & Data Sources in the sidebar.

SiteGPT Files and Data Sources menu showing Files List, Add Files, Upload Local Files, Notion, Google Drive, Dropbox, OneDrive, Box, and GitHub

Files: select Upload Local Files, then Browse File. Keep each file under 10 MB. SiteGPT does not run text recognition, so a scanned PDF gives no text.

Apps: select Notion, Google Drive, Dropbox, OneDrive, or Box, then Connect Account.

Short facts: add a paragraph in Text Snippets.

Confluence and SharePoint: these connect through the API, CLI, and MCP, which need the Growth plan or above.

Add only what visitors may see. Anyone who can use the chatbot can get answers from this content, so keep internal notes and escalation scripts out.

Step 4: Choose a persona for customer service

A persona sets the tone of every answer. SiteGPT has 12 built-in personas, and Default is used until you pick another.

SiteGPT Default Personas list showing Default, Default (Classic), Neutral, and Professional / Formal, with Default selected

Select Chatbot Persona in the sidebar.

Select a persona under Default Personas.

Select Save Changes.

If your customers need...	Pick	Why
Quick facts, such as hours or shipping times	Default	Answers in 1 to 3 sentences when possible
Complete how-to answers	Default (Classic)	Clear, professional, and friendly, with complete answers
Troubleshooting help	Problem Solver	Starts from the visitor's problem and presents solutions
A regulated or formal tone	Professional / Formal	Polished, with no slang or contractions

Step 5: Write the fallback message and instructions

The fallback message is what the chatbot says when your content has no answer. Instructions are the rules it follows in every answer. Set both on the same page.

SiteGPT Instructions page showing the Fallback Message field, Save Fallback Message button, Default Instructions set to None, and the Add New Instructions button

Select Chatbot Instructions in the sidebar.

Under Fallback Message, write what the chatbot should say, then select Save Fallback Message.

Under Custom Instructions, select Add New Instructions.

Paste the rules below, change the details, and select Add Instructions.

SiteGPT Add Instructions window with an Instructions text box, a Discard button, and an Add Instructions button

This example is a starting point for a customer service chatbot:

You are the customer service assistant for [Company].

Answer only with information from the provided content.
If the content does not answer the question, reply with the fallback message.
Do not guess. Do not use general knowledge to fill gaps.

You cannot see orders, accounts, or billing records.
If a visitor asks about one, give this link: [self-service URL]
If they still need help, offer to connect them with the [Company] team.

Never promise a refund, a discount, or a policy exception.
Keep answers short. Do not give legal, medical, or financial advice.

Two details matter here. Your first instruction set becomes active at once, and only one set is active at a time. For customer service, also edit the set and move Creativity Level toward More Focused so answers stay close to your content.

These rules reduce invented answers. They do not remove them. The docs state that "answer only from your content" is guidance and not a hard block, so the test in Step 8 still matters. The guide to stopping chatbot hallucinations covers more guardrails.

Put facts in your content, and put rules in instructions. A return window belongs in a help article, so a policy change needs only one edit.

Step 6: Turn on Human Support and escalation

Human Support lets a visitor reach a person during a chat. When a conversation escalates, the AI stops answering and your team replies. It is available on every plan.

SiteGPT Leads page on the Human Support tab showing the Enable Human Support toggle and Escalation Button Settings, including the show escalation buttons toggle and prompt text fields

Select Leads > Human Support.

Turn on Enable Human Support.

Under Escalation Button Settings, turn on Show escalation buttons after responses.

Enter the Positive Feedback Prompt, the Request Human Support Prompt, and the Human Support Confirmation Message. Do not leave any of them empty.

Select Save Changes.

By default, the AI escalates in three cases: the visitor asks for a person, the situation is urgent, or the visitor is frustrated after an unhelpful answer. To change this, write your rules under Escalation Policy. Your rules replace all three defaults, so include "the visitor asks for a person" in your list.

Next, decide who hears about each escalation:

SiteGPT emails the chatbot owner for each escalation. To change the recipients, turn on Enable Escalation Notifications and add addresses under Email Recipients.

The email shows the visitor's details and a View in dashboard link. The conversation itself stays in the dashboard.

Your team replies from Chat History. Escalated chats appear in the Attention view with an Escalated badge.

Take over the chat locks the conversation to your team. Release to AI hands it back. Mark as Resolved closes it.

If your team works set hours, open Settings > Chat Modes and select Follow Working Hours. New chats then start with your team during those hours. To set an away message and the hours, follow the human support setup guide.

You can also escalate a chat when a visitor leaves contact details. Open Leads > Leads Settings and turn on Auto-escalate on lead capture.

SiteGPT Leads Settings showing Lead Capture Email Notifications and the Auto-escalate on lead capture toggle

Gartner found that 87% of customers say access to a human agent is essential when companies use GenAI in service. Tools differ on how much context moves with the chat, and the guide to AI chatbots with human handoff compares them.

Step 7: Brand the widget and tell visitors it is a bot

The Appearance page controls how the widget looks and what it says first. Select Appearance under Customizations, make your changes, and select Save Changes.

SiteGPT Chat Interface settings showing Primary Color, Text Color, Icon Background Color, Transparent Icon Background, and Link Color fields

Enter your Primary Color and Text Color as hex codes.

In the Chat Icon section, set Chat Icon Size, Position, and Icon Shape.

Upload your images with Select Chat Bubble Icon and Select Bot Icon.

Set Chatbot Name and Welcome Message in the Content section.

SiteGPT Chat Icon settings showing distance fields, Chat Icon Size set to Small, Position set to Bottom - Right, and Icon Shape set to Circle

Say that the visitor is talking to AI in the welcome message. Article 50 of the EU AI Act has applied since 2 August 2026. The European Commission says people must be informed from the start of the first interaction, unless it is obvious.

For example: "Hi, this is the Acme AI assistant. Ask about orders, returns, or your account. You can reach a person at any time." For a notice that always shows, use Disclaimer Text (Markdown).

Then add three or four Conversation Starters for your most common topics. Starters show visitors what the chatbot can do before they type anything.

Step 8: Test the chatbot on 20 real questions

Test before visitors see the chatbot. Open Dashboard and select Chat with your chatbot. The button appears after the chatbot has learned from your content.

Use a mix of three question types. Score each group on its own, because a good total can hide a failure.

Question type	Questions	A pass means	Passed in this example	Pass rate
Answerable from content	12	Correct answer, with the right source	10	83%
Not in the content	4	The fallback message appears	3	75%
Should reach a person	4	The chat escalates and appears in Attention	4	100%
Total	20	All three types	17	85%

These numbers are illustrative. The 85% total looks fine, yet one question got an invented answer. Fix that first by tightening the instruction, add content for the two missed questions, and rerun all 20. A sensible launch rule is 4 out of 4 on the "not in the content" row.

Use this tree to choose each fix:

Decision tree with two parts: how to fix a wrong answer by adding content, correcting a page, adding a custom response, or changing instructions, and when a chatbot should answer or hand off

Step 9: Add the chatbot to your website

Installing the chatbot means adding one script to your site. Select Installation, find JavaScript Embed under Embed Options, and select Copy.

SiteGPT Platform-Specific Instructions panel with tabs for General, WordPress, Shopify, Squarespace, Wix, Webflow, and Custom HTML, showing four general installation steps

Platform	Where the code goes
HTML	In the head section, or just before the closing body tag, in a shared template
WordPress	Install the SiteGPT plugin and paste your Chatbot ID in the SiteGPT settings page
Shopify	Just before the closing body tag in theme.liquid
Squarespace	The footer box in code injection, on plans that offer it
Wix	Custom code, set to all pages and the end of the body
Webflow	The footer code box in project settings, then publish

Open your site in a private window and wait a few seconds. The chat icon appears in the bottom corner. Ask a question only your help center can answer, then ask for a person.

A live SiteGPT chatbot on the SiteGPT home page, with a welcome message, suggested questions, and a message box

How do you improve the chatbot after launch?

You improve the chatbot by reading real conversations once or twice a week and fixing the cause of each bad answer. Most fixes happen in the first weeks after launch.

Open Chat History, select Filter, and select Negative under User Reactions.

Under a wrong answer, select Incorrect? Modify bot's answer! to save a custom response.

If a page caused the error, correct the page and resync it.

Open Analytics and read Unanswered questions, then add the missing content. The full list needs Growth or above.

Content does not always refresh by itself. Monthly auto-sync needs Growth, and weekly auto-sync needs Scale. Starter uses manual resync. Connected apps, uploaded files, and lists of links need a manual resync on every plan, so note that when a policy changes.

For the wider checklist, read the chatbot best practices. Once the bot answers the common questions well, add after-hours cover, handoff rules, and order questions one job at a time with the guide to using a chatbot for customer service.

Which SiteGPT plan fits a customer service chatbot?

Starter fits one person running one chatbot. Growth fits a small team, because it adds four team seats, monthly auto-sync, and the unanswered questions list.

Bar chart of first-year SiteGPT cost: Starter 708 dollars billed monthly or 468 billed yearly, Growth 1,548 or 948, Scale 5,148 or 3,108

Plan	Billed monthly	Billed yearly	First-year saving	Team seats	Question and answer pairs a month
Starter	$59/mo	$39/mo ($468/yr)	$240 (34%)	1	200 on GPT-4.1, or 2,000 on GPT-4.1 mini
Growth	$129/mo	$79/mo ($948/yr)	$600 (39%)	4	500 on GPT-4.1, or 5,000 on GPT-4.1 mini
Scale	$429/mo	$259/mo ($3,108/yr)	$2,040 (40%)	10	2,000 on GPT-4.1, or 20,000 on GPT-4.1 mini

A visitor's message and the chatbot's reply each count as one message, so one pair uses two. For example, 600 conversations a month with three questions each is 1,800 pairs, or 3,600 messages. That fits Starter on GPT-4.1 mini. Keeping all of it on GPT-4.1 would need Scale. You set the split between models on the Usage or Billing page.

Removing the "Powered by SiteGPT" branding is an add-on at $39 a month billed yearly ($468 a year). For a wider budget, see the chatbot cost guide.

When is this build the wrong choice?

This build fits teams whose questions can be answered from written content. Use this table to check your case.

If you need...	Pick...	Why
Answers from your help center, with handoff to your team	This tutorial, on Starter or Growth	Human Support is on every plan
Replies inside Slack, Crisp, Freshdesk Messaging, or Zoho SalesIQ	SiteGPT Growth or above	Starter has no chat integrations
A Zendesk AI agent	SiteGPT Scale or above	Zendesk AI Agent starts at Scale
An Intercom or HubSpot integration	Another tool from the chatbot creators list	SiteGPT has neither integration
A chatbot that looks up orders or issues refunds	Another build route	Trained content does not include a customer's live records
A chatbot that handles patient data	SiteGPT Enterprise with a signed BAA	A BAA is Enterprise only, and a HIPAA workspace turns off connected apps and chat integrations, so several steps above change

Ready to try it on your own help center?

Start the 7-day SiteGPT trial

Frequently asked questions

Setup

How do you build a customer support chatbot for a website without coding?

You can build a customer service chatbot without coding by training a no-code platform on your help center. In SiteGPT, you add your help center URL, set the rules and handoff, test it, and paste one script into your site.

How long does it take to build a customer service chatbot?

A customer service chatbot takes about an hour of hands-on work, plus training time that depends on how many pages you add. Testing and fixing answers can add more time, so plan for both.

What should you train a customer service chatbot on?

Train a customer service chatbot on help articles, FAQs, shipping and return policies, billing docs, and product pages. Add only content that visitors may see.

Accuracy

Will the chatbot make up answers?

A chatbot can still make up answers, even with good content. SiteGPT tells the chatbot to answer from your content, and clear instructions reduce guessing. The AI model can still use general knowledge, so test before launch and review conversations afterward.

What happens when the chatbot cannot answer?

When the chatbot cannot answer, it replies with your fallback message. On Growth and above, the question also appears in Unanswered questions on the Analytics page.

How do you keep the chatbot's answers current?

Keep answers current by resyncing content after every change. Growth adds monthly auto-sync, and Scale adds weekly auto-sync plus a sitemap scan that can run daily.

Handoff

Can a customer service chatbot hand off to a human agent?

Yes, a customer service chatbot can hand off to a human agent. In SiteGPT, a visitor can select the escalation button or ask for a person, and the AI can also escalate. Your team then replies from Chat History.

Does the agent see the full conversation?

Yes, the agent sees the full conversation in Chat History. The escalation email does not include it, so the email links to the dashboard.

Do you need a separate live chat tool?

No, you do not need a separate live chat tool for handoff. Your team can reply from the SiteGPT dashboard. From Growth, you can also connect chat tools such as Slack and Crisp.

Cost and trial

How much does a customer service chatbot cost to run?

SiteGPT Starter costs $59 a month billed monthly, or $39 a month billed yearly ($468 a year). Growth costs $129 billed monthly or $79 billed yearly. Scale costs $429 billed monthly or $259 billed yearly.

Is there a free plan?

No, SiteGPT has no free plan. The 7-day free trial requires a credit card, and you can cancel before it ends.

Sources

Checked on 30 October 2026.

Gartner: Only 27% of Customers Would Try a Chatbot Again After a Negative Experience

European Commission: Transparency obligations under Article 50 of the AI Act

SiteGPT pricing

SiteGPT docs: Quickstart

SiteGPT docs: Add your website

SiteGPT docs: Connect apps

SiteGPT docs: Write instructions and choose a persona

SiteGPT docs: Keep answers on topic

SiteGPT docs: Set up human support

SiteGPT docs: Choose who gets notified

SiteGPT docs: Appearance

SiteGPT docs: Add the chatbot to your website

SiteGPT docs: Your first week

SiteGPT docs: Plans and limits