How to add live chat to your website

  • One snippet, before the closing body tag
  • The hard part is who answers it
  • AI can answer when nobody is there

Four ways to do it, and the one question that decides which

Adding live chat to a website is a ten-minute job technically - you paste one snippet before the closing body tag. The decision that actually matters is who answers it, because a chat widget nobody replies to is worse than no chat widget at all. This page covers how it works, the four routes, and what each one costs you in money and in attention.

Talk to us about live chat

How live chat actually works

Four parts, and only the first one is technical.

What you are installing

A snippet on your pages

A few lines of JavaScript, pasted before the closing body tag or added through your theme, plugin or tag manager. It loads the widget from the provider rather than putting anything heavy on your own server. On WordPress it is usually a plugin; on a hand-built site it is a copy and paste.

A widget the visitor sees

The bubble in the corner, the greeting and the message box. Almost everything here is configuration rather than code - where it sits, what it says first, which pages it appears on, what hours it claims to be available.

An inbox your team watches

Conversations arrive somewhere - a web dashboard, a desktop app, a phone notification. This is the part that decides whether live chat works for you, and it is the part people skip when choosing a tool.

Rules for when nobody is there

Out of hours the widget either collects an email address, says when you will reply, or lets an AI answer from your own content. Doing none of the three is how a chat widget turns into a complaint.

The four routes, and what each costs you

In rough order of how much attention each one needs from your team.

Pick by who will answer

Human-only live chat

A person watches the inbox during working hours. Best for high-value sales conversations where judgement matters. The cost is attention: somebody has to be genuinely available, and the widget has to be honest about hours or it damages trust rather than building it.

AI-first, human when needed

An assistant trained on your own content answers the routine questions and hands over when it cannot or when the visitor asks for a person. For most small businesses this is the version that actually gets used, because it does not require anybody to sit watching a screen. This is what MagizAI does, and what we build.

A form pretending to be chat

The widget collects a message and emails it to you. Cheap and honest if it says so - and dishonest if it looks like a live conversation and nobody is there. If this is your plan, label it "Leave a message", not "Chat with us".

Nothing, deliberately

If your enquiries are a handful a week from people who already know you, a visible phone number and email address convert better than a chat bubble nobody mans. Live chat earns its place when volume or time zones make replying by hand impossible.

Live chat: common questions

Pick a provider, then paste the snippet it gives you before the closing body tag on every page - on WordPress through a plugin or your theme's footer, on a hand-built site directly in the template, or through a tag manager if you use one. That part takes about ten minutes. The decision that matters is made before it: who, or what, answers the messages that arrive.

A well-built widget loads after your page and asynchronously, so it should not affect how fast your content appears. It does add a third-party request, so it is worth checking your Core Web Vitals before and after. Widgets that load synchronously or pull several hundred kilobytes of JavaScript do measurably hurt, and that is worth asking a provider about directly.

The software ranges from free tiers with limits to roughly ten dollars a month upward per site for AI-answered chat, and more per seat for larger human teams. The real cost is attention: a human-staffed widget needs somebody genuinely watching it, which is the expense people underestimate when they compare prices.

Yes, and it should. The three honest options are collecting an email address with a stated reply time, showing your working hours plainly, or letting an AI assistant answer from your own content and escalate what it cannot handle. A widget that invites a conversation and then produces silence costs you more than having none.

They are two layers of the same widget. Live chat is a human answering in real time; an AI chatbot answers from your content without a person. The common setup is AI first, with a visible handover to a human when the assistant cannot help or the visitor asks - which gives you cover at 2am without needing somebody awake.

They trust one that is honest. Saying "we reply within a few hours" and doing it builds more confidence than an always-on bubble that answers nothing at midnight. The things that damage trust are a widget labelled as live when it is a form, an assistant that invents an answer, and no visible way to reach a person.

Where to go next

The product that does this, and the pages behind it.

Talk to us about live chat