WordPress WooCommerce Web Push Notification

WordPress WooCommerce Web Push Notification

WordPress WooCommerce Web Push Notification Plugin allows the admin to send push notification messages to its subscribed users. Web push notifications are clickable messages that are sent by a website to their subscriber’s browsers. They work very similarly to mobile app push notifications (notifications sent by a mobile app that land in your notification tray) except that they work on websites instead of apps and can be accessed on all devices (desktop, mobile, tablet, etc).

Web push notification is an important channel for E-commerce since it gives websites the power of instant communication to the subscriber and that too on all devices, whether it is desktop mobile or tablet.

Note : Compatible with Mozilla Firefox and Google Chrome web browser and SSL certification is required for the website.

Support

Dear Customers, if you have a question/query, please raise a ticket at webkul.uvdesk.com. We will do our best to answer as quick as it is possible. Don’t give us a low rate without contacting support on the issue you’ve faced with. We are always happy to help you.

Features

  • There is no monthly subscription required to notify customers.
  • No limitation on the number of subscribed users.
  • Admin can remove any subscribed user.
  • A custom icon and redirect URL can be added with the push notification.

Installation

The user will get a zip file which he has to upload in the “Add New” menu option in the WordPress admin panel. For this login to WordPress Admin Panel and Under the Dashboard hover your mouse over the “Plugins” menu option which brings out a Sub-Menu and then select the “Add New” option.

WordPress WooCommerce Web Push Notification

After this, you will see an option on the top of your page that is “Upload Plugin”, click the option to upload the zip file.

WordPress WooCommerce Web Push Notification

After clicking on the “Upload Plugin” option, below that you will see a button “Choose File” click on the button to browse for the zip file as per the snapshot below.

WordPress WooCommerce Web Push Notification

After browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

WordPress WooCommerce Web Push Notification

Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Click on “Activate Plugin” to activate the installed plugin.

WordPress WooCommerce Web Push Notification

Creating Firebase Project Credentials

To use this plugin, you must have Firebase Project Credentials. Firebase Project Credentials are required to configure this plugin. Please click here to create a new project with your Gmail account.

1. After opening Firebase page. Please click “CREATE NEW PROJECT” button as shown in the below screenshot.
WordPress WooCommerce Web Push Notification

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.
WordPress WooCommerce Web Push Notification

3. After completing the details click “CREATE PROJECT” button.

4. After creating your new project click Settings menu icon. And then select “Project Settings” option. A new Settings page will open as displayed below.
WordPress WooCommerce Web Push Notification

5. After entering the Settings page, you will find your Project ID and Web API Key. Copy and save your Project ID and Web API Key as displayed below.
WordPress WooCommerce Web Push Notification

6. After that, click “CLOUD MESSAGING” tab. From here you will find your Project Credentials. Copy and save your Server Key and Sender ID as displayed below.
WordPress WooCommerce Web Push Notification

From here you will find all the details and credentials to configure WordPress Woocommerce Web Push Notification plugin.

Configuration

Admin can configure this plugin with the help of collected credentials under “WooCommerce Push Notifications > Settings”. Here admin needs to enter all the credentials which are collected from Firebase as below image.
WordPress WooCommerce Web Push Notification
After that admin can configure auto notification options under “WooCommerce Push Notifications > Options.” 
WordPress WooCommerce Web Push Notification

Here admin can select check boxes as per the requirement.

Check “A new product is published” to auto notify subscribers for every new product.

Check “A new blog is published” to auto notify subscribers for every new blog.

Check “A new blog is published” to auto notify subscriber for every new page.

Admin-end Workflow

Admin can create new notification under “WooCommerce Push Notifications  > New notification” as per the below image.

WordPress WooCommerce Web Push Notification

Admin can view list of all subscribers under “WooCommerce Push Notifications > Subscribers” as below image.
WordPress WooCommerce Web Push Notification

Admin can view notification history under “WooCommerce Push Notifications > Notification History” as below image.
WordPress WooCommerce Web Push Notification

Subscriber-end Workflow

When a new user visits first time on the website then he/she can subscribe for notifications through a pop-up message on top of their browser window. This pop-up message will ask users to show notifications from your website, the users will have to click either Allow or Block option. A user can also change the permissions of notification as per the below image.
WordPress WooCommerce Web Push Notification

A user will be notified for new notification of website as shown in below image.
WordPress WooCommerce Web Push Notification

That’s all for the WordPress WooCommerce Web Push Notification Plugin still have any issue feel free to add a ticket and let us know your views to make the plugin better at webkul.uvdesk.com