Menu Close

    Marketplace Web Push Notification for Magento

    Web Push Notification is a Marketplace add-on for Magento. It allows the admin and the sellers to send push notifications to the subscribed users. These messages are immediately visible on the web browser of the user. Any short message will include the title, logo and redirect URL link. As long as the web browser is running, a subscribed user will see the message. The basic use of push notification message is to share short messages with the users. Include information about new products, upcoming offers & discounts or any important news & updates. With the help of redirect URL, the users can also click the message and visit the redirect web page.
    Please Note: – Web Push Notification is a Marketplace add-on. To use this add-on you need to have Multi-Vendor Marketplace module from here

    This Module is also available for Magento2


    • Web Push Notification module is very easy to configure and set up.
    • Compatible with Mozilla firefox and Google chrome desktop browsers.
    • It works with the SSL (Secure Sockets Layer) certificate websites.
    • There is no monthly subscription fee required to send the notifications.
    • Add any number of subscribed users, there is no limitation
    • The admin can create, edit and delete notification templates from the back-end.
    • The sellers can create, edit and delete notification templates from the front-end.
    • Remove any subscribed user from the list if it doesn’t want to receive any further notifications.
    • Add a custom icon and redirect URL link with the web push notification.
    • Send notifications to either all or selected subscribed users.
    • Use the search option to find any specific template, subscribed users from the lists.
    • The admin can manage all the subscribed users of the store from the backend.
    • Web Push Notification supports many languages translation.

    Installation Process

    Extract the downloaded zip file and copy app, js, and skin folder to the root directory of the magento.

    After copying the folders, you need to flush the cache storage from magento back-end. Navigate through System -> Cache management and click Select All. Then click Flush Cache Storage button as shown below:

    Searching for an experienced
    Magento Company ?
    Read More

    Module Language Translation

    Web Push Notification supports many languages translation. After the module installation, you need to unzip the folder and click on src folder. Inside that folder, you will find app folder. Click on the app folder and you will get locale. and inside that, you will find the language folder in the English language as en_US. Now follow the same path and open the locale folder where you have installed the Magento. Go inside the locale folder and create a new folder. Name with the language for which you want to translate your module content.

    Now edit the language CSV file and then upload it to your server inside the locale folder.

    Before uploading the CSV file, open and edit it with the translated keywords.

    Creating Firebase Project Credentials

    In order to use this module, you need to have Firebase Project Credentials. Please visit this link and create a new project with your Gmail account.

    1.  After opening Firebase website, please click CREATE NEW PROJECT button as shown in the above screenshot.

    2. A small pop-up window will appear with the name of Create a project, here you have to enter your Project Name and then select your Country/Region.

    3. After completing the details click CREATE PROJECT button.

    4. After creating your new project click Settings menu icon and select Project Settings option. Please view below screenshot. A new Settings page will open.

    5. After entering the Settings page, click CLOUD MESSAGING tab. From here you will find your Project Credentials, copy and save your Server Key and Sender ID.

    You need to enter these credentials in the next step of Magento configuration.

    Admin Management

    Module Configuration

    After successfully installing this module please log in to your Magento Admin Panel. Go to System menu and then select Configuration option as shown below.

    Configuration page will open, click Mp Push Notification option on the left. Here you have to enter your Firebase Project Credentials. Enter the Server key and Sender Id as shown in below screenshot. Click Save Config button to apply changes.

    Manage Notification Templates

    The admin can manage all the web push notification templates of its store. Navigating through Marketplace Management->Mp Push Notification->Notification Templates.

    After clicking the Notification Templates option, the admin can view all the list of notification templates on this page. Here, the seller’s templates are also visible to the admin. The admin can view template information such as – Template Title, Seller Name, Message, Redirect Url, Tags, Logo, and Subscribed date & time.

    Click Add New button to create a new notification template.

    Use Actions drop-down menu to delete template(s) from the list.

    Search option to find any specific template from the list.

    Add New Template

    To create a new notification template, click Add New button as shown in the previous image. The admin needs to provide the following template information. Click Save Template button, when done.

    Template Information:

    Title – This will be your title of your push notification message which will appear on top.

    Message – This is where you have to enter the content/body of your message.

    Redirect URL – Enter the web page link for the message.

    Tags – Add tags to your messages for searching and filtering them from the list.

    Logo – You can upload any supported image file for your notification logo, click the Browse button.

    Send Notification

    The admin can manage the subscribed users and send web push notification. By navigating through Marketplace Management->Mp Push Notification->Send Notification.

    After clicking the Send Notification option, a new page will appear. Here the admin can find information about its subscribed users. Such as ID, Subscribed From (browser), Subscriber Name, Subscribed date & time.

    Search option to find any particular subscribed user from the list.

    To remove any subscribed user(s) from the list, use the Actions drop down menu and select Delete option, then click Submit button. Only the admin can remove a subscribed user from the list.

    To send a new web push notification message, the admin needs to select users first. Click Select All or use checkbox option to select users. Now go to Actions drop down menu and select Send Notification option. Then select any of the templates from the menu and click Submit button as shown in below screenshot.

    When the admin has successfully sent a new push notification to the users, it will get a small message on top as “Push notification(s) has been sent”

    Seller Management

    After logging in to the seller account. There will be two new menu options available for each seller i.e. – Registered Users and Notification Templates in My Account section. Please refer from the below screenshot.

    Notification Templates

    To manage notification templates click Notification Templates option. Here the seller will find all the list of templates created. It can view template information – Title, Message, Redirect Url, Tags, Logo. And Created date & time. 

    To create a new template message simply click on New Template button.
    For editing or deleting an existing template click edit or delete icon under Action column.
    The seller can also search for its templates by entering the title or message and dates in the search field and click Submit.

    Add New Template

    After clicking the New Template button, the seller will see the Add New Template page. Here the seller has to fill in the information and click Save button. Please refer from the screenshot below:

    Template Information:

    Title – This will be your title of your notification message.

    Message – This is where you have to enter the content/body of your message.

    Redirect URL – Enter the web page link for the message.

    Tags – Add tags to your messages for searching and filtering them from the list.

    Logo – The seller can upload any supported image file for the logo.

    Registered Users

    After clicking the Registered Users menu option, the seller will see a page where it will show information about all the subscribed users. The seller can send a web push notification message from here. There is also a search option on top, where the seller can find users according to the browser and subscribed date.

    Send Notification

    To send a push notification message. Navigate to Registered Users menu option. Then select the users using checkbox menu option. To select all users click the top checkbox. After that, select any one of the templates using the drop-down menu. Click Send Notification button.


    Final Confirmation

    A final confirmation message will appear, click OK button to send the notification message. Please see the below screenshot:

    User Front-End View

    After installing Web Push Notification module in Magento. The users of the website will get a pop-up message on top of their browser window. The pop-up message will ask users whether to show notifications from your website or not. The users will have to click the Allow button for receiving web push notifications.

    Sample Web Push Notification

    Please see below screenshot to see how your web push notification message will appear on the front-end. Title, Logo, and Message elements are visible to the subscribed users.

    Please note: – If a seller or the admin select all the users and sends a web push notification message. All the registered users of the website will see that message. 

    Thank you for reading this blog. If you have any further query or require more information about this module please feel free to reach

    Current Product Version - 1.0.0

    Supported Framework Version - 2.0.x.x, 2.1.x.x, 2.2.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top

    Table of Content