ASP Help Desk Software | Adding a live chat status button to your web pages

Adding a live chat status button to your web pages

SupportSuite and LiveResponse lets you generate HTML code which you can house on your web pages to show a live chat button. You can show 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 simple it is to do.

For the purposes of this handbook , we’ll assume your support desk is located at http://support.kayako.com and the web page on which you want to show 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 establish 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 show 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.

Related posts:

  1. Making the live chat icon visible only to authenticated users The live chat icon is located under the side navigation and user bar, by...
  2. V4 Update #6: Live screenshot sharing and file transfers in live chat Welcome to the sixth in a series of Version 4 enhancement updates and previews....
  3. V4 Update #4: A look at the new live chat interface and engagement options Welcome to the fourth in a series of Version 4 enhancement updates and previews....
  4. V4 Update #2: Live chat automations, operator skills, logic and groups Welcome to the second in a series of Version 4 enhancement updates and previews....
  5. Bulletproof Password Generator Bulletproof Password Generator is a commanding password for any your projects. Its interface is...

Filed Under Free Help Desk Software, Help Desk Software, Help Desk Software News | Leave a Comment

Tagged With

Comments

Leave a Reply