Overview

When adding live chat to an external website, you can choose from a variety of live chat styles. At any point, you can also replace the standard live chat button on your support center with one of the other styles available. 

This article describes the process of customizing your support center's live chat button. 

Prerequisites

To customize the live chat button on your support center, you need an administrator account with permissions to:

• Use the live support tag generator
• Template groups
• Templates

Process

Follow the steps below to change the standard live chat button: 

1. Log in to the admin control panel.

2. Generate your desired customized code block for a live chat button through the Tag Generator.
   
   

   
   
   

3. Once the code block has been generated, select the entire code block, copy it, and paste it in a text document. 

4. From the Templates menu, select Templates in the sidebar.
   
   

   
   
   

   Note: Before editing Kayako Classic templates, we recommend you to review Template Editing Best Practices.

    

5. Click the General template group to expand it.
   
   

   
   
   

6. Scroll down and select the header template to open it for editing.
   
   

   
   
   

7. Search the template for <!-- BEGIN TAG CODE --> and replace everything from that tag through the <!-- END TAG CODE --> with the live chat code block that you generated earlier.

8. Click Save to update the template.
   
   

   

Back to Top

Confirmation

Visit your support center to view the updated live chat button.

Note: You may need to do a hard refresh to see your changes.

Back to Top