Help Desk / Customer Service Software Live Chat, Email-Ticket and Knowledge Base Management

Live chat Live chat Phone 877-LIVE-001
Support Center > Knowledgebase> Article: Customize invitation to chat

Customize invitation to chat

Article ID: 1739

Question
I would like to use my own invitation to chat that i designed, can i do that?

Answer

Yes, here's what you need to do:

Please either ask LiveHelpNow Specialist or your webmaster to help you implement the steps described in this support article:

1.  Append &zcustominvitation=1 to your LiveHelpNow Live Chat installation code. (...&custom3=&zcustominvitation=1...

2. Add the following style to the page where LiveHelpNow code is being installed (you can also add it to your main CSS file:
 
<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 what it should look like:
 
<div id="Zsmenu" style="display:none;padding: 8px; width: 351px; position:absolute; top:10px; left:-235px;">
      <a href="#" onclick="javascript:CloseLHNInvite();return false;">Close</a>
      <div id="Zsleft">That's where your invitation message goes, or image, etc</div>
      <a href="#" onclick="javascript:OpenLHNChat();return false;">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:CloseLHNInvite(): closes the invitation window in case of user declining the invitation
javascript:OpenLHNChat(): opens live chat window in case of user accepting the invitation
 
We strongly recommend contacting your webmaster or LiveHelpNow support to help you with Live Chat Invitation window customization as it requires special designing & programming skills.


Article Details
Views: 459 Created on: Feb 03, 2010

Poor
Outstanding