Live Help jQuery HTML Code
If your web pages load slow using our standard jQuery HTML Code (as shown at KB Article: HTML Code ) then you might like to use our latest improved jQuery HTML code. The jQuery HTML code is shown below and only requires two simple steps.
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 www.example.com domain with your own domain):
<!-- 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="/livehelp/scripts/jquery-latest.js"></script>
<script type="text/javascript">
<!--
var LiveHelpSettings = {};
LiveHelpSettings.server = 'www.example.com';
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 //-->
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="/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):


Including this makes all my other jQuery code fail :’(
Is this compatible with jQuery 1.4.4?
Dan, yes Live Help should work fine with jQuery 1.4.4.
If you already have the jQuery framework on your web pages then you need to modify step 1 of the HTML code that is shown above. You shouldn’t include the script tag to the older jQuery framework at /livehelp/scripts/jquery-1.4.1.js if you already have the newer jQuery framework inserted on your web pages.
Love the new static bottom chat box, great idea guys!
Hello,
Where we can find all settings for this new embed code, for example new offline look, how to enable disable static bottom chat box, many features i see included on your website but there is no info about how we can customize.
Thanks.
Florin
This code, block other existing jQuery. all other effects in my page stop working
Gonzalo, can you please contact us with your web site address and we can troubleshoot any JavaScript conflicts that you are experiencing? Thanks!
Hello guys,
I’m having the same problem when I add the js code to my website other scripts stops working any ideas?
@Gonzalo
Was this problem in all browsers or in Firefox 9 and above? I am having a problem also and am trying to narrow it down. Did you get your issue resolved? and if so how? Thanks!
Hello, I have a little problem. When a customer opens the chat help all buttons are “null” button to send the message, the message text field, button, close the chat all. What should I do to fix this?
Wellington, please check that you have updated any custom language packs with any new lines from the latest /livehelp/locale/en/guest.php file.
Same issue for me too… Using HTML5 with alot of jQuery.
Dom
Dominic, it looks like this might be an issue with your WHMCS hook file. Please contact us via. Live Chat or email and we can assist you further.
Hello, I have use Live Help on my company website with from WHMCS add-on. I have follow like above instruction and adjusting the path. But, that online indicator or offline message doesn’t appear at all. Can you help me to resolve this? Thanks.
Akbar, please contact us via. email or Live Chat with the web site address and we will be able to assist you further.
Hey guys, I’m having a couple of problems with the chat window not actually opening, I’ve look at the source as I’ve got Chrome and you can inspect the element. It’s got a couple of errors. Can someone take a look for me?
Thanks. Matty
Matty, can you please remove the old jQuery library that you have on your web site. This is causing issues with the Live Help system and you already have a newer jQuery library inserted higher on the page.
I have a little problem with the new embedded Live Chat feature… When I change the section of my website, the chat is closed and I need open new chat window… It can work same Facebook Chat?
David, please contact technical support via. email or a Live Chat and we will be able to assist you further regarding this.
When I put it in IPB 3.3.4 I put the part two code in the sidebar and part one code into globalTemplate via Template Manager. When I press Live Help button, it just sends me to the top of the page.
David, please contact technical support via. email or a Live Chat and we will be able to assist you further regarding this. It sounds like you have a JavaScript conflict on the page that we will need to help resolve.