Tutorials AI Tools Industries Templates Start Here Find Your Tools →
Step-by-Step Tutorial · Tidio

How to Set Up Tidio on Your
Small Business Website in 60 Minutes

No coding required. This guide walks you through adding Tidio chat to your website, training Lyro AI on your content, and setting up lead capture, so your site starts capturing visitors automatically.

Time to Complete 45–60 minutes
Difficulty No tech skills needed
Cost Free to start
Works With WordPress, Wix, Squarespace, any site

What you'll have by the end

By the end of this guide, your website will have:

You don't need to know any code for this. The hardest step is pasting one line of text into your website, and we'll show you exactly where to paste it for every major platform.

Affiliate disclosure: This page contains affiliate links. If you sign up for Tidio through our link, we may earn a commission at no extra cost to you.

Installation method by platform

WordPress
Plugin (easiest)
Plugins → Add New → Search "Tidio" → Install → Activate → Connect account. Done in 5 minutes, no code.
Wix
Add Element
Wix App Market → search "Tidio" → Add to site → Connect account. Or use Wix's HTML embed widget with the code snippet.
Squarespace
Code Injection
Settings → Advanced → Code Injection → Paste Tidio code snippet in the Footer section. No WordPress plugin needed.
Shopify
App + Code
Shopify App Store → Install Tidio → Connect account. Or Online Store → Themes → Edit Code → paste snippet in theme.liquid before </body>.
Webflow
Custom Code
Project Settings → Custom Code → Footer Code → paste Tidio snippet → Save and publish. Widget appears on all pages.
Any Other Site
Code Snippet
Copy your Tidio code from Settings → Installation. Paste just before </body> in your HTML. Works on any website.

Full setup guide, 6 steps

1

Create your free Tidio account

Go to tidio.com and click "Start free." Enter your email and choose a password. No credit card required.

You'll be asked a few questions during setup. Answer:

  • Business type: pick the closest match to your industry
  • Goal: "Generate leads" if you want the chatbot to capture contact info, "Customer service" if you mainly want to answer questions
  • Team size: Solo or small team is fine
💡 Tip: During setup you'll be prompted to enter your website URL. Do this, Tidio uses it to auto-generate your first chatbot messages based on your site content.
2

Install the chat widget on your website

After creating your account, Tidio shows you an installation screen. If you use WordPress, click "Install Tidio Plugin" and follow the prompts. For all other platforms, copy the code snippet provided.

For WordPress: Plugins → Add New → search "Tidio Live Chat" → Install Now → Activate. Then in the WordPress sidebar, click "Tidio Chat" and connect with your account email.

For other platforms: The code snippet looks like this:

<script src="//code.tidio.co/YOUR_PUBLIC_KEY.js" async></script>

Paste it just before the </body> tag on your website. See the platform guide above for exact instructions per platform.

💡 Test it: After installation, visit your website in a new browser tab. You should see the Tidio chat bubble appear in the bottom right corner within a few seconds.

📸

Screenshot: Tidio chat widget appearing in bottomright corner of a small business website

3

Customize your chat widget appearance

In the Tidio dashboard, go to Channels → Live Chat → Customize. Here you can:

  • Set your brand color (use your main business color)
  • Upload your business logo or a photo of yourself
  • Add your business name as the "operator name"
  • Write a greeting message that appears when the widget opens

A good greeting message for a service business: "Hi there! 👋 I'm [Name] from [Business Name]. What can I help you with today?"

💡 Why appearance matters: A chat widget that looks like your brand (not a generic blue box) gets 2-3× more engagement. Visitors trust it more when it matches your site's look and feel.
4

Train Lyro AI on your business content

This is the step that makes Tidio powerful. Go to Lyro AI → Data Sources → Add Source. You have two options:

Option A (URL scan): Enter your website URL and let Lyro scan your FAQ and service pages. It automatically extracts Q&A content. Best if you have a well-written FAQ page.

Option B (Manual Q&A): Enter questions and answers directly. This is more time-consuming but gives you full control. Start with your 10-15 most common questions.

Here are example Q&A pairs to enter for a typical service business:

Q: What are your hours?
A: We're open Monday–Friday 8am–6pm and Saturdays 9am–4pm. Emergency service available 24/7 for existing customers.
Q: How do I book an appointment?
A: You can book online at [your booking link], call us at [phone], or I can connect you with our team right now. What works best for you?
Q: What do you charge?
A: Pricing depends on the service. [Brief description of your pricing structure]. I can get you an exact quote, can you tell me what you're looking for?
Q: What areas do you serve?
A: We serve [your city/region]. If you're not sure if we cover your area, drop your zip code and I'll check for you.
Q: How quickly can you come out?
A: For non-emergency work, we typically schedule within 2-3 business days. Emergency slots are often available same-day. Want me to check availability?
💡 Aim for 15-25 Q&A pairs covering your most common questions. This gives Lyro enough knowledge to handle the majority of chat inquiries without human intervention.

📸

Screenshot: Lyro AI data source setup adding Q&A pairs in Tidio dashboard

5

Set up lead capture automation

A lead capture automation asks visitors for their name and email before connecting them to you. This way, even if you're not available to respond immediately, you have their contact info.

Go to Automation → Create Automation → Templates → Collect Visitors Info. Tidio has a pre-built template for this. Customize the messages:

  • "Happy to help! Could I get your name first?"
  • "And your email address so we can follow up if we get disconnected?"
  • "Thanks, [Name]! Let me connect you with our team."

All collected leads automatically appear in your Tidio contacts list and can be exported to your CRM or email marketing tool.

💡 Integration tip: Connect Tidio to ActiveCampaign or HubSpot to automatically add chat leads to your CRM. Go to Tidio → Integrations to connect.
6

Download the mobile app and test everything

Download the Tidio app on your phone (iOS or Android, search "Tidio" in the App Store or Google Play). Log in with your account. Now you can respond to chats from anywhere.

Before going live, open your website in a private/incognito browser window and test the experience:

  • Does the chat widget appear?
  • Does Lyro respond correctly to your most common questions?
  • Does the lead capture flow ask for name and email?
  • Do you receive a notification on your phone when someone starts a chat?

If any answers are wrong, go back to Lyro's Data Sources and update the relevant Q&A pair.

💡 You're live! Your website now captures and responds to visitors 24/7. Check your Tidio dashboard each morning to review overnight chats and respond to any that needed human follow-up.

Frequently asked questions

How long does it take to set up Tidio?

Basic Tidio setup (account + widget on your website) takes about 15-20 minutes. Adding Lyro AI and training it on your FAQ content takes another 30-40 minutes. A fully configured Tidio setup with lead capture automation and tested AI responses can be completed in under 2 hours for most small business websites.

Does Tidio work with WordPress?

Yes. Tidio has an official WordPress plugin that installs in under 5 minutes, no code needed. Search for "Tidio Live Chat" in the WordPress plugin directory, install, activate, and connect your Tidio account. The chat widget appears on every page automatically. Tidio also works with Wix, Squarespace, Shopify, Webflow, and any other website by pasting a code snippet.

Can I use Tidio without any coding knowledge?

Yes. If you use WordPress, install the plugin with zero code. For other platforms, pasting a JavaScript snippet into your website template is the only "technical" step, Tidio's instructions walk you through exactly where to paste it in each major platform, and it's usually just one click to find the right spot. You don't need to understand code to do it.

Ready to add AI chat to your site?

Create your free Tidio account and follow this guide to have it live within the hour.

Create free Tidio account → Get done-for-you setup