WHMCS HTML Code
If you have setup Live Help Messenger as a WHMCS module then you need to install different HTML code on your web pages to avoid any issues.
You will need to edit the bold text within the HTML code so that the HTML code points to your WHMCS installation folder. An absolute path is required for the HTML code to work as expected.
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):
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!-- BEGIN stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->
<script type="text/JavaScript" src="http://www.example.com/whmcs/modules/livehelp/scripts/jquery-latest.js"></script>
<script type="text/javascript">
<!--
var LiveHelpSettings = {};
LiveHelpSettings.server = 'www.example.com/whmcs/modules';
LiveHelpSettings.embedded = true;
(function(d, $, undefined) {
$(window).ready(function() {
// 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/jquery.livehelp.js';
var s = d.getElementsByTagName('script')[0];
s.parentNode.insertBefore(LiveHelp, s);
});
})(document, jQuery);
-->
</script>
<!-- END stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->
Note: You don’t need to include the <script> tag to /whmcs/includes/jscript/jquery.js if your web site already includes the jQuery JavaScript library.
Step 2.
The following lines need to be added where you wish to display the Live Help status indicator button (you may display many Live Help status buttons on a single page):
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<a href="#" class="LiveHelpButton"><img src="http://www.example.com/whmcs/modules/livehelp/include/status.php" id="LiveHelpStatus" name="LiveHelpStatus" class="LiveHelpStatus" border="0" alt="Live Help" /></a>
<!-- END Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->Please note: The above second step is optional and should only be added to web pages that you wish to display the Live Help button.
Example (Status Button Code):
I would also like to add that you can place this anywhere in your WHMCS, even if your site is built from the WHMCS templates by adding {$livehelpjs} before the tag and {$livehelp} where you may want it to appear. Just thought I would point that out.