See our other products: ChatBot.com - bot platform | helpdesk.com - support ticket system | KnowledgeBase - help center for website

Help and support

Resources that will teach you everything about LiveChat.

LiveChat for multiple websites

by Jacob Firuta

Add LiveChat to as many sites as you wish without any extra charges. Keep the chat widget look consistent through all pages and sites. Or customize it on a page-to-page basis. Use groups to route chats from specific URLs to responsible teams (requires Team plan or higher). All that so you handle all chats using one LiveChat license.

In this article:

Add LiveChat to multiple sites

Setting up LiveChat for multiple websites consists of a few quick steps. First, you need to add LiveChat code to your websites. Then, create groups and configure URL rules. Finally, change how chat widget looks and behaves on specific pages.

Add LiveChat code snippet to your websites

  1. Go to Settings → Channels → Chat widget and copy the code snippet.
Copy LiveChat code snippet
  1. Paste the code snippet to your site’s source code before the closing body tag.
Paste LiveChat code snippet to your sites source code

Remember to add the code snippet to all websites you want to install LiveChat on.

Create groups

  1. Go to Agents → Groups and click on Add a group.
Add a group in LiveChat
  1. Choose a name for the group (like the website’s name), add members and hit Save changes.
Save changes made to a group

Repeat the steps above to create groups for each of your websites. Learn more about groups in LiveChat from this article.

Configure URL rules

Once you’ve created a group for each website, you might want to route chats coming from certain sites (or pages) to a specific group. This way your agents will immediately know where the chat is coming from. Here’s how to do it:

  1. Go to Settings → Chat settings → URL rules and click on Add your first rule.
Add URL rules in LiveChat
  1. Enter the URL of the website you want to assign to a particular group. This can be a partial (contains ) or an exact match (is exactly). Choosing the partial match, will let you cover the whole website with just one rule.
Add page address to a rule
  1. Next, select which group will be responsible for the website.
Assign a group to a rule
  1. To finalize, click on Add rule.
Add a URL rule button

Add URL rules for all your sites. Chats started on those websites will be routed to the corresponding groups.

Custom URL rules in LiveChat

To learn more about URL rules, take a look at this article.

Edit settings for a particular group

After you’ve created groups and assigned them to sites via URL rules, you can edit settings for each group. So that the chat widget looks and behaves in a way that matches your website’s design.

The following settings can be edited for a group:

Let’s look at an example of how to change Customization settings for a group

  1. First, go to Settings → Chat window → Customization.
Edit settings for a particular group in LiveChat
  1. Click on the Setup for group dropdown and pick a group.
Choose a group to edit its settings
  1. Start customizing the appearance of the chat widget – changes will be applied only to the group that you have chosen.
Customize appearance for a group
  1. When you are finished, click on the Save changes button, and they will be reflected on a website to which you have assigned this group (based on URL rules).
Save changes to group settings
If the changes are not reflected on your website immediately, this is due to the previous chat session cached on your web browser. Clear the cache of your web browser or visit your website in Incognito/Private mode to see the changes right away.

Separate chat sessions for different websites

Using LiveChat on multiple websites, you may want to offer a separate chat option for each of those websites. For example, if you run several e-commerce sites selling different products, you’d want to offer a different chatting experience on each of those sites.

Separate chat sessions

By default, when a customer starts a chat on one of your sites and opens your other site, the same chat session will be loaded. The chat session is not restarted to offer the customers a seamless experience as they navigate through your site.

Set separate chat sessions

To change that behavior and separate chat sessions between different sites or pages, add the following line of code to your LiveChat tracking code:

window.__lc.chat_between_groups = false;

After you add this piece of code, a customer who visits several of your websites will be able to start several separate chats instead of getting the same chat window on each site.

Here’s what an example LiveChat tracking code looks like when you add the above line of code:

<script type="text/javascript">
	window.__lc = window.__lc || {};
	window.__lc.license = 1946330;
	window.__lc.chat_between_groups = false;

	(function() {
		var lc = document.createElement('script');
		lc.type = 'text/javascript';
		lc.async = true;
		lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(lc, s);
	})();
</script>
To ensure correct functioning, please make sure to add the line of code to all sites with LiveChat code installed.
Did you find this helpful? Yes No
Thanks for your feedback.
85% of people found this helpful.

Start free LiveChat trial!

5-minute setup, test out the Team plan features for 30 days, no credit card required.

Rate us! Rate this chat to help us become better support. +