Reading list Switch to dark mode

    WordPress WooCommerce Web Push Notification

    Updated 31 May 2023

    WordPress WooCommerce Web Push Notification Plugin allows the admin to send browser push notification messages to its existing users. Web push notifications are clickable messages that are sent by a website to its 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 access on all devices (desktop, mobile, tablet, etc).

    Also, the 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 browsers 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 quickly 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.

    Searching for an experienced
    WordPress Company ?
    Find out More

    Features

    • There is no monthly subscription required to notify customers.
    • No limitation on the number of subscribing users.
    • Admin can remove any subscribed user.
    • A custom icon and redirect URL is 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

    Now browse the file, and 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

    Thus, in this way, you can install the module.

    Module Translation

    To know how to translate the module, you can click here.

    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 the Firebase page. Please click the “CREATE NEW PROJECT” button as shown in the below screenshot.
    Create a new project

    2. A small pop-up window will appear with the name Create a project. Here you have to enter your Project Name and then select your Country/Region.
    create project

    3. Once the details are filled click the “CREATE PROJECT” button.

    4. After creating your new project click the Settings menu icon. And then select the “Project Settings” option. A new Settings page will open as displayed below.
    Fire base settings

    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.
    Firebase

    6. Now, click the “CLOUD MESSAGING” tab. From here you will find your Project Credentials. Copy and save your Server Key and Sender ID as displayed below.
    Firebase

    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 Notification-> Configuration”. Here, the admin needs to enable the status of the plugin and then enter all the credentials which are collected from Firebase as per the below image.
    configuration_woocommerce_web_Push_notification_Plugin
    After that admin can configure auto notification options under “WooCommerce Push Notifications > Options.” 
    options_woocommerce_web_Push_notification_Plugin

    Here admin can select check boxes as per the requirement.

    Can check “A new product is published” to auto-notify subscribers of every new product.

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

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

    Admin-end Workflow

    The admin can create a new notification under “WooCommerce Push Notification-> New notification” as per the below image.

    create_notification_woocommerce_web_push_notification_plugin-1

    Also, the admin can view a list of all subscribers under “WooCommerce Push Notifications > Subscribers” as in the below image.

    subscriber_list_woocommerce_web_push_notification

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

    notification_history_woocommerce_web_push_notification_plugin

    For any support and services required for the plugin, the admin can check the Support & Services section.

    Services:

    services

    Support:

    support

    Subscriber-end Workflow

    When a new user visits the website for the first time, then he/she can subscribe for notifications through a pop-up message on top of their browser window.

    Moreover, this pop-up message will ask users to show notifications from your website. The users will have to click either the Allow or Block option.

    A user can also change the permissions of notifications as per the below image.
    WordPress WooCommerce Web Push Notification

    Also, the user gets notified of the new notifications on the website as shown in the below image.

    frontend2

    Thus, that’s all for the WordPress WooCommerce Web Push Notification Plugin. Still, have any issues feel free to add a ticket. And let us know your views to make the plugin better at webkul.uvdesk.com

    Current Product Version - 1.1.1

    Supported Framework Version - WooCommerce 7.3.x, WooCommerce 4.7.x, WooCommerce 4.6.x, WooCommerce 4.5.x, WooCommerce 4.4.x, WooCommerce 4.3.x, WooCommerce 4.2.x

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    2 comments

  • WonderPush
    • Prince (Moderator)
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content