From Chatstack v5.5 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 Chatstack HTML code instead of any of our legacy HTML code.

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 Chatstack = { server: '' };
    (function(d, undefined) {
        // JavaScript
        Chatstack.e = []; Chatstack.ready = function (c) { Chatstack.e.push(c); }
        var b = d.createElement('script'); b.type = 'text/javascript'; b.async = true;
        b.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + Chatstack.server + '/livehelp/scripts/js.min.js';
        var s = d.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(b, 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/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.