General Chat Box Installation Guide

General Chat Box Installation Guide

Install on a website

When completing the installation, you will need the chat code supplied by the onboarding team.

Your code will look something like this:
<script type="application/javascript" src="https://script.chatsystem.io/h2g4hsbf6rhs8fjdh37wh"></script>

The script is the same for everyone, except that it has a unique string of letter / number combination - the sample above is: h2g4hsbf6rhs8fjdh37wh

To install across every page, you are able to insert this code either of these ways:
1. In the Header or Footer to apply to all pages
2. To each page individually - add the code anywhere before the </body> tag

It’s important to install it on all pages, so that if a visitor is chatting with an agent, but is also clicking through your website, the chat will follow with them.
Install via Google Tag Manager (GTM)

Alternatively, you can install the code Via Google Tag Manager.

1. Login to your Google Tag Manager Account
2. Create a ‘New Tag’
Title: LeadChat
Tag Type: Custom HTML
HTML: Add your custom chat installation code
Triggering: Select ‘All Pages’
Save and check the site. Chat should now be active.



    • Related Articles

    • Specific Installation Guide - Wordpress

      This article explains how to add the chat box code onto a Wordpress website. 1. Start by logging into the Wordpress site editor - Go to the main website of the business - Add “/wp-admin” to the end eg. plumbing123.com to plumbing123.com/wp-admin This ...

    • Google Tag Manager (GTM) Guide

      Google Tag Manager setup guide PART 1: Setting up Google Tag Manager  Creating a Google Tag Manager account and container If you are new to Google Tag Manager, follow the steps below to create a new account and your first container. Usually, one ...

    • The Chat Flow

      The primary function of the chat is to qualify potential customers and collect lead information. Below is a flow chart of a typical interaction between a visitor and a chat agent. First the visitor will engage with the chat which automatically sends ...

    • Specific Installation Guide - Shopify

      This article explains how to add the chat box code onto a Shopify website. If you are the client and it is your website, skip to step 2 1. Ask the client to add support@leadchat.com as an admin user to their Shopify site - Find the invitation in Zoho ...

    • Specific Installation Guide - Joomla

      This article explains how to add the chat box code onto a Joomla website. 1. Start by logging into the Joomla site editor - Go to the main website of the business - Add “/administrator/?wsg” to the ...