Customize invitation to chat
I would like to use my own invitation to chat that I designed, can I do that?
Yes, here's what you need to do:
Please either ask LiveHelpNow engineer or your webmaster to help you implement the steps described in this support article:
- Within the LiveHelpNow Live Chat installation code or HelpOut Tab code add this variable var lhnCustomInvitation = '1'.
This tells LiveHelpNow code not to use stocked invitation and use yours. - Design your chat invitation as an HTML block element (i.e. DIV) by following these schematics:
<div id="Zsmenu" class="lhnInviteContainer">
<div class="LHNInviteTitle">Live Help</div>
<div id="Zsleft" class="LHNInviteMessage"></div>
<div class="LHNInviteButtons">
<a class="LHNInviteCloseButton" onclick="CloseLHNInvite();return false;" href="#">x</a>
<a class="LHNInviteAcceptButton" onclick="OpenLHNChat();return false;" href="#">Start Chat</a>
</div>
</div> - Add HTML for your custom invitation window designed in step 2 to your web pages where LiveHelpNow code is installed.
- You are done.
Elements glossary (please do NOT change Element IDs:
Main container:
<div id="Zsmenu" class="lhnInviteContainer">
Invitation message:
<div id="Zsleft" class="LHNInviteMessage">
Close invitation button/link:
<a class="LHNInviteCloseButton" onclick="CloseLHNInvite();return false;" href="#">x</a>
Accept invitation button/link:
<a class="LHNInviteAcceptButton" onclick="OpenLHNChat();return false;" href="#">Start Chat</a>
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.
If you would like to trigger chat invitations based on user actions, This article explains how.
You can also Display a dynamic chat invitation based on unique visitor information.