Embedding a Chat Window

You can now embed the LivePerson window directly into a Web page using the tag described below.

The implementation differs depending on the visitor browsers. For recent browsers we recommend the iFrame implementation. For legacy browsers (Netscape 3 and 4), it is necessary to use frames.

You will need to implement a server script or JavaScript for browser detection and redirection to the appropriate web page.

iFrame implementation of the "Special" tag

  For IE4 and higher and Netscape6 and higher

» Click to PREVIEW iframes version
(NOTE: This will only work with IE 4 and higher and Netscape 6 and higher)

<!--Begin LivePerson Chat Window Embed--> <iframe src="http://server.iad.liveperson.net/hc/YOURSITEID/?cmd=file&file=visitorWantsToChat&site=YOURSITEID&special= style:embedded" width="472" height="320" scrolling="no" frameborder="0"></iframe> <!--End LivePerson Chat Window Embed -->

Replace YOURSITEID with your LivePerson account number.

 

Frames implementation of the "Special" tag

  For Netscape Navigator 3.* or 4.*

» Click to PREVIEW the frames version

Netscape Navigator 3 and 4 do NOT recognize iframes. To embed a chat window into a website you must embed it in its own frame.

<frame NAME="ChatWindowFrame" SRC="http://server.iad.liveperson.net/hc/YOURSITEID/?cmd=file&file=visitorWantsToChat&site=YOURSITEID& special=style:embedded" MARGINHEIGHT="0" MARGINWIDTH="0" SCROLLING="NO" FRAMEBORDER="0" BORDER="0"></frame>

Replace YOURSITEID with your LivePerson account number.

 

Setting special color and background image

If you would like to overwrite the setting you define to customize your chat window, you can add special parameter to present the chat window with colors and image that matches the look and feel of the web page on which you will embed the chat window. The URL below shows the parameters that can be used to customized the embedded window.

http://server.iad.liveperson.net/hc/YOURSITEID/?cmd=file&file=visitorWantsToChat&site=YOURSITEID&special= bgcolor:YourColor,chatImage:http://www.yourWebsite.com/images/dude1.gif, style:embedded" width="472" height="320" scrolling="no" frameborder="0"

Replace YOURSITEID with your LivePerson account number.

Replace YourColor with the hex value for the color you want in your background chat window.

Replace http://www.yourWebsite.com/images/dude1.gif with the link to your greeting image. This image must be 180 by 85 pixel.

» Click here for more information on creating a custom greeting image for the chat window.