SupportSuite and LiveResponse lets you generate HTML code which you can place on your web pages to display a live chat button. You can display a button and track your visitors in real time on any number of pages and across multiple websites.

In this post we will show you how easy it is to do.

For the purposes of this guide, we’ll assume your support desk is located at http://support.kayako.com and the web page on which you want to display a live chat status button is located at http://www.kayako.com/index.php.

This is a two step process:

1. Use the tag generator in SupportSuite or LiveResponse to generate the button HTML code
2. the HTML code into one of your web pages

The tag generator can be found in the staff control panel, under the Live Support tab, as shown below.

The Tag Generator is located under the Live Support tab

You have four ‘tag’ options:

• HTML Button – use this option if you want to generate code that will produce a clickable button showing the status of your live chat (Available, Offline, Away, etc).
• E-mail Signature – use this option if you want to add an e-mail friendly link which displays the status of your live chat.
• Text Link – use this option to generate a text link only representation of your live chat status.
• Visitor Tracking – use this option to generate code which will not display any live chat status, but will still allow your agents to track visitors who visit your web page.

We will select the HTML Button option.

The HTML code snippet has been generated

Copy the generated HTML snippet, and paste it into the source code of your web page. Although this HTML code loads JavaScript, you should treat this snippet as if it were an image declaration – the JavaScript will import code and the graphic when your page loads.

Pasting the HTML snippet into our web page's HTML code

Save your web page source code, upload the file to your web server and visit your web page. You should now see your live chat status graphic.