Live Help Knowledge Base » Live Chat Zendesk Integration

Live Chat Zendesk Integration

Categories: Installation, Plugins

To setup Live Chat to function with Zendesk you will need to create an extension within the Zendesk administration. You can setup the extensions within the Zendesk Administration > Settings > Extensions. You should then click Add Widget > Global JavaScript. The paste the following code. The Global JavaScript widget will insert the Live Help JavaScript and Live Help visitor tracking code on all your web pages.

var LiveHelpSettings = {};
LiveHelpSettings.server = 'www.example.com';
LiveHelpSettings.chatTab = true;
LiveHelpSettings.zendesk = true;

if (currentUser != 'undefined' && currentUser.isEndUser == true && currentUser.id != null && currentUser.name != 'Anonymous user') {
	LiveHelpSettings.name = currentUser.name;
	LiveHelpSettings.email = currentUser.email;
}

jQuery(document).ready(function() {

// JavaScript
	var LiveHelp = document.createElement('script'); LiveHelp.type = 'text/javascript'; LiveHelp.async = true;
	LiveHelp.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + LiveHelpSettings.server + '/livehelp/scripts/jquery.livehelp.min.js';
	var s = document.getElementsByTagName('script')[0];
	s.parentNode.insertBefore(LiveHelp, s);
	
	var Zendesk = document.createElement('script'); LiveHelp.type = 'text/javascript'; Zendesk.async = true;
	Zendesk.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + LiveHelpSettings.server + '/livehelp/plugins/zendesk/jquery.livehelp.zendesk.js';
	s.parentNode.insertBefore(Zendesk, s);

});

One you have pasted the above code into the Zendesk Global JavaScript widget you will need to edit the following line near the bottom of the JavaScript code. You should change the bold text to the domain where you have installed the Live Help software. Only add the domain to this text as the /livehelp/ folder will be added automatically.


LiveHelpSettings.url = 'www.example.com';

You can also create a Custom widget with the following code if you wish to display the Live Help chat button on certain pages. You also need to edit the bold text within the code below to point to your Zendesk installation.

<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->

<!-- BEGIN Live Help HTML Code - NOT PERMITTED TO MODIFY IMAGE MAP/CODE/LINKS //-->

<a href="#" target="_blank" class="LiveHelpButton">

<img src="http://www.example.com/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 //-->

Tags: integration, plugin, zendesk

Live Chat Zendesk Integration

Related articles:

Leave a Comment!

Live Help Chat Support

Latest Downloads

Links

Download Archive

Tag Cloud