How-To Guides

How to Add Live Chat to Your Website: A Step-by-Step Guide for Small Businesses

Someone is on your pricing page right now with a question. Nothing big, like whether you serve their area or when you could start. If they have to fill in a form and wait until tomorrow for an answer, most won't bother. They'll close the tab and ask the next business on the list. Live chat catches that moment: a visitor asks right now, while they're still interested, and you get a chance to answer before they drift away. The technical part takes about an hour. What decides whether chat helps or quietly hurts is what happens after the widget goes live: who answers, how fast, and what they say.

The Short Answer: What Adding Live Chat Actually Involves

Sign up for a chat tool, copy the small snippet of code it gives you, paste it once into your site so it loads on every page, set your hours, and test it. That's the whole install. Most tools check it themselves and show a green tick within a minute or two.

The setup that actually matters (hours, routing, canned replies, who watches the inbox) takes longer. Chat is one of the simplest ways to turn website visitors into phone calls, but only when someone is on the other end. A chat window that nobody watches is worse than no chat window at all.

Before You Install Anything, Decide Who Answers

Answer this honestly before you touch any software: who will watch the chat, and during which hours? If the answer is "nobody, really," stop. Don't install the widget yet.

A visitor who types a question and hears nothing for three hours has just had a small, specific experience of your business ignoring them. A contact form never promised a fast reply; a chat bubble with a green "online" dot does.

Solo owner: set hours to match when you're actually at your desk, not 24/7. A widget that honestly says "back at 9am" beats one that pretends you're there at midnight.

Small team of two to five: rotate who owns chat each day, so it's never nobody's job.

Bigger team: give chat to whoever already handles sales enquiries. That's what most chat messages turn out to be.

If you'd rather have the whole thing set up for you as part of a site built to convert, our web design services include live chat setup as standard.

Pick a Tool That Fits Your Size, Not Your Ambition

Dozens of tools do roughly the same job. Match the tool to your team size and chat volume. A solo plumber and a fifty-person store should not buy the same software.

tawk.to, free. Live chat with unlimited agents and conversations. The catch is branding: the widget says "powered by tawk.to" until you pay $29 a month to remove it.

Tidio, free to around $29 a month. The free plan covers 50 conversations a month, and its AI agent answers simple questions for you.

HubSpot, free, inside the free CRM. No cost if you already use HubSpot's free CRM, and chats land straight on contact records.

Crisp, free tier, paid from around $25 a month. A generous free tier; popular with small online stores.

LiveChat (from around $20 per agent per month) and Zendesk Chat (from around $19) are the paid workhorses. LiveChat has the stronger reporting; Zendesk is the obvious pick if you already use it for tickets. Neither has a free plan, just a trial.

Intercom, from around $19 a seat a month, and it climbs fast, with per-resolution fees for its AI answers on top. It's built more for funded startups than a two-person business.

Prices change often. Every figure above is what vendors listed in late October 2026, so check the pricing page before you decide. If budget is tight, start free.

Install the Widget in Six Steps

1. Choose a tool and a plan. Pick by team size and chat volume, not by features you'll never use.

2. Set up the widget. In the tool's settings, add your company name, brand colors, and a short greeting, before you copy any code.

3. Copy the embed code from the installation section in the tool's dashboard. It's usually a single short script.

4. Paste it once, site-wide, just before the closing </body> tag, using the vendor's plugin or app or your site-wide footer code area. One method only.

5. Set hours, routing, and the offline form. Turn on business hours, send chats to the right person, and make sure the widget switches to a message form when nobody is available.

6. Test a real chat, then go live. Send a test message from your phone and a laptop, check it reaches the agent app, and reply to it.

The most common install problem isn't technical: the same widget loaded twice, so two chat bubbles appear. Pick one method and write it down.

Where the Code Goes on Each Platform

Different builders, same idea: one snippet, added once, in a place that covers every page. On plain HTML sites that's the shared footer template, or every page by hand. The detail below follows GetOmnichannel's guide, checked against each platform's help pages in October 2026.

WordPress: the vendor's own plugin is the easiest route; tawk.to's lists over 100,000 active installations. No plugin? Use a header-and-footer code plugin. Never edit theme files directly; updates overwrite them.

Shopify: use the vendor's app, which installs without code. To paste code instead: Online Store, theme menu, Edit code, snippet just before </body> in the main layout file. Duplicate your theme first.

Wix: in your dashboard: Settings, Custom Code, Add Custom Code. Apply it to all pages, set placement to "Body – end". Your site must be published with a connected domain.

Squarespace: open Code Injection and paste the snippet in the Footer field. It lands before the closing </body> tag on every page.

Webflow: site settings, Custom code, Footer code field, then publish, or it won't go live.

Google Tag Manager: create a Custom HTML tag, paste the vendor's code, add an all-pages trigger. Don't install the code another way too, or you'll get two widgets.

Write a Greeting People Actually Answer

The default greeting, "Hi! How can we help you today?", is fine, and forgettable. It tells the visitor nothing about what chat is for. Write something specific to your business instead.

One consultant changed an accountancy firm's greeting from the default to "Question about pricing or a tax deadline? Ask here. We usually reply in under 5 minutes." She reports the firm's chat-to-enquiry rate roughly doubled within a month. The greeting told visitors what chat was for and set an expectation the firm could keep. Her full account is in Lilach Bullock's live chat guide.

Name a real person where you can. "Hi, I'm Sarah" beats "Hi, how can we help." State your response time honestly, then beat it. And trigger chat on high-intent pages (pricing, checkout, or your homepage), not every page on the site.

Will Live Chat Slow Down Your Website?

A chat widget is a third-party script, so it can slow your pages if it loads the wrong way. Three rules keep the cost small.

Load it asynchronously. Most vendor snippets already do this. Check before you paste. The async attribute lets the script download while the page keeps loading, instead of blocking it.

Load it only once. A plugin plus a tag manager plus a theme edit loads the same script two or three times. One method, one widget.

Measure before and after. Run a key page through PageSpeed Insights before the install and again after, so you know the real cost. If your tool lets you choose pages, start with pricing, product, checkout, and help. That's where questions happen. Our website speed guide explains how to read the numbers.

The Mistake That Turns Chat Against You

Here's the part most setup guides skip: a chat widget that sits unanswered for hours doesn't sit there neutrally. It actively damages trust. A visitor sees "Chat with us!", types a question, waits, and hears nothing back for three hours or three days. That's worse than if there'd been no chat option at all, because now they've had a small, specific experience of your business ignoring them.

The fix takes discipline, not skill: turn the widget off outside your staffed hours, or set an away message that's clear about when you'll reply. Most tools let you schedule this in two minutes. Do it before you launch.

And set up the offline form properly: outside your hours, the widget should switch to a short form (name, email, question) that lands in your inbox.

AI Chatbots: Useful, With Limits

Nearly every chat tool now sells an AI layer (Tidio's Lyro, Intercom's Fin, Zendesk's AI add-ons) that answers basic questions, qualifies leads, and hands off to a human. They're good at "what are your opening hours" and "do you ship to my area", and they usually cost extra.

Where they fall down is anything that needs judgement: pricing negotiations, complaints, or a customer who's clearly annoyed. Route those to a human fast, and make sure your bot says so plainly instead of trapping a frustrated visitor in a loop. Having a person handle every conversation is a legitimate choice too.

What to Measure Once It's Live

Don't install chat and forget it. Check these four numbers monthly.

Average response time. Aim for under two minutes during staffed hours. Most tools report this automatically, and it's the number that matters most.

Chat-to-enquiry conversion. What share of chats turns into a booked call, a quote request, or a sale? If chats are frequent but enquiries are rare, the problem is usually the greeting or the hours.

Missed chat rate. How many conversations got no reply at all? This should sit close to zero. If it creeps up, your hours are wider than your staffing.

Top three questions asked. If people keep asking the same thing in chat, your website isn't answering it clearly enough. Those repeated questions are free content ideas. Add them to your FAQ page and the chats get shorter.

The Bottom Line

Live chat is one of the cheapest ways to catch buyers at the exact moment they're deciding, but only if someone answers. The install is an hour; the habit is the hard part: honest hours, a specific greeting, a human on the other end.

If you'd rather have someone set the whole thing up, talk to us and we'll take a look at your site and tell you honestly what it needs.

Need a website built? You can hire us on Fiverr for any type of website. Tell us what your business needs and we will build it for you.

Frequently Asked Questions

How much does live chat cost for a small business?

Free tiers cover low volumes: tawk.to is free with unlimited agents, Tidio's free plan covers 50 conversations a month, and HubSpot's free chat covers two users. Paid plans typically start between $19 and $29 per agent per month, and AI chatbot add-ons usually cost extra on top of that base fee.

How long does it take to add live chat to a website?

The technical install takes minutes to about an hour: sign up, copy the snippet, paste it once site-wide, and test it. The full setup (hours, routing, greetings, and canned replies) takes a few hours spread over a day or two.

Will live chat slow down my website?

It can, because the widget is a third-party script. Load it asynchronously, install it only once, and compare your PageSpeed score before and after the install. Most sites see a small cost that is worth it when chat is limited to high-intent pages like pricing and checkout.

Should I use an AI chatbot or a real person?

Use AI for simple, repeatable questions like opening hours or shipping, and route anything that needs judgement (complaints, pricing, or an annoyed customer) to a human. A bot that traps people in a loop does more harm than no bot at all.

Keep Reading