Back to Blog
Getting Started

Set Up an AI Chatbot in 5 Minutes — No Coding Required

F
Filippo Calabrese
· March 17, 2026
Set Up an AI Chatbot in 5 Minutes — No Coding Required

You don't need a developer to add an AI chatbot to your website. You don't need API documentation, webhook configurations, or a computer science degree. You need your website URL (or a few documents) and about 5 minutes.

This guide walks through the entire process of setting up an AI-powered customer support chatbot using QuickWise — from account creation to a live chatbot on your site. Each step describes exactly what you'll see and do, so you can follow along even if you've never built anything technical before.

What You'll Have at the End

By the time you finish this guide, your website will have:

  • ✅ An AI chatbot trained on your documentation that answers customer questions in real-time

  • ✅ A built-in ticketing system that catches questions the AI can't handle

  • ✅ A corrections panel where you can fix wrong answers instantly

  • ✅ A public knowledge base where customers can browse your documentation

  • ✅ An analytics dashboard tracking chatbot performance

All of this from a 5-minute setup. Let's go.

Prerequisites

Before you start, have these ready:

  • Your website URL — The chatbot will crawl your site to learn your content

  • Email address — For your QuickWise account

  • 10 minutes — 5 for setup, 5 for customization (optional but recommended)

That's it. No technical prerequisites.

Step 1: Create Your QuickWise Account (1 Minute)

What you do:

  1. Go to quickwise.ai

  2. Click "Get Started" or "Sign Up"

  3. Enter your email and create a password

  4. Verify your email (check inbox for confirmation link)

What you see: After signing in, you'll land on the QuickWise dashboard — a clean interface with a prompt to create your first chatbot project.

Tip: Use a work email rather than a personal one. It helps if multiple team members will eventually access the account.

Step 2: Create Your First Project (30 Seconds)

What you do:

  1. Click "Create New Project" (or the equivalent button on the dashboard)

  2. Give your project a name (e.g., "Customer Support" or your company name)

  3. Optionally add a description

What you see: A new project appears in your dashboard. You'll be taken to the project setup screen where you can start adding knowledge sources.

Tip: If you have multiple products or brands, you can create separate projects for each. But start with one.

Step 3: Add Your Knowledge Sources (2-3 Minutes)

This is the core step. You're telling the AI what to know about your business.

Option A: Crawl Your Website (Recommended)

What you do:

  1. Select "Add Website URL"

  2. Enter your website's URL (e.g., https://yourcompany.com)

  3. QuickWise will crawl your site, discovering pages automatically

  4. Review the discovered pages — deselect any you don't want included (e.g., purely decorative pages, terms of service if not relevant to support)

  5. Click "Start Indexing"


What you see: A progress indicator showing pages being crawled and indexed. Depending on your site's size, this takes 1-5 minutes. You can continue configuring other things while it runs.

What gets indexed:

  • Product/service pages

  • FAQ pages

  • Help documentation

  • Blog posts (if relevant to support)

  • Pricing pages

  • About pages

What to exclude:

  • Login/signup pages

  • Admin pages

  • Pages with no useful support content

Option B: Upload Documents

What you do:

  1. Select "Upload Documents"

  2. Drag and drop PDFs, Word docs, or text files

  3. QuickWise processes and indexes the content

Best for: Internal documentation, product manuals, or content that isn't published on your website.

Option C: Manual Entries

What you do:

  1. Select "Add Manual Entry"

  2. Type or paste content directly

  3. Organize with titles and categories

Best for: Specific answers to common questions that aren't well-documented elsewhere. For example: "What is your refund policy?" with a precise, approved answer.

Combining Sources

You can use all three options. In fact, most businesses get the best results from combining:

  • Website crawl for general product/service information

  • Uploaded documents for detailed guides or internal policies

  • Manual entries for specific Q&A that needs to be worded exactly right

Step 4: Test Your Chatbot (1 Minute)

Before deploying to your website, test the chatbot within QuickWise.

What you do:

  1. Go to the "Test" or "Preview" section in your project

  2. Type questions your customers commonly ask

  3. Review the answers for accuracy


Questions to test:

  • Your most frequently asked question

  • A specific product/pricing question

  • Something only partially covered in your docs

  • Something not in your docs at all (to see how the chatbot handles it)

What to look for:

Response Type

What You See

Action Needed

✅ Correct answer

Accurate, well-sourced response

None — great!

⚠️ Partially correct

Right direction but missing details

Add more specific content to your knowledge base

❌ Wrong answer

Incorrect information

Use the corrections system (Step 6)

🤷 Can't answer

Chatbot admits it doesn't know

Add content OR let the ticketing system handle it

Tip: Don't aim for perfection on day one. If the chatbot handles your top 10 questions correctly, you're in good shape. You'll refine from there.

Step 5: Customize the Chatbot's Appearance (2-3 Minutes)

Make the chatbot look like it belongs on your site.

What you can customize:

  • Colors: Match your brand's primary and secondary colors

  • Logo: Upload your company logo for the chat header

  • Welcome message: The first thing visitors see (e.g., "Hi! I'm here to help with questions about [Product]. Ask me anything!")

  • Suggested questions: Pre-populated questions visitors can click instead of typing

  • Position: Bottom-right (default) or bottom-left

  • Chat bubble text: The label on the minimized chat button

Best practices for customization:

  1. Welcome message should set expectations: "I'm an AI assistant trained on [Company]'s documentation" is better than pretending to be human

  2. Suggested questions should reflect real needs: Use your top 3 most-asked questions as suggestions

  3. Colors should be visible: Make sure the chat button contrasts with your site's background

  4. Keep the logo small: A favicon-size version works best in the chat header

Step 6: Set Up FAQ Priorities and Corrections (2-3 Minutes)

This step is optional for initial launch but strongly recommended.

FAQ Priorities

For questions where the answer must be exactly right — no AI interpretation — set FAQ priorities.


What you do:

  1. Go to the "FAQ Priority" section

  2. Add questions and their authoritative answers

  3. The chatbot will use these answers verbatim for matching questions

Good candidates for FAQ Priority:

  • Pricing details

  • Refund/return policies

  • Security and compliance information

  • Contact information

  • Shipping times and methods

Example:

  • Question: "How much does your product cost?"

  • Priority Answer: "Our plans start at $X/month for the Basic plan (includes Y and Z). The Pro plan is $XX/month with additional features A, B, and C. All plans include a 14-day free trial. Visit our pricing page at yoursite.com/pricing for full details."

Corrections

If you noticed wrong answers during testing (Step 4), fix them now.

What you do:

  1. Go to the "Corrections" section

  2. Enter the question (or question pattern)

  3. Provide the correct answer

  4. Save — the correction takes effect immediately

How corrections work:

  • The chatbot checks corrections before generating a RAG response

  • If a customer's question matches a correction, the corrected answer is used

  • You can add corrections at any time — not just during setup

For a deeper dive on why this matters, see our article on how to fix wrong chatbot answers instantly.

Step 7: Deploy to Your Website (2 Minutes)

Time to go live.

What you do:

  1. Go to the "Deploy" or "Installation" section in your project

  2. Copy the embed code (it's a short JavaScript snippet)

  3. Paste it into your website's HTML, just before the closing </body> tag

For different website platforms:

WordPress

  1. Go to Appearance → Theme Editor (or use a plugin like "Insert Headers and Footers")

  2. Paste the embed code in the footer section

  3. Save changes

Shopify

  1. Go to Online Store → Themes → Edit Code

  2. Open theme.liquid

  3. Paste the embed code before </body>

  4. Save

Wix

  1. Go to Settings → Custom Code

  2. Click "Add Custom Code"

  3. Paste the embed code

  4. Set placement to "Body - End"

  5. Apply to "All pages"

Squarespace

  1. Go to Settings → Advanced → Code Injection

  2. Paste the embed code in the "Footer" section

  3. Save

Custom HTML Site

  1. Open your HTML file(s)

  2. Paste the embed code before </body>

  3. Upload the updated file(s)

React / Next.js / SPA

  1. Add the script tag to your index.html or use a <Script> component

  2. Alternatively, load it dynamically in your app's entry point

What you see: After deploying, visit your website. You should see the chat widget in the configured position (default: bottom-right corner). Click it to open and test with a real question.

Step 8: Verify Everything Works (2 Minutes)

Run through this quick checklist:

  • Chat widget appears on your website

  • Welcome message displays correctly

  • Suggested questions are clickable and return accurate answers

  • A regular question from your documentation gets a correct answer

  • A question the AI can't answer triggers ticket creation

  • You receive a notification when a ticket is created

  • The knowledge base is accessible (check the public portal URL)

If everything checks out, congratulations — you have a live AI chatbot handling customer support on your website.

Post-Launch: The First Week

Your chatbot is live. Here's what to do during the critical first week.

Day 1-2: Monitor Everything

  • Read through every chatbot conversation

  • Flag any wrong or misleading answers

  • Add corrections immediately for wrong answers

  • Note questions the AI couldn't answer

Day 3-4: Fill the Gaps

  • Add documentation for topics that came up but weren't covered

  • Add FAQ priorities for any sensitive topics you missed

  • Check ticket quality — are tickets being created with proper context?

Day 5-7: Refine

  • Review your analytics dashboard for patterns

  • Identify the top unanswered questions and add content for them

  • Adjust suggested questions based on what real visitors ask

  • Share a summary with your team of what the chatbot handles vs. what still needs humans

Ongoing: Weekly Optimization

  • Review escalated tickets weekly to find documentation gaps

  • Update your knowledge base with every product change

  • Add corrections as new edge cases emerge

  • Monitor resolution rates and work toward 75%+ AI resolution

For a complete optimization framework, see our guide to automating customer support with AI chatbots.

Troubleshooting Common Issues

The chatbot gives wrong answers

Fix: Use the corrections system to override the wrong answer immediately. Then update your documentation to prevent the issue for similar questions.

The chatbot says "I don't know" for topics I've documented

Possible causes:

  • Content wasn't indexed — re-add the source and re-index

  • Content is too vague — add more specific documentation

  • Headings are misleading — restructure so the heading matches the content

The chat widget doesn't appear on my site

Check:

  • Is the embed code placed before </body>?

  • Are there JavaScript errors in the browser console? (Right-click → Inspect → Console tab)

  • Is an ad blocker interfering? Test in an incognito window

  • Did you save and publish the changes on your CMS?

Conversations aren't creating tickets

Check:

  • Is the ticketing feature enabled in your project settings?

  • Is the AI actually failing to answer (vs. giving a low-confidence answer)?

  • Check your notification settings — tickets might be created but notifications turned off

The chatbot takes too long to respond

Possible causes:

  • Large knowledge base with many sources — indexing may need to complete

  • Network issues between the chat widget and QuickWise servers

  • Try refreshing the chat or clearing browser cache

Frequently Asked Questions

Do I really not need any coding skills?

Correct. The entire process — from account creation to live chatbot — requires no coding. The embed code is a copy-paste operation, and every CMS has a way to add it without touching code directly.

How many pages can the chatbot crawl?

This depends on your QuickWise plan. The Starter plan supports a practical knowledge base for small to medium websites. Larger sites or multiple sources benefit from the Professional or Business plans.

Will the chatbot slow down my website?

No. The chat widget loads asynchronously, meaning it doesn't block your page from rendering. The impact on page load time is negligible — typically under 50ms.

Can I change the chatbot's content after deployment?

Absolutely. You can add, remove, or update knowledge sources at any time. Changes are reflected in the chatbot's responses after re-indexing (usually within minutes).

Does the chatbot work on mobile?

Yes. The chat widget is fully responsive and works on all modern browsers and devices. On mobile, it opens as a full-screen or bottom-sheet interface depending on the device.

Can I have the chatbot on specific pages only?

Yes. You can modify the embed code to load conditionally based on the URL, or use your CMS's page-specific code injection features to control where it appears.

What happens when I exceed my message limit?

When you approach your plan's message limit, QuickWise notifies you. You can upgrade your plan at any time. The chatbot doesn't suddenly stop working — but you'll want to monitor usage to avoid disruption.

The Bottom Line

Setting up an AI chatbot for customer support is no longer a technical project. It's a 5-minute task that delivers immediate value — fewer repetitive questions for your team, faster answers for your customers, and a complete support workflow with ticketing and corrections.

The hardest part isn't the setup. It's the discipline to monitor, correct, and refine during the first week. Get that right, and you'll have a support system that gets smarter every day.

Ready to set up your AI chatbot? Go to quickwise.ai and follow the steps above. In 5 minutes, you'll have an AI-powered support chatbot with built-in ticketing, corrections, and a knowledge base — no coding required.