AppDevs Cloud is liveLaunch your business in under 2 minutes10–30s from checkout to liveDatabase, domain, SSL & backups managedPlans from $9.99/mo17+ ready-made products

How to Setup Push Notification in Super-Admin Panel.

How to Setup Push Notification in Super-Admin Panel.
11531Tutorial
Jan 31, 2024

This tutorial provides a step-by-step guide to configuring two types of notifications within the super-admin panel:

 

Browser Push Notifications: Deliver real-time notifications directly to users' browsers.

Broadcasting/Internal Notifications: Send system-wide alerts within the admin panel, user panel, and support ticket chat interface.


 

Navigation Path

To access the push notification settings:

 

Go to: 
Notification > Push Notification > Setup Notification

Alternatively, search "Setup Notification" using the super-admin sidebar search box.

 

 

Browser Push Notification Configuration

To configure browser-based push notifications:

 

1. Select Notification Method

From the dropdown menu, choose the notification method. 
Note: Only Pusher (MessageBird) is currently supported. 
 

2. Input Credentials

Instance ID: Enter your Pusher account's “Beams” Instance ID.

Primary Key: Enter the corresponding “Beams” Primary Key. 
 

3. Update Configuration

Click the “Update” button to save your configuration. 

 

How to Retrieve the Instance ID and Primary Key:

Follow these steps to get your Pusher Beams credentials:

1. Create a Pusher account

2. Click the "Get started" button in the Beams widget.

3. Create an instance by entering your desired instance name.

4. Close the Beams Quickstart popup by clicking the cross icon.

5. Navigate to the "Keys" tab.

6. Copy the Instance ID and Primary Key, then paste them into your configuration settings. 

 

screenshot 
 

screenshot 
 

screenshot 
 

screenshot 
 

screenshot 
 

screenshot

 

Broadcasting/Internal Notification Configuration

To set up internal system notifications:

 

1. Select Notification Method

Choose the notification method from the dropdown. 
Note: Only Pusher (MessageBird) is currently supported. 
 

2. Input Credentials

  • APP ID: Enter the “Channels” APP ID from your Pusher account.
  • Primary Key: Enter the “Channels” Primary Key.
  • Secret Key: Enter the “Channels” Secret Key.
  • Cluster: Enter the “Channels” Cluster. 
     

3. Update Configuration

Click the “Update” button to apply your settings. 

 

How to Retrieve APP ID, Primary Key, Secret Key, and Cluster:

  • Create a Pusher account
  • Click the "Get started" button in the Channels widget.
  • Create a new app by:
    • Entering the app name
    • Selecting a cluster
    • Clicking the "Create" button 
       
    • Close the Channels Quickstart popup by clicking the cross icon.
    • Navigate to the "App Keys" tab.
    • Copy and paste the following into your configuration:
  • APP ID
  • Primary Key
  • Secret Key
  • Cluster 

     

screenshot 
 

screenshot 
 

screenshot 
 

screenshot

 

Note: 
If you encounter any issues during the setup or need further assistance, please reach out to the support team for help.

AppDevs
AppDevs
Global Presence

Building from three corners of the world

Teams and offices across Bangladesh, the United States, and the United Kingdom — serving customers in 120+ countries.

AppDevs

Bangladesh

F1 (5th Floor), H #1188, Avenue #11, Mirpur DOHS, Dhaka, Bangladesh

AppDevs LLC

United States

30 N Gould St, Ste R, Sheridan, WY, United States

AppDevs Software LTD.

United Kingdom

277a Green Street, London, England, E7 8LJ