From Chatstack v5.1 and above we have new HTML code available that will help minimize conflicts with existing jQuery libraries and jQuery plugins that might already be on your web pages. It is recommended to use this updated live chat HTML code however the previous HTML code at Documentation – Chatstack jQuery HTML Code is still fully supported (however it is not recommended).

Step 1.

The following lines should be added on each page after your <title> tag and just before your </head> tag (this should be added once per page and you need to replace the highlighted domain with your own domain):

<!--  BEGIN Live Chat HTML Code //-->
<script type="text/javascript">
    var LiveHelpSettings = {};
    LiveHelpSettings.server = '';
    LiveHelpSettings.embedded = true;
    (function(d, undefined) { 
        // JavaScript
        var LiveHelp = d.createElement('script'); LiveHelp.type = 'text/javascript'; LiveHelp.async = true;
        LiveHelp.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + LiveHelpSettings.server + '/livehelp/scripts/js.min.js';
        var s = d.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(LiveHelp, s);
<!--  END Live Chat HTML Code //-->

Step 2 (Optional).

The following lines need to be added where you wish to display the Chatstack status indicator button (you may display multiple Chatstack status buttons on a single page):

<!-- Live Chat HTML Code //-->
<a href="#" class="LiveHelpButton"><img src="/livehelp/include/status.php" id="LiveHelpStatus" name="LiveHelpStatus" class="LiveHelpStatus" border="0" alt="Live Help" /></a>
<!-- END Live Chat HTML Code //-->

Please note: The second step above is optional and should only be added to web pages that you wish to display a separate Online / Offline button. The chat button may not be required as the live chat tab will appear in the bottom right corner of your web pages.