Introduction:


By default, LivePerson's Chat button code includes JavaScript. If your email program has JavaScript restrictions, you may opt to use a Chat button which does not contain JavaScript.
The following code examples allow you to create chat buttons that do not use JavaScript, in order to display them properly in your email messages.
emptyStringNOTE:  The email chat buttons do not change their statuses according to the agents availability. They only show the image defined within the code.
NOTE: This content is not relevant for customers who use the LiveEngage platform.

Instructions:


To Implement a regular chat button in an email template:
  • Replace all instances of XXXXXXXXwith your account ID
  • Replace all instances of YOURDOMAIN with your account domain (i.e server.iad.liveperson.net, server.lon.liveperson.net, sales.liveperson.net, etc.). To learn about finding out your domain, click here.

<!-- BEGIN LivePerson Button Code --><div ><table border='0' cellspacing='2' cellpadding='2'><tr><td align='center'><a id="_lpChatBtn" href='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=file&file=visitorWantsToChat&site=XXXXXXXX&byhref=1&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a' target='chatXXXXXXXX' ><img src='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=repstate&site=XXXXXXXX&channel=web&&ver=1&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a' name='hcIcon' alt='Chat Button' border=0></a></td> </tr><tr><td align='center'><div style="margin-top:5px;"><span style="font-size:10px; font-family:Arial, Helvetica, sans-serif;"><a href="http://solutions.liveperson.com/live-chat" style="text-decoration:none; color:#000" target="_blank"><b>Live Chat</b></a><span style="color:#000"> by </span><a href="http://solutions.liveperson.com/" style="text-decoration:none; color:#FF9900" target="_blank">LivePerson</a></span></div></td> </tr> <TR><td align="center"></td></TR></table></div><!-- END LivePerson Button code -->


Using a skill assigned chat button

 
  • Replace all instances of XXXXXXXX with your LivePerson account ID.
  • Replace all instances of YOURDOMAIN with your account domain (i.e server.iad.liveperson.net, server.lon.liveperson.net, sales.liveperson.net, etc.)
  • Replace all instances of SKILLNAME with the name of the skill to which you wish to route chats from this button.
    If the skill name contains more than one word, add between the words. For example, the skill name Customer Support would beCustomer Support.

<!-- BEGIN LivePerson Button Code --><div><table borer='0' cellspacing='2' cellpadding='2'><tr><td align='center'><a id="_lpChatBtn" href='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=file&file=visitorWantsToChat&site=XXXXXXXX&byhref=1&SESSIONVAR!skill=SKILLNAME&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a' target='chatXXXXXXXX' ><img src='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=repstate&site=XXXXXXXX&channel=web&&ver=1&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a&skill=SKILLNAME' name='hcIcon' alt='Chat Button' border=0></a></td> </tr><tr><td align='center'><div style="margin-top:5px;"><span style="font-size:10px; font-family:Arial, Helvetica, sans-serif;"><a href="http://solutions.liveperson.com/live-chat" style="text-decoration:none; color:#000" target="_blank"><b>Live Chat</b></a><span style="color:#000"> by </span><a href="http://solutions.liveperson.com/" style="text-decoration:none; color:#FF9900" target="_blank">LivePerson</a></span></div></td> </tr> <TR><td align="center"></td></TR> </table></div><!-- END LivePerson Button code -->


Using an agent assigned chat button

  • Replace all instances of XXXXXXXX with your LivePerson account ID.
  • Replace all instances of YOURDOMAIN with your account domain (i.e server.iad.liveperson.net, server.lon.liveperson.net, sales.liveperson.net, etc.)
  • Replace all instances of OPID=## with the desired agent’s ID.

<!-- BEGIN LivePerson Button Code --><div ><table border='0' cellspacing='2' cellpadding='2'><tr><td align='center'><a id="_lpChatBtn" href='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=file&file=visitorWantsToChat&site=XXXXXXXX&byhref=1&SESSIONVAR!OPID=##&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a' target='chatXXXXXXXX' ><img src='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=repstate&site=XXXXXXXX&channel=web&&ver=1&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a&OPID=##' name='hcIcon' alt='Chat Button' border=0></a></td> </tr><tr><td align='center'><div style="margin-top:5px;"><span style="font-size:10px; font-family:Arial, Helvetica, sans-serif;"><a href="http://solutions.liveperson.com/live-chat" style="text-decoration:none; color:#000" target="_blank"><b>Live Chat</b></a><span style="color:#000"> by </span><a href="http://solutions.liveperson.com/" style="text-decoration:none; color:#FF9900" target="_blank">LivePerson</a></span></div></td> </tr> <TR><td align="center"></td></TR> </table></div>


Using a customized chat button

 
  • Replace all instances of XXXXXXXX with your LivePerson account ID.
  • Replace all instances of YOURDOMAIN with your account domain (i.e server.iad.liveperson.net, server.lon.liveperson.net, sales.liveperson.net, etc.)
  • Replace all instances of https://IMAGE.FOLDER.URL with the Image Folder URL (the folder where the Chat button images are located).
    The URL must begin with "http://" or "https://" (if used on secured page) and should not end with "/".
    The folder must contain 3 images with the following names: reponline.gif, repoffline.gif and repoccupied.gif

<!-- BEGIN LivePerson Button Code --><div><table border='0' cellspacing='2' cellpadding='2'><tr><td align='center'><a id="_lpChatBtn" href='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=file&file=visitorWantsToChat&site=XXXXXXXX&byhref=1&imageUrl=https://IMAGE.FOLDER.URL' target='chatXXXXXXXX' ><img src='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=repstate&site=XXXXXXXX&channel=web&&ver=1&imageUrl=https://IMAGE.FOLDER.URL' name='hcIcon' alt='Chat Button' border=0></a></td> </tr><tr><td align='center'><div style="margin-top:5px;"><span style="font-size:10px; font-family:Arial, Helvetica, sans-serif;"><a href="http://solutions.liveperson.com/live-chat" style="text-decoration:none; color:#000" target="_blank"><b>Live Chat</b></a><span style="color:#000"> by </span><a href="http://solutions.liveperson.com/" style="text-decoration:none; color:#FF9900" target="_blank">LivePerson</a></span></div></td> </tr> <TR><td align="center"></td></TR> </table></div><!-- END LivePerson Button code -->


Adding text under the chat button

  • Replace YOUR_TEXT_HERE with the desired text
  • Replace all instances of YOURDOMAIN with your account domain (i.e server.iad.liveperson.net, server.lon.liveperson.net, sales.liveperson.net, etc.)
  • Replace all instances of XXXXXXXX with your LivePerson account ID

<!-- BEGIN LivePerson Button Code --><div ><table border='0' cellspacing='2' cellpadding='2'><tr><td align='center'><a id="_lpChatBtn" href='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=file&file=visitorWantsToChat&site=XXXXXXXX&byhref=1&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a' target='chatXXXXXXXX' ><img src='https://YOURDOMAIN/hc/XXXXXXXX/?cmd=repstate&site=XXXXXXXX&channel=web&&ver=1&imageUrl=https://YOURDOMAIN/hcp/Gallery/ChatButton-Gallery/English/General/1a' name='hcIcon' alt='Chat Button' border=0></a></td> </tr><tr><td align='center'><div style="margin-top:5px;"><span style="font-size:10px; font-family:Arial, Helvetica, sans-serif;"><a href="http://solutions.liveperson.com/live-chat" style="text-decoration:none; color:#000" target="_blank"><b>Live Chat</b></a><span style="color:#000"> by </span><a href="http://solutions.liveperson.com/" style="text-decoration:none; color:#FF9900" target="_blank">LivePerson</a></span></div></td> </tr> <TR><td align="center">YOUR_TEXT_HERE</td></TR> </table></div><!-- END LivePerson Button code -->