Build a GPT-Powered FAQ Bot for Your Website in 30 Minutes

Introduction

Imagine a customer landing on your website at 11pm with a question about your return policy — and getting an instant, accurate answer without you lifting a finger. That’s exactly what this tutorial builds: a smart FAQ bot powered by ChatGPT that lives on your website, knows your business inside out, and handles common questions 24/7.

You don’t need to write a single line of code. The whole setup uses tools with free tiers and point-and-click interfaces. Expect to spend about 30 minutes if you follow each step, maybe 45 if it’s your first time with any of these platforms.

Here’s what you’ll have by the end: a chat widget on your website that reads your FAQ content and answers visitors’ questions in plain, friendly language — in your brand’s voice.

What You’ll Need

Before you start, get these four things ready. Each has a free plan that’s more than enough to get started.

  • An OpenAI account — This powers the AI. Sign up at openai.com and add a payment method (you’ll use a few cents of credit during testing).
  • A Zapier account — This connects everything without code. The free plan works for this project.
  • A Botpress account — This is the chat widget that sits on your website. The free tier supports up to 1,000 messages per month.
  • Your FAQ content — A Google Doc, Word file, or even a list of questions and answers you paste into a text editor. The cleaner the better, but rough notes work fine.
  • Access to your website’s backend — You’ll paste one small snippet of HTML. If you use WordPress, Squarespace, Wix, or Shopify, this takes under two minutes.

Step-by-Step Setup

Phase 1: Prepare Your FAQ Content (5 minutes)

  1. Open a plain text file or Google Doc and write out your 10–20 most common customer questions. For each one, write a clear, complete answer — the same way you’d explain it to a friend. Don’t worry about formatting yet.

  2. Save the file. Name it something obvious like my-faq-content.txt. Keep it open — you’ll need it in a moment.

Phase 2: Set Up OpenAI (5 minutes)

  1. Log in to your OpenAI account and click API in the top navigation, then select API keys from the left sidebar.

  2. Click Create new secret key. Give it a name like “Website FAQ Bot” and click Create. A long string of characters will appear — this is your API key. Copy it now and paste it somewhere safe (a notes app is fine). You won’t be able to see it again.

  3. In the left sidebar, click Playground, then select Chat from the dropdown. This is where you’ll test your FAQ content before connecting it to your website.

  4. In the System text box at the top, paste this prompt — replacing the bracketed sections with your own details:

    You are a friendly customer service assistant for [Your Business Name]. Answer questions only based on the FAQ information below. If the answer isn’t in the FAQ, say: “Great question — I’d recommend reaching out to us directly at [your email].” FAQ content: [paste your full FAQ text here]

  5. Click Submit and type a test question your customers might ask. If the answer comes back correctly, your prompt is working. Adjust the wording until you’re happy with the tone.

Phase 3: Build the Chat Widget in Botpress (10 minutes)

  1. Log in to Botpress and click Create Bot on the dashboard. Select Start from scratch and give your bot a name (e.g., “Sarah from Acme Support”).

  2. On the left sidebar, click Integrations, then scroll to find OpenAI. Toggle it on and paste your OpenAI API key from Step 4 into the field that appears. Click Save.

  3. Click Knowledge Base in the left sidebar. Click Add Content, then paste your entire FAQ text into the text box. Click Save. This teaches your bot what it knows.

  4. Click Configuration in the left sidebar. Under Bot Personality, paste the same system prompt you wrote in Step 6 (without the FAQ content — Botpress pulls that from the Knowledge Base automatically). Click Save.

  5. Click Publish in the top-right corner. Your bot is now live on Botpress’s servers.

  6. Click Share & Embed in the left sidebar. You’ll see a short snippet of HTML code — it starts with <script. Copy the entire block.

Phase 4: Add the Widget to Your Website (5 minutes)

  1. Log in to your website platform:

    • WordPress: Go to Appearance → Theme Editor → footer.php and paste the code just before the </body> tag.
    • Squarespace: Go to Settings → Advanced → Code Injection and paste into the Footer section.
    • Wix: Go to Settings → Custom Code and paste under Body — End.
    • Shopify: Go to Online Store → Themes → Edit Code → theme.liquid and paste before </body>.

  2. Save your changes and visit your website in a new browser tab. You should see a small chat bubble appear in the bottom-right corner of the page. Click it — your bot should greet your visitors.

Testing It Works

  1. Type three or four questions your real customers ask most. Verify the bot answers accurately and in the tone you want.

  2. Now type a question that’s not in your FAQ — something completely off-topic. The bot should politely redirect, not make something up. If it’s inventing answers, go back to your system prompt in Botpress and add: “Never answer questions outside the provided FAQ content.”

  3. Test on your phone. The chat widget should appear and work correctly on mobile. If it looks squished, contact Botpress support — it’s usually a one-line CSS fix they can walk you through.

Troubleshooting

The chat bubble isn’t appearing on my site

Double-check that the script snippet was pasted before the closing </body> tag, not inside the <head> section. Also disable any ad blockers in your browser temporarily — they sometimes block chat widgets.

The bot gives wrong or vague answers

Your FAQ content may be too brief or ambiguous. Go back to Botpress → Knowledge Base and expand your answers. More specific content equals more accurate responses. Also check your system prompt — if it’s too short, the bot has less guidance to work with.

The bot says it doesn’t know things that are clearly in my FAQ

This usually means the Knowledge Base didn’t save correctly. In Botpress, delete the content entry and re-paste it, then click Save and Publish again. Wait 60 seconds before testing — it takes a moment to index.

Next Steps

Once your basic FAQ bot is running well for a week, add email capture to the flow. In Botpress, use the Capture Card feature to insert a step that asks for the visitor’s email before answering complex questions. Connect it to your email list via Zapier (use the Botpress → Zapier → Mailchimp template — it takes about 15 minutes). Now your bot doesn’t just answer questions — it quietly grows your list while it works.