ZaZaChat Live Chat Software offers complete customization to its users.
Live Chat invitation window can be completley customized in Administration Panel->Customize Invitation Window screen. But flexibility of ZaZaChat Help Desk Software does not stop there and this article will show you how to completely replace Chat Invitation window provided by ZaZaChat with your own.
Please either ask ZaZa Specialist or your webmaster to help you implement the steps described in this support article.
1. Append &zcustominvitation=1 to your ZaZaChat Live Chat installation code.
2. Add the following style to the page where ZaZaChat is being installed:
<style type="text/css">
#Zsleft {float:left;}
</style>
3. In the last step you need to design your live chat invitation. It must have 3 place holders:
Invitation message (could be HTML Table, Div, Image,etc)
Accept Chat Invitation link (could be clickable button/image)
Decline Chat Invitation link (could be clickable button/image)
Here's an example of a chat invitation box:
<div id="Zsmenu" style="display:none;border: 1px solid rgb(3, 6, 17);padding: 8px; width: 351px; position:absolute; top:10px; left:-235px;">
<a href="javascript:void(0);" onclick="javascript:CloseZaZaInvite();">Close</a>
<div id="Zsleft">We are online. Please Click Start Chat to talk to us!</div>
<a href="javascript:void(0);" onclick="javascript:OpenZaZaChat();">Start Chat</a>
</div>
The invitation HTML code should be placed right after or before the <body> tag on the page.
As you see the live chat invitation HTML code contains two main DIV elements:
Zsmenu: Is the main container
Zsleft: Is the container for the chat invitation message
And two link elements:
javascript:CloseZaZaInvite(): closes the invitation window in case of user declining the invitation
javascript:OpenZaZaChat(): opens live chat window in case of user accepting the invitation
We strongly recommend contacting your webmaster or ZaZaChat support to help you with Live Chat Invitation window customization as it requires special designing & programming skills.
