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:

  1. 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.
  2. 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>
  3. Add HTML for your custom invitation window designed in step 2 to your web pages where LiveHelpNow code is installed.
  4. 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.

Related articles