To add live chat to your website, sign up for a live chat tool, copy its embed code (or install its plugin), and paste it into your site so the chat widget appears on every page. Then set your greeting, office hours and offline message, invite your team, and test a conversation from a phone. The technical part takes minutes; the part that decides whether chat works for you is planning who answers, when, and what happens when nobody's online.
This guide covers both: the setup steps, and the decisions that make live chat worth having for a small team.
Before you install: three decisions
1. What do you want chat to do?
Pick a main job. It shapes everything else.
- Win more leads: answer pre-sales questions and capture contact details.
- Support customers: solve problems faster than email.
- Both: common for small businesses, but decide which comes first when they compete for attention.
2. Who will answer, and when?
Live chat creates an expectation of a quick reply. Be realistic:
- Who watches the chat inbox during business hours?
- What happens at lunch, at night, on weekends?
- Who is the backup when the main person is busy?
If the honest answer is "one person, part of the day," that's fine. You just need clear office hours, a chatbot to handle the first step, and a good offline experience.
3. How much automation?
| Approach | Best for | Trade-off |
|---|---|---|
| Live chat only | Low volume, someone always available | Visitors wait or leave when you're busy |
| Chatbot first, then a person | Most small businesses | Takes an hour or two to plan the flow |
| AI answers, then a person | Many repeat questions with answers in your docs | Needs good source content and guardrails |
Not sure? Start with a short chatbot first step that hands off to a person. It's the easiest to set up and control, and you can add AI later once you know which questions come up most.
Choosing a live chat tool: a checklist
Rather than chasing the longest feature list, check the things that affect a small team every day:
- Easy install on your platform (plugin for WordPress, or a simple embed code for everything else).
- Shared inbox where your whole team sees conversations, with clear statuses and assignment.
- Office hours and offline handling that collect an email and notify the team.
- A chatbot you can edit yourself, without code, that hands off to a person at any time.
- Context for agents: what the visitor already answered and their past conversations.
- Branding: your colors, greeting and position, so the widget looks like part of your site.
- Security basics: the widget only loads on domains you allow.
- Pricing that fits how you'll grow, including what each extra team member costs.
- A free trial long enough to test with real visitors.
Step 1: Install the chat widget
There are three common ways to install a chat widget. Most tools support at least the first one.
Option A: Paste the embed code
Your chat tool gives you a short snippet of JavaScript. Paste it into your site's HTML just before the closing </body> tag so it loads on every page. If your site uses a shared footer template, put it there once.
Option B: Use a plugin
If you're on WordPress, a plugin is usually the easiest route: install it, connect your account, done. Plugins also make updates simpler. Our step-by-step guide on adding live chat to WordPress covers both the plugin and code routes.
Option C: Use your site builder's custom code setting
Most hosted site builders have a setting for adding custom code to the footer or to every page. Paste the embed code there. Look for labels like "Custom code," "Code injection," "Footer code" or "Tracking code" in your site settings.
After installing
- Open your site in a private browser window and check the launcher appears.
- Check it on a phone. The widget shouldn't cover your main buttons or cookie banner.
- If you use a staging site, make sure it's allowed in your chat tool's settings (or deliberately excluded).
Step 2: Make the widget look like your site
Visitors trust a widget that looks like it belongs.
- Accent color: match your primary brand color.
- Title and greeting: short and specific ("Questions? We usually reply during business hours.").
- Launcher position: bottom right is the convention; switch sides if something important lives there.
- Human button label: "Talk to a person," "Chat with our team," or whatever fits your tone.
Step 3: Set office hours and the offline experience
This step separates good chat from frustrating chat.
- Set your office hours in your time zone, so visitors know when a reply is likely.
- Write an honest offline message: when you'll be back and how you'll reply.
- Collect an email when you're offline, so no question is lost.
- Make sure offline chats land in the shared inbox and the team gets notified.
Our guide to after-hours live chat has offline message templates and a full checklist.
Step 4: Add a simple chatbot first step
Even if you love talking to customers, a short bot greeting saves time:
- Greet the visitor and say what the chat can help with.
- Ask what they need, with three or four buttons.
- Route support to a person, sales to a few qualifying questions, browsers to helpful links.
- Hand off to a person with everything collected so far.
Keep a visible way to reach a human at every step. Our chatbot to human handoff checklist explains why this matters and how to do it well.
Step 5: Set up your team
- Invite everyone who will answer, with the right role (admin or agent).
- Agree on who owns what: for example, sales questions to one person, support to another.
- Use assignment so two people don't answer the same chat.
- Use private notes to leave context for colleagues without the visitor seeing it.
- Write down a few standard answers for your most common questions so replies stay consistent.
Step 6: Test like a visitor
Before you announce anything, run through these tests:
| Test | What to check |
|---|---|
| Desktop and phone | Launcher visible, nothing important covered |
| Each chatbot button | Every path leads somewhere |
| "Talk to a person" | Reaches an agent during hours |
| Outside office hours | Email is requested, team is notified |
| Two agents at once | Assignment works, no duplicate replies |
| Long message | Text wraps, nothing breaks |
Step 7: Run it well after launch
Chat isn't "set and forget." For the first month:
- Read transcripts weekly. Look for repeated questions, confusing bot steps and missed chats.
- Update your website when the same question comes up again and again. Chat is free research into what your pages don't explain.
- Adjust the chatbot based on where visitors drop off.
- Check coverage gaps: times when chats arrive and nobody's online.
How much does live chat cost?
Live chat tools usually charge per month, often with the price depending on the number of agents and features like reports, branding removal or AI. Compare the total for your team size, not the entry price. For reference, RetroChat's plans start at $19 a month (or $15 a month billed yearly) for one agent and one chatbot flow; the full breakdown is on our pricing page.
How to do this in RetroChat
RetroChat installs with the official WordPress plugin or one line of embed code before </body> on any site or site builder, and the widget only works on the domains you allow. You can set the accent color, title, greeting, launcher position, the label of the human button and the offline message.
The built-in no-code flow builder handles the chatbot first step, with "Welcome & triage" and "Lead capture" templates to start from. Conversations arrive in a real-time shared inbox marked Bot, Waiting, Open or Closed, with assignment and private notes (Team plan and above), and contact profiles that show collected answers and past conversations. Office hours are set per workspace; when nobody is online, the widget asks for the visitor's email, keeps the chat in the inbox and emails your team.
Get live chat running this week
Decide what chat is for, who answers it, and what happens after hours. Then install, customize, add a short bot greeting and test. You can do all of it in a free 14-day RetroChat trial, with no credit card required.
Frequently asked questions
How do I add live chat to my website for free?
Many tools offer a free trial, and some offer free plans with limits. With a trial, you can install the widget and test with real visitors before paying. Check what happens to your chat history and settings when the trial ends.
Do I need a developer to add live chat to my website?
Usually not. You either install a plugin (on WordPress) or paste a short embed code into your site's footer or custom code settings. A developer is only helpful for unusual setups, such as passing signed-in user details to the chat securely.
Will a live chat widget slow down my website?
Any third-party script adds some weight. Well-built widgets load asynchronously so they don't block your page from showing. Test your key pages with a speed tool before and after installing.
What if nobody is available to answer chats?
Set office hours and an offline message, collect the visitor's email, and make sure the team is notified. A chatbot can also answer common questions or route visitors before a person is free.
Is live chat worth it for a very small business?
It can be, if you're realistic about coverage. A short chatbot greeting, clear office hours and good offline handling let even a one-person business offer chat without being glued to the screen.