Skip to main content

Chat widget notifications

The chat widget can notify users when they receive a new message. The following are the chat widget notifications:

  1. Notification badge - The widget displays a notification badge on top of the bot icon when a bot is in a minimized state.
  2. Favicon and title text - When a user is on a different page or screen, the widget displays a favicon with a text message.
  3. Message sounds - The chat widget notifies its users with a message sound when there are new messages from the bot or agents.

Chat widget notifications are supported for desktop icon styles such as circle, square, and bar. It is also supported for custom icons uploaded on the yellow platform. It is also supported for custom icons uploaded on the yellow platform.

drawing drawing
note
  • If there are more than nine new messages, a plus sign is displayed on the notification badge. When you click on the bot icon, you can view further messages.

Limitations of chat widget notifications​

The following are the limitations of chat widget notifications:

  • Notification badges are not supported for custom icons set up on the host site, as the size details are not passed on to Yellow.
  • Notification badges are not supported for mobile SDKs and PWAs as they do not have a bot icon.
  • The colour of the notification badge cannot be changed at the bot level. It will remain red as per the industry standard.

Enable chat widget notifications​

To enable chat widget notifications, follow these steps:

  1. On the left navigation bar, click Extensions.

  2. Click on Chat widget.

  3. Navigate to the Settings tab and expand Notifications drop-down.

  4. Enable the Unread message(s) badge, Unread notification in browser tab, and Message sound, then click Save changes.

  5. Navigate to Deploy > Web > Experience on a Website.

  6. If there are new messages, you will see the notification in the Favicon when you are on a different tab, as shown below.

    • When a bot is in a minimized state, a notification badge is displayed on top of the bot icon.

      drawing

    • The notification button is displayed on the header of the chat widget when Message sound option is enabled. It is turned off by default.

      drawing
note

If there are multiple messages in a single step, you will hear the notification sound only once.