Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Cloudfon CX supports setting your Chat Button Color and Offset Vaule.

Step by Step Instructions

...

Log in your CloudFon Contact Center.

...

Info

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 Chat Plan Widget from the My Widget drop-down list,.

...

  1. Go to Widget DesignDesign>Button.

...

...

Choose the Color of Chat Button.

...

...

  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.

...

  1. You can also set Advanced options.

...

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

  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

...

  1. URLs start with this domain will be

...

  1. included. The option only works for the websites and pages that already have websites and pages that already have

...

  1. 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.

...