Installation as a Tab Slideout

You can install ZaZaChat live chat, ticket and callback systems as a Right-Tab which when clicked shows available help options.

Please use the following code (you need to replace YOUR_ACCOUNT_ID with numeric portion of your ZaZaChat account to link the code to your account)

Insert the code anywhere between <body> and </body> tags:

<script>
var lhclientid=YOUR_ACCOUNT_ID;
var lhleft = (screen.width - 580-32) / 2; //chat window left position
var lhtop = (screen.height - 420-96) / 2; //chat window top position
//Tab slideout properties
var lhpathToTabImage='http://www.zazachat.com/livechatclient/images/live-help.gif'; //path to the image for the tab 
var lhimageHeight='137px';                     //height of tab image           
var lhimageWidth='34px';                       //width of tab image            
var lhtabLocation='right';                      //side of screen where tab lives, top, right, bottom, or left
var lhspeed=300;                               //speed of animation
var lhaction='click';                          //options: 'click' or 'hover', action to trigger animation
var lhtopPos='200px';                          //position from the top/ use if tabLocation is left or right
var lhleftPos='20px';                          //position from left/ use if tabLocation is bottom or top
var lhfixedPosition=true;                      //options: true makes it stick(fixed position) on scroll
</script>
<script type="text/javascript" src="http://www.zazachat.com/livechatclient/scripts/livehelpslideout.js"></script>
<style type="text/css">
.livehelpslideout{padding:18px;width:200px;background: #ffffcc;border: 1px solid #fdce3e;}
.lhbtn{background-color:#FDCE3E;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAZCAIAAAB/8tMoAAAAPUlEQVR42jWLQQqAQBDDOv3/9xSf4WlP7sQi4yGEFGr6tNZl0WFbCjxWh5i4mG127mN6/78P8q00HVeaGF4G+jQ9YP3upQAAAABJRU5ErkJggg==");background-repeat:repeat-x;border:1px solid #E5A716;color:#434343;cursor:pointer;font-weight:bold;height:26px;margin-left:7px;padding:0 6px;width:170px;}
</style>
<div class="livehelpslideout" id="Div1"><a class="lhhandle" href="#">Content</a>
<p align="center"><input type="button" class="lhbtn" onclick="OpenZaZaChat();return false;" value="Live Chat" /></p>
<p align="center"><input type="button" class="lhbtn" onclick="window.open('http://www.zazachat.com/livechatclient/ZaZaTicketsVisitor.aspx?sent=0&zazac=' + lhclientid,'ticket','left=' + lhleft + ',top=' + lhtop + ',width=580,height=435,toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes');return false;" value="Submit an Inquiry" /></p>
<p align="center"><input type="button" class="lhbtn" onclick="window.open('http://www.zazachat.com/livechatclient/requestacallvisitor.aspx?zazac=' + lhclientid,'ticket','left=' + lhleft + ',top=' + lhtop + ',width=580,height=435,toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes');return false;" value="Request Callback" /></p>
<div style="position:absolute;bottom:3px;right:3px;font-size:10px;">Powered by <a href="http://www.zazachat.com">ZaZaChat</a></div>
</div>