You have a site based on Magento and want to integrate Push Notification. With PushEngage you can easily integrate web push notifications on Magento websites. PushEngage supports both HTTP and HTTPS Magento websites. You can also use the PushEngage Magento extension to install push notification on your site.

If you would like to Install PushEngage on a Magento site, please go ahead and follow the steps below.

For HTTP websites

  1.  Log on the administrator panel of your Magento Dashboard.
  2. From the side menu. Select STORES>Configuration
Push Notification on Magento

3. In the next step: Select ‘Design’ from the left side bar.

Integrate PushEngage In Magento

4. Add the custom script provided by PushEngage in  HTML Head > Miscellaneous Scripts section. You will find this script in your PushEngage dashboard. Go to the Settings -> Installation and copy the code.

Please note, there are two codes present in the dashboard and you can use either of them. If you wish to use Async Version you can add the code anywhere in the HTML of your website and if you use Legacy version code should be in the Head section. However, we suggest using the Async version of the code.

Web Push Notifications In Magento
  1. Save configuration to complete the integration process of Push Notification on Magento websites.
  2. After that click on Cache Management.
  3. Then click Flush Magento Cache.
Steps To Integrate Push Notifications In Magento

You have now successfully integrated PushEngage Push Notification on your Magento website.  If you have an HTTPS site, then read ahead and follow the final steps below.

For Older Versions of Magento follow the steps below

  1. Log on the administrator panel of your Magento Dashboard
  2.  From the top menu.Select System>Configuration
  3. In the next step: Select ‘Design’ from the left sidebar.
  4. Add the custom script provided by PushEngage in Miscellaneous HTML section
    <script src=""></script> <script>_pe.subscribe();</script>
  5. Save configuration to complete the integration process

For HTTPS Site

After the above steps, download the manifest.json and service-worker.js file from PushEngage dashboard under Settings -> Installation Settings

A) Save the files in the website root folder, and ensure it is accessible at and

B) That's it you should be live with PushEngage Web Push Notification on your Magento website.

We provide integration for other platforms as well. Integrating PushEngage Web Push Notification on WordPress or integrating on Shopify or integrating it on the Blogger website is very easy. You can also check out the Push Notification Installation guide for details.

If you have questions, email us



  1. Good one! I just found this one interesting.
    Check out BetaPage it is a startup directory where you can discover, hunt and upvote on various innovative startups as per your choice.

    Thank you.

  2. Akash Kumar Reply

    Hello Ravi Bro,
    Really nice article and thanks for sharing this.I am thinking to start a tech blog with Magento.Thanks again.

  3. really nice tutorial keep up the good work, can you please share word press tips and tricks as well.

  4. i have issue with google translate overlay above the push notification in the mobile platform
    my blog –

    • In that case, you can configure where the pop-up for subscription appears in Settings > Subscription Dialogbox settings.

  5. Alex Morco Reply

    Thanks for sharing this helpful article, Installing Magento is easy after viewing this tutorial but I am using it with cloudways managed platform,

  6. FirstSavingscc Login Reply

    This is really helpful post for my Magento install. Thanks

Write A Comment