Knowing how to add live chat to your website is one of the fastest wins available to any business that wants more leads from its existing traffic. Installation is typically a 10-minute task — no developer required on most platforms. The complexity is not in the technical setup; it’s in choosing the right approach and making sure the chat is connected to a service that actually responds.
This guide walks through installation on every major platform, covers the underlying method that works on any site, and explains what to consider when choosing between a managed service and a self-run tool.
The Core Method: A JavaScript Snippet Before </body>
Regardless of platform, live chat works the same way: a JavaScript snippet is added to your website’s HTML, and it loads the chat widget when visitors land on your pages. Every live chat provider gives you this snippet when you sign up.
The snippet looks something like this (generic example):
<!-- Live Chat Widget -->
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
js = d.createElement(s);
js.id = id;
js.src = 'https://widget.example.com/chat.js?key=YOUR_ACCOUNT_KEY';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'live-chat-widget'));
</script>
The exact code will differ by provider. The principle is universal: paste it just before the closing </body> tag in your site’s HTML. Placing it there ensures the rest of your page loads first, so chat doesn’t affect page speed.
For a detailed walkthrough of Blue Sky Chat’s specific installation process across every platform, see the installation guide.
Platform-by-Platform Installation
WordPress
WordPress is the most common platform and has the simplest installation path for most plugins.
Option 1: Plugin (recommended)
Most live chat services offer a dedicated WordPress plugin. The steps are:
- Log in to your WordPress dashboard
- Go to Plugins → Add New
- Search for your live chat provider by name
- Install and activate the plugin
- Paste your account key or connect via OAuth (depending on the provider)
- The widget will appear automatically on all pages
Option 2: Manual snippet via header/footer plugin
If no plugin exists, use a plugin like Insert Headers and Footers (WPCode):
- Install and activate WPCode
- Go to Code Snippets → Header & Footer
- Paste your live chat snippet in the Footer section
- Save — the widget will load sitewide
Option 3: Editing functions.php or a child theme
For developers: add wp_footer action in your child theme’s functions.php to inject the snippet. This is robust but requires basic PHP familiarity and should be done in a child theme to survive updates.
Shopify
Shopify’s theme system makes live chat installation straightforward.
- From your Shopify admin, go to Online Store → Themes
- Click Actions → Edit code on your active theme
- In the Layout section, open
theme.liquid - Find the closing
</body>tag - Paste your live chat snippet immediately above it
- Click Save
The widget will now appear on every page of your store — product pages, cart, checkout (where supported by Shopify’s checkout settings).
Some live chat providers have a dedicated Shopify app in the Shopify App Store, which simplifies this further: install the app, connect your account, and the snippet is injected automatically without touching theme code.
For e-commerce-specific live chat strategy — including cart abandonment recovery — see live chat for Shopify stores.
Wix
Wix uses its own widget and HTML embed system.
Via Wix App Market (easiest)
- Open the Wix Editor
- Click Add Apps → Search for your live chat provider
- Install — the widget is added automatically
Via Wix HTML Embed
If your provider isn’t in the Wix App Market:
- In the Wix Editor, click Add Elements → Embed Code → Embed HTML
- Paste your live chat snippet into the code field
- Position the element in your footer or set it to cover the full page (it will render invisibly; only the widget appears)
- Publish your site
Note: Wix’s HTML embed sandboxes external scripts in an iframe, which can affect how some live chat widgets display. Check your provider’s Wix-specific guidance if the widget appears misaligned.
Squarespace
Squarespace has a dedicated Code Injection area that makes this process clean.
- Log in to your Squarespace account
- Go to Settings → Advanced → Code Injection
- Paste your live chat snippet in the Footer field
- Save
The code will be injected into every page of your site. No editing of individual templates is required.
Squarespace Business plan or higher is required to use Code Injection. On the Personal plan, you’ll need to upgrade before this option is available.
Custom HTML / Any Other Platform
For any website where you have direct access to the HTML:
- Open your base template file — typically called
index.html,base.html,layout.html, ordefault.htmldepending on your framework - Locate the closing
</body>tag - Paste your live chat snippet immediately before it
- Save and deploy
This works for static sites, React/Next.js apps (via _document.js or a layout component), Vue.js, Django, Laravel, Ruby on Rails, or any other technology. The JavaScript loads client-side regardless of what generated the HTML.
For frameworks using server-side rendering (Next.js, Nuxt, SvelteKit), your live chat provider may offer a specific integration package — check their documentation before using raw script injection, as hydration timing can affect widget initialisation.
Managed Live Chat vs. Self-Run Live Chat Tools
Installing the widget is the easy part. The harder question is: who responds when a visitor opens the chat?
There are two broad approaches:
Self-Run Live Chat
Your team handles conversations using software you install and manage. This works well if you have staff who can respond consistently within a minute or two. The risk: chat goes unanswered during meetings or outside working hours, and an unanswered chat is worse than no chat at all.
Managed Live Chat
A managed service like Blue Sky Chat provides trained human agents who handle every conversation on your behalf. You receive qualified leads — with full transcripts — delivered to your CRM, email, or SMS.
This is the right choice if you lack staff to monitor chat, want consistent response times without building an in-house team, or operate in a sector where first-response speed directly affects lead conversion (legal, home services, financial services, real estate).
Blue Sky Chat integrates with over 1,000 CRMs and requires no long-term contracts. See how it works for more on the managed service model.
Frequently Asked Questions
How long does it take to add live chat to a website?
On most platforms — WordPress, Shopify, Wix, Squarespace — installation takes under 15 minutes using the methods above. Custom sites with direct HTML access are similarly fast. The only scenario where it takes longer is a heavily customised theme or a complex JavaScript framework where widget initialisation timing matters.
Does live chat slow down my website?
A properly implemented live chat snippet loads asynchronously, meaning it doesn’t block your page from rendering. Most providers design their widgets this way by default. You should see negligible impact on load time. If you’re concerned, test with Google PageSpeed Insights or GTmetrix before and after installation.
Can I add live chat to specific pages only?
Yes. On most platforms you can configure the widget to appear only on selected pages — for example, only on product pages or your contact page. This is done either in the live chat provider’s settings dashboard or by placing the snippet selectively rather than in the global layout. Limiting chat to high-intent pages can also reduce irrelevant conversations.
Do I need a developer to install live chat?
No, for most website platforms. If you’re comfortable logging into WordPress, Shopify, or Wix and navigating the settings, you can follow the steps in this guide without any development background. The only exception is a fully custom-coded website where you don’t have a CMS — in that case, access to the codebase is needed.
Get Live Chat Working on Your Site
Installation is the first step. Once the widget is live, what matters is what happens inside the conversations — how quickly visitors are responded to, how well leads are qualified, and how reliably those leads reach your sales team.
If you’d rather have trained agents managing every conversation from day one, get a quote at /signup/. Blue Sky Chat handles installation support, agent training, CRM integration, and lead delivery — so you’re not just adding a chat window, you’re adding a lead generation channel that actually works.
For more on what to do with the leads your live chat generates, see how to get more leads from your website and live chat scripts for lead generation.