2.3.1 Button Design

Owned by SUPPORT
Last updated: Nov 03, 2024
2 min read

The Chat Button sits on your homepage and provides your visitors the option to chat with your agents and get responses to their queries. You can make the Chat Button available to your visitors when your agents are online and gray when they are not available.  

Step-by-Step Instructions

  1. Go to your system CloudCX installation domain, and log in with the admin account.

  2. From the left navigation menu, go to Omni Widget > My Widget. Select a Widget from the My Widget drop-down list.

10-20241030-122458.PNG

  1. Go to Widget Design>Button.

15-20241031-024019.PNG

  1. In the Button page, you can do the following:

  • Choose a color for the Chat Button.

  • You can select the system default icon as your Web Chat button, or click + button to upload your own designed icon for your Web Chat button. The supported icon formats is SVG and the maximum file size is 100 KB.

  • Set the button float position (Offset from right and bottom) and define an accurate offset in pixels.

  • (Optional) Advanced: Input the specified domains/URLs make the Web Chat button display on specified domains/URLs.

  1. Webpages that follow the same domain path will also be included. For example, if you list the URL “http://www.adomain.com/example” here, all web pages whose URLs start with this domain will be included. The option only works for the websites and pages that already have websites and pages that already have Web Chat code implemented on them.

  2. If you input the specified domains/URLs, when you click Live Preview to enter the preview page, the preview page will not show the widget.

  • Click Save.

  • (Optional) Click Live Preview button to preview.