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. 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.
For HTTP Website –
- Login to your WordPress Dashboard and navigate to Plugin.
- 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).
- Then Click on Install Now.
- Once the Plugin is installed navigate to Settings > Insert Headers and Footers.
- In “Scripts in header” add the three line JS code mentioned in Installation Settings of your PushEngage Dashboard and click on Save. There are two codes present in the dashboard and you need to choose either of them. We suggest using the Async version code.
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.
For HTTPS Website –
- Follow the steps mentioned in HTTP Websites.
- 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.
- Then navigate to Desktop > Options and enable Quick Install. Once done save the changes and do the same for mobile as well.
- You can also customize the subscription opt- in by changing the font size, button color, 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 two package files that are manifest.json and service-worker. Ensure these files are 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.
- How to Unsubscribe from Push Notifications in Chrome and Firefox
- How to Configure a Firebase Cloud Messaging Key & Why You Should Use FCM API Key
- Guide to Implementing Web Push Notifications, Without a Vendor Lock-in
- 7 Ways To Increase Your Web Push Subscription Rate
- Drip Campaigns and Autoresponders For Web Push Notifications
- How to Go Live With Web Push Notification Using PushEngage in 3 Easy Steps