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. With PushEngage WordPress plugin you can easily send Web 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.

Web Push Notification Integration For WooCommerce Website

You can use PushEngage for sending web push notification for WooCommerce website. Below is the detailed description on how to go live with PushEngage on your WooCommerce website with a WordPress Plugin.

WooCommerce

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.aynsc-versionlegacy-version There are two codes present in the dashboard and you need to choose either of them. We suggest using the Async version code.

push notification script to add to WooCommerce website header

That’s all, your installation 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 Dialog Box > Select site type as HTTPS > Select an optin and click on edit.subscription dialog box for WooCommerce Website
  3. Then navigate to Desktop > Options and enable Quick Install. Once done save the changes and do the same for mobile as well.quick install Push Notification for WooCommerce Website
  4. You can also customize the subscription opt- in by changing the font size, button color, placement and intermediate page depending on your website.installation settings for WooCommerce Website

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

https://www.your_site_name.com/manifest.json 

https://www.your_site_name.com/service-worker.js

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