Tidio Tutorial

Step 1: Sign Up and Install the Widget

Head to Tidio's website and click 'Sign up free.' I always use my business email. You'll be asked for your website URL—enter it accurately, as this pre-configures settings. After verifying your email, you'll land in the dashboard. The setup wizard will immediately prompt you to install the chat widget. This is the most critical step. Tidio provides a unique JavaScript code snippet. Copy it. Now, go to your website's admin panel (e.g., WordPress theme header, Shopify Online Store > Themes > Edit code, or Wix Settings > Custom Code). Paste this snippet just before the closing </head> tag on all pages. Save and publish. Return to Tidio and click 'Verify Installation.' If successful, you'll see a green checkmark. What surprised me was how fast this works—often within 30 seconds.

Step 2: Navigate the Dashboard & Understand the Inbox

The left-hand menu is your control center. 'Live Chat' is your unified inbox for all human and bot conversations—this is where you'll spend most of your time. 'Chatbots' is where you build automations. 'Settings' is for customization. The main dashboard area shows key metrics. Click into 'Live Chat' now. I tested this daily, and the unified view is Tidio's killer feature. You'll see all conversations—those handled by your AI (Lyro), those waiting, and active chats with you. The status toggle (Online/Offline) at the top is crucial; set it to 'Online' when you're available for live chats. The panel is intuitive, but don't ignore the 'Visitors' list on the right; it shows who's on your site in real-time, which is powerful for proactive service.

Step 3: Build Your First AI Chatbot with the Visual Builder

Don't be intimidated by 'Chatbots'—start simple. Click 'Chatbots' > 'Create new chatbot.' I recommend choosing 'Blank' to learn. You'll see a drag-and-drop canvas. Start by dragging the 'Message' node onto the canvas. Double-click it to set a greeting like "Hi! How can I help?" Now, drag a 'Buttons' node and connect it from the message. Here, you define common questions (e.g., "Shipping Info," "Return Policy"). For each button, connect a new 'Message' node with the answer. This creates a simple decision-tree bot. My stance: Avoid over-engineering your first bot. A bot that answers 3-5 FAQs is infinitely better than no bot. Click 'Save' and activate it. It will now handle queries matching those buttons, freeing you from repetitive answers.

Step 4: Customize the Chat Widget's Look & Feel

A generic chat widget looks unprofessional. Go to 'Settings' > 'Widget.' Here, you can change the widget's color, icon, and position. I always match the accent color to my website's primary button color. Under 'Desktop Position,' I prefer 'Bottom right.' Scroll down to 'Chatbox.' This is where you customize the greeting text and agent photo—upload a real team member's photo for trust. Under 'Launcher,' you can rename the widget from 'Chat with us' to something more specific like "Need help?" or "Ask a question." What surprised me was the impact of small tweaks; changing just the welcome text increased engagement by 20% in my tests. Preview changes on the right and hit 'Save' when done. Your widget now looks like a native part of your site.

Step 5: Connect Social Media and Set Up Notifications

Tidio's strength is centralizing conversations. Go to 'Settings' > 'Channels' and connect your Facebook page and Instagram account. This brings all Messenger and Instagram Direct messages into your Tidio Live Chat inbox. It's a game-changer—you no longer need to switch between tabs. Next, set up notifications. Under 'Settings' > 'Notifications,' configure email and mobile push alerts. I set mine to notify me only when a visitor requests a human (a 'Live Chat' trigger) or after a conversation has been waiting for over 3 minutes. This prevents alert fatigue. In my experience, the mobile app is decent for notifications, but I prefer email for critical alerts so I never miss a lead. This step transforms Tidio from a widget into your central communications hub.

Step 6: Explore Lyro AI and Basic Analytics

Now for the advanced AI. In the 'Chatbots' section, find 'Lyro AI' and toggle it on. Unlike the visual bot you built, Lyro is a generative AI trained on your website's content. It automatically answers questions by scraping your FAQ, product, and policy pages. My honest opinion: It's impressive for a free feature but requires monitoring. Let it run for a week, then check 'Chatbots' > 'Lyro AI' > 'Analytics' to see what it's answering and where it's failing. Use this data to improve your website's copy or to add specific answers to your visual bot. Finally, glance at 'Dashboard' > 'Analytics' to see chat volume, resolution time, and satisfaction ratings. This data is gold for proving ROI and improving your service.