The Bell widget shows the history of received push notifications to your subscribers, including unread ones. Also, with the Bell widget, subscribers can choose website categories they are interested in to receive only the desired content.

To configure the widget, open the side menu and click Prompt & Bell, then go to the Bell tab.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7b27caab-50c1-4f7a-9a75-97eebc25e9b3/image-20230320-090723.png

Until the Bell functions are activated, the widget remains inactive and is not displayed to subscribers.

First, you need to configure the design for your widget by setting up the following parameters.

  1. Color. If you know a color code you want to apply for your widget, paste it in the required field. Otherwise, choose a color by clicking on the palette button.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/36e49fc4-036e-49b8-a477-8b7324175830/image-20230320-090929.png

ℹ️ The chosen color will be immediately displayed in the preview section on the left of the palette.

⚠ If you use the Free Plan, the Bell will contain the Gravitec.net branding.

⚠ If you have set up the Block override, note that it differs from the Bell widget, and you can choose another color for the latter.

  1. Location is a drop-down list. You can locate the Bell in the lower left or lower right corner.

The Bell features

  1. Push Inbox is a feature that enables your subscribers to see their push notifications history. If you tick the Activate box, you will see the preview of your Push Inbox, which includes previously configured color and location. After setting up Push Inbox, subscribers can open it by clicking the Bell widget. You can see Push Inbox and its elements below.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ab02391c-a371-403d-b6af-6485049d9ce8/image-20230320-093425.png

To close Push Inbox, a subscriber needs to click X.

  1. Notification Configurator

With the Notification Configurator, subscribers can choose website categories to receive notifications relevant to their interests. Follow the below steps to configure the Configurator.