Replyze
Answers

How do you add live chat to a website?

1 min read · Last reviewed 2026-10-23

Short answer

Sign up for a live chat tool, copy its install snippet (a few lines of JavaScript), paste it before the closing </body> tag of your site template or into your website builder's custom-code setting, then publish and send a test message. The same approach works on WordPress, Shopify, Wix, Webflow or raw HTML.

The longer answer

Adding live chat to a website is one of the lowest-friction integrations in modern web tooling. The mechanics:

Step 1 — Pick a live chat tool. Replyze, Intercom, Crisp, Tidio and Zendesk are the main options. They all install the same way; the differences are in pricing, AI capability, and what they're optimized for.

Step 2 — Get your snippet. After signup, every tool gives you a small JavaScript snippet — usually a few lines that identify your account. The snippet loads the chat widget asynchronously.

Step 3 — Paste the snippet into your site. Where it goes depends on your platform:
- WordPress: paste it into your theme's footer, or use a plugin that adds code before </body>
- Shopify: edit theme.liquid, paste before </body>
- Wix: Settings → Custom Code; Squarespace: Code Injection in your site settings
- Webflow / Framer: paste into Project Settings → Custom Code
- Raw HTML: paste before </body> in your template

Step 4 — Verify. Open your site in a fresh browser window. The chat widget should appear in the corner. Send a test message; it should land in your tool's inbox. If the widget doesn't show, clear your site's cache and check that the snippet sits just before </body>.

Find the install guide for your platform

People also ask

A well-built widget loads asynchronously, so it doesn't block your page from rendering. Replyze's widget script is about 51 KB gzipped and loads async. To be sure, run Lighthouse or PageSpeed Insights on your page before and after installing; if the widget makes a real difference, try another tool.

You paste code rather than write it: copy the snippet into your site's template (on Shopify, theme.liquid) or into your website builder's custom-code setting (Wix, Squarespace, Webflow). If you'd rather not edit your theme yourself, whoever manages your site can do it.

Yes. Every modern live chat tool lets you customize colors, position (left/right), welcome message, bot name and avatar. The customization is configured from your chat tool's dashboard, not from your website's code.

Yes — all modern chat widgets are responsive. On mobile they typically take over the bottom-right corner (or shrink to a launcher button) and expand to full-screen when opened. Always test on a real phone after installing.

Let AI answer the questions you get every day

Teach it your answers, pick your colours and add it to your site. When a customer needs a person, your team takes over.

Start your 14-day free trial

Card required · Cancel before day 15 and pay nothing. No card? Start on the Free plan.