It’s live! Access exclusive 2024 live chat benchmark data & see how well your team is performing.

Get the data
How to Customize My Chat Button

With Comm100 Live Chat, the chat button is fully customizable. You can customize the type, color, icon, text, and position for your chat button. Comm100 Live Chat provides three types of chat buttons: Adaptive, Image, and Text Link. The settings available vary depending on the button types. Before customizing your chat button, learn the differences among the three types of chat buttons through Comm100 Chat Button Types and decide the chat button type and style that you want.

customize.png

Apart from the customization of visual elements, Comm100 Live Chat also allows you to hide or show your chat button using following conditions:

  • Hide chat button when your team is offline
    Hide your chat button when none of your agents is online. This feature is only available for websites implemented with JavaScript Live Chat code.
  • Display chat button on specified domains or URLs only
    If your website contains a series of webpages, and you want to show your chat button on part of the webpages only, you can input the allowed URLs. To use this option, you need to implement the Live Chat code on your website first.

Step by Step Instructions

To customize your chat button, follow these steps:

  1. Log in to the Comm100 Control Panel.
  2. From the left navigation menu, go to Live Chat > Campaign > Chat Button.
    menu-Chat Button.png
  3. Choose Adaptive, Image or Text link as your button type.
  4. Complete the color, position and other settings for your chat button. When making the changes, you can preview the chat button on the right side in real-time.
  5. (Optional) To hide your chat button when your team is offline or on some of your webpages, expand the Advanced menu, and complete your settings according to your requirements.
    • To hide your chat button when none of your agents is online, select the Hide chat button when my team is offline checkbox.
    • To show your chat button on some of the webpages that are implemented with Live Chat code, select the Display chat button on specified domains or URLs only checkbox and input the URL list.
    advanced.png
  6. Click Save.