How to Go Live with Web Push Notifications on WooCommerce Site?

Creating an e-commerce website on WordPress has now become easier with WooCommerce. WooCommerce is a free plugin you can use with your WordPress website. It allows you to create your store, showcase products, categories, and sell online. If you are thinking of web push notification service for your WooCommerce website, then start with PushEngage. Using PushEngage WordPress plugin you can easily send push notification from the WooCommerce website. It’s easy to use and install a plugin for your WordPress. PushEngage has many features specially created to boost your e-commerce business. You can use PushEngage for sending web push notification from your WooCommerce website.

Web Push Notification Integration For WooCommerce Website

Below is the detailed description of how to go live with PushEngage on your WooCommerce website with a WordPress Plugin.


For HTTP Website –

  1. Login to your WordPress Dashboard and navigate to Plugin.Push Notification for WooCommerce Website
  2. Then click on Add New and look for Insert Headers and Footers In place of this if you want you can use any other custom header footer plugin and use that (I have used Insert Header and Footer for the same).wordpress plugin for woocommerce websiteintegrating desktop push notification on woocommerce website
  3. Then Click on Install Now.
  4. Once the Plugin is installed navigate to Settings > Insert Headers and Footers.insert code to integrate plugin on WooCommerce Website
  5. In “Scripts in header” add the three-line JS code mentioned in Installation Settings of your PushEngage Dashboard and click on Save.code for push notification installation
push notification script to add to WooCommerce website header

That’s all, your Push Notification installation on WooCommerce is complete, and you will get an opt-in for the subscription when you visit your WooCommerce website. Once you start receiving subscribers, you can send real-time push notification for your WooCommerce website.

WooCommerce website with Push Notification Opt-In

For HTTPS Website –

  1. Follow the steps mentioned in HTTP Websites.
  2. Being an HTTPS website you would need to do an extra step to complete the installation. Navigate to Settings > Subscription Settings > Subscription Dialog Box > Select site type as HTTPS > Select an optin and click on edit.
    editing push subscription opt-in
  3. Then navigate to Desktop > Options and enable Quick Install. Once done save it. Do the same for Mobile Options.
    quick install in desktop
  4. You can also customize the subscription opt-in by changing the font size, button colour, placement, and intermediate page depending on your website.

If you don’t wish to use Quick Install then you can navigate to installation settings and source the package files that have service-worker. Ensure the files is placed in your root folder & the below links are accessible:


That’s all and your installation of Push Notification on WooCommerce website is complete. For other platforms like volusion, you can use PushEngage for push notification service.

Free trial for push notification

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Engage and Retain Visitors AfterThey’ve Left Your Website

Increase the value of every web visit with Push Notifications that are hard to miss.

  • Forever Free Plan
  • Easy Setup
  • 5 Star Support