If you have full access to your web site's source code(header, footer and content), we highly recommend inserting ZaZaChat button code by following these instructions:
Insert the following HTML code right before the </body> tag:
<div id="zlive-chat-loader" style="display:none">
Your ZaZaChat button code as copied from ZaZaChat operator panel goes here
</div>
Insert the following JavaScript function anywhere between BODY tags:
<script>
function zazaLoader()
{
var liveChatContainer = document.getElementById('zlive-chat-container');
var liveChatLoader = document.getElementById('zlive-chat-loader');
if(liveChatContainer && liveChatLoader) {
liveChatContainer.innerHTML = liveChatLoader.innerHTML;
document.body.removeChild(liveChatLoader);
}
}
</script>
Insert the following HTML code in the place where you would like the live chat button to appear on your page:
<div class="button" id="zlive-chat-container"></div>
Modify <BODY> Tag to call zazaLoader() function on load:
<body onload="zazaLoader(); return false;">