ALl information about internacking , all tricks and tips about hackiet, computer science, Hng, learn how to hack facebook id get latest information about hacking, get best opinion about mobile phones

Saturday, 21 March 2015

Adding a live chat status button to your web pages

How To Adding a live chat status button to your web pages


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:

Use the tag generator in SupportSuite or LiveResponse to generate the button HTML code
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
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
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 pages HTML code
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.

No comments:

Post a Comment