Overview

You can add Kayako Classic live chat to any and as many of your company's websites as you like. The admin control panel allows you to customize and generate a block of code that you can then drop into your website's source code.

The article details the process to generate and add a live chat button to a website.

 

Back to top

---

 

Information

Requirements

• Administrator Account
• Use the live support tag generator permission

 

Back to top

---

 

Process

To generate and add a Live Chat button, follow the steps listed below:

1. Sign in to the admin control panel.

2. Click Tag Generator in the sidebar. 

3. Leave the Live Support Channel dropdown set to 'Chat.'

4. From the 'Tag Type' section, choose the style of live chat button you want to generate – button, badge, or a plain-text link.

   Note: The last tag type is for tracking visitors.

5. Click the Next button up top. 

6. In the 'Routing Options' section, you can choose particular departments or skills to route chats to, when they come in through this button. 

7. Under 'General Options,' you can enable SSL, choose which template group your live chat button belongs to, or turn the chat form on or off. 

8. At the bottom of the form, you can use the Insert Variable and Insert Staff Alert buttons to pass information to Kayako Desktop, when a staff member accepts a chat.

9. Before you generate your code block, switch to the 'Customize' tab:
   

10. Here, you can customize the appearance of your button or badge.

11. When you've finished, click the Generate Tag button.

12. The next page will display the code block for your customized live chat button, as well as a preview of what the button or badge will look like:
    

13. Select the entire code block and copy it. 

14. Paste it into the source code of any page in your website(s) where you want live chat to appear.
    NOTE: Do not edit the code block directly. If you need to change the function or appearance of the live chat button, we recommend generating a new tag.