If you are using a (currently) unsupported client framework, you can use our embedded script. This will generate the notification center inside an iframe
Replace the selectors for the bell icon and the unseen badge within your code. Let’s take a look at this example code:
Optionally, the embedded init script receives a position object, you can use this to specify the left
and top
position of the notification center.
The notification center component can be customized by passing a theme
to the init script. Checkout all possible theme properties.
The language of the UI can be customized by passing an i18n
component to the init script. More information on all possible properties.
In order to handle certain events like the user clicking on the notification, or clicking on an action button inside a notification, you can listen for these events and handle them accordingly.
In order to enable Hash-Based Message Authentication Codes, you need to visit the admin panel’s In-App settings page and enable HMAC encryption for your environment.
The next step would be to generate an HMAC encrypted subscriberId on your backend:
Then pass the created HMAC to your client side application forward it to the embed initialization script:
The notification bell is not showing in the iframe.
We use font awesome bell icon. Make sure you have added the font awesome CSS cdn link in the head tag.
If you are using a (currently) unsupported client framework, you can use our embedded script. This will generate the notification center inside an iframe
Replace the selectors for the bell icon and the unseen badge within your code. Let’s take a look at this example code:
Optionally, the embedded init script receives a position object, you can use this to specify the left
and top
position of the notification center.
The notification center component can be customized by passing a theme
to the init script. Checkout all possible theme properties.
The language of the UI can be customized by passing an i18n
component to the init script. More information on all possible properties.
In order to handle certain events like the user clicking on the notification, or clicking on an action button inside a notification, you can listen for these events and handle them accordingly.
In order to enable Hash-Based Message Authentication Codes, you need to visit the admin panel’s In-App settings page and enable HMAC encryption for your environment.
The next step would be to generate an HMAC encrypted subscriberId on your backend:
Then pass the created HMAC to your client side application forward it to the embed initialization script:
The notification bell is not showing in the iframe.
We use font awesome bell icon. Make sure you have added the font awesome CSS cdn link in the head tag.