How to Build an AI Chatbot Without Coding (2026)
Updated · May 8, 2026
The same 12 customer questions are eating your evenings. “What are your hours?” “Do you ship internationally?” “How do I cancel my subscription?” An AI chatbot handles all of them automatically, and you can have one live on your site today — no developers, no API keys, no JSON files to wrestle with. We’ve set up chatbots on five different site platforms over the past year, and the whole process now takes under an hour. This tutorial uses Tidio as the primary example — it has the most forgiving setup we’ve found for non-technical users — but we’ll flag where other tools make more sense for your situation.
What you’ll need before starting:
- A website (WordPress, Shopify, Squarespace, Webflow, or any site where you can paste an HTML snippet)
- A list of 10–15 of your most common customer questions and their answers
- About 45 minutes of focused time
1. Choose your platform (5 minutes)
Tidio is the right starting point for most small business websites. It has a visual flow builder, a built-in AI layer called Lyro that answers questions from your FAQ content, and one-click plugins for WordPress and Shopify. The free tier covers up to 50 AI conversations per month — enough to validate that the setup works before paying anything.
Two situations where you’d pick something else: if your site is primarily documentation or long-form content, Chatbase lets you train a chatbot directly from your PDFs and URLs with less manual FAQ entry — plans start around $19/month. If you’re a larger team that needs the chatbot wired into a help desk ticketing system, Intercom handles that well but costs significantly more (plans start around $74/month). For this tutorial, we’re sticking with Tidio.
Sign up at Tidio’s website. During onboarding, you’ll be asked about your business type — this just pre-populates template flows. Pick the closest option and keep moving.
2. Install the widget on your site (10 minutes)
After signup, Tidio immediately shows you an installation screen. The method depends on your platform:
- WordPress: Search “Tidio” in your WordPress plugin directory, install the official plugin, activate it, then paste your Tidio Public Key (found under Settings → General → Public Key) into the plugin settings field.
- Shopify: Install the Tidio app from the Shopify App Store. It connects automatically — no code involved.
- Squarespace: Go to Pages → Settings → Advanced → Code Injection and paste Tidio’s JavaScript snippet into the header field.
- Webflow: Open Project Settings → Custom Code → Head Code and paste the snippet there. Republish your site.
- Any other platform: In Tidio, go to Settings → Developer → Custom Code, copy the snippet, and paste it into wherever your site accepts custom HTML in the
<head>.
Once installed, open your site in a new browser tab. You should see a small chat bubble in the bottom-right corner within 30 seconds. If you don’t see it, clear your browser cache and hard-refresh — that fixes it in 90% of cases.
3. Build your knowledge base (10 minutes)
This is where you give the AI something to actually work with. In Tidio’s left sidebar, go to Lyro AI → Knowledge base and click Add content. You have three options:
- Manual Q&A: Type each question and answer directly. This is the most reliable method. Use your real customer questions word-for-word — an entry phrased “What are your shipping rates?” will match queries better than “shipping cost information.”
- Import from URL: Paste your FAQ page URL and Tidio scrapes it automatically. Review what it imports — it won’t always catch every entry correctly, and it occasionally pulls navigation text or footer content as fake Q&A pairs.
- Upload a PDF: Works well for product manuals, service guides, or policy documents. Tidio extracts the text and indexes it for Lyro to reference.
Add at least 8–10 Q&A pairs before testing. In our own setup, a Lyro instance with fewer than 6 entries produced noticeably evasive responses — it defaulted to “let me connect you with a human agent” rather than actually answering. More entries mean more confident answers.
4. Create your first conversation flow (15 minutes)
The knowledge base handles reactive questions — someone asks something, the AI answers. Flows handle proactive conversations: greeting a visitor after 10 seconds on the page, or offering help when someone spends a while on your pricing page.
Go to Flows in the left sidebar and click Create new flow → Start from scratch. You’ll see a canvas with a trigger node at the top.
- Click the trigger node and set it to Visitor opens chat widget. This fires when someone clicks the chat bubble.
- Add a Send message node below it. Write a specific greeting — something like “Hi! I can answer questions about orders, shipping, and returns.” Vague greetings (“How can I help?”) invite questions the bot can’t handle.
- Add an Ask a question node to capture the visitor’s reply.
- Connect that reply to a Lyro AI response node. This hands the question off to the AI layer you set up in step 3.
- Add a fallback at the bottom: if Lyro’s confidence score is low, route to Operator — meaning a human agent queue, or a node that collects their email address so you can follow up.
Click Save and activate. Your first flow is live.
5. Test before you trust it (5 minutes)
Click the Preview button in the top-right of the flow editor. A test window opens simulating exactly what a real visitor sees. Test with real customer phrasing, not just the exact wording you used in the knowledge base. If your FAQ entry says “What is your shipping timeline?” test “how long does delivery take?” and “when will my order arrive?” — because those are what customers actually type.
Check three things before going live:
- Does the AI answer correctly, or does it keep deflecting to a human?
- Does the fallback trigger properly when you ask something completely off-topic?
- Does the widget load correctly on mobile? Open your live site on your phone and tap the chat bubble — mobile rendering issues are common and easy to miss on desktop.
When you’re satisfied, go to Settings → Channels → Chat widget and confirm the widget is set to Visible to all visitors. It should already be active, but worth a final check.
What to do if it doesn’t work
The chat bubble isn’t showing up: Clear your browser cache (Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows). If it still doesn’t appear, go to Settings → Channels → Chat widget in Tidio and confirm the widget is enabled and that operating hours aren’t restricting visibility to a window outside your current time.
The AI keeps saying it doesn’t have that information: You need more knowledge base entries. Aim for at least 15 Q&A pairs. Also verify Lyro is enabled — go to Lyro AI → Settings and confirm the toggle is switched on. It’s off by default on new accounts until you explicitly activate it.
The widget installed but shows as offline: Tidio marks the bot offline outside operating hours by default. Go to Settings → Operating hours and either extend the window or disable operating hours entirely for 24/7 AI coverage.
WordPress plugin conflict: Caching plugins like WP Rocket or W3 Total Cache sometimes delay third-party scripts from loading. Whitelist Tidio’s domain in your caching plugin’s exclusion settings, or switch to the manual snippet install method instead of the plugin.
Taking it further
Once your chatbot is working, connect it to the tools you already use. If the chatbot is collecting email addresses from visitors, Zapier can push each one directly into your CRM, Mailchimp list, or a Google Sheet in real time. The Tidio → Zapier connection takes about 10 minutes to configure and runs automatically after that — no ongoing maintenance.
You can also create page-specific flows that trigger on a particular URL. A visitor on your pricing page gets “Looking at plans? I can compare them for you.” — which converts noticeably better than a generic “How can I help?” greeting. In Tidio, set the trigger to Visitor views a page and enter the pricing page URL. We saw roughly a 2× improvement in chat engagement rate when we added page-specific triggers to a client’s SaaS site last quarter.
If you outgrow the 50-conversation free tier, the Starter plan runs around $29/month and removes the cap. For teams that want a clean queue to hand conversations to human agents during business hours, that upgrade is worth it. For pure AI automation with no human handoff, it’s optional for most small sites.
Frequently asked questions
Do I need a paid plan to launch an AI chatbot with Tidio?
No. The free tier includes 50 Lyro AI conversations per month, which is enough to test thoroughly and handle light traffic. Paid plans start at around $29/month and lift the conversation cap entirely.
Can I add this to a site I didn’t build myself?
Yes, as long as you have access to the site’s custom code settings. Squarespace, Wix, Webflow, and most hosted platforms have a header code injection area. If an agency manages your site, ask them to paste the snippet — it’s a 30-second task for anyone with admin access.
What’s the difference between Tidio and Chatbase for building a no-code chatbot?
Tidio is built around live chat with AI layered on top — better for proactive flows, human handoffs, and e-commerce integrations. Chatbase is purpose-built for training an AI on your existing documents and page URLs, with a simpler initial setup but fewer conversation flow controls and no native live agent feature.
The right tool for small business owners who want a chatbot that greets visitors, answers product questions, and hands off to a human when needed — without writing a single line of code.
Try TidioRelated reads
- Cursor vs GitHub Copilot for Solo Developers
- Is GitHub Copilot Replacing Developers? We Checked.
- Do AI Code Review Tools Catch Real Bugs or Just Style?
This article contains affiliate links. If you subscribe through one, we may earn a commission at no extra cost to you. It never changes what we recommend — we only link to tools we actually use. Full disclosure.
