Progressive Web App (PWA) & Push Notifications for WordPress & WooCommerce

Progressive Web App (PWA) & Push Notifications for WordPress

Progressive Web App for WordPress plugin is an innovative solution for e-commerce or blogging websites running on the WordPress platform. It transforms your website into a fully functional Progressive Web App (PWA), providing users with a fast, reliable, and engaging experience, regardless of their network connection or device.

The Progressive Web App for WordPress plugin is easy to install and use, requiring no special technical skills or coding experience. Once installed, the plugin enhances your website’s functionality, making it work like a native app on mobile devices while maintaining the full functionality of your WooCommerce and WordPress websites.

One of the key benefits of the Progressive Web App for WordPress plugin is its speed and reliability. PWAs use advanced technologies to deliver lightning-fast load times, even on slow network connections. This provides a seamless experience for users, regardless of their location or device, and helps to reduce bounce rates and increase conversions.

The Progressive Web App for WordPress plugin also offers an enhanced user experience, with features like push notifications, offline access, and a sleek, intuitive interface. This helps to improve user engagement and keeps customers coming back for more.

Admin will be able to configure any site like e-commerce (WooCommerce) or blogging (Simple WordPress) in Progressive Web App (PWA) with this plugin. Users can visit your site by launching the app from their mobile device and interacting with your site through an app-like interface. Push notifications can be sent to users via desktop and mobile web to re-engage with your website. Push Notifications can be based on WordPress and WooCommerce, like newly published blogs, products, sale products, offers, in-stock reminders, etc.

Besides these benefits, the Progressive Web App for WooCommerce plugin is highly secure, using industry-standard encryption technology to protect user data and transactions. The plugin is regularly updated to ensure compatibility with security and performance standards.

Another major advantage of the Progressive Web App for WordPress plugin is its affordability. Unlike traditional native mobile apps, PWAs are relatively cheap and easy to develop, making them a cost-effective solution for e-commerce businesses looking to expand their reach and engage with their customers in new ways.

Overall, the Progressive Web App for WordPress plugin is an excellent solution for e-commerce businesses looking to enhance their website’s functionality and user experience. With its fast and reliable performance, intuitive interface, and enhanced security features, this plugin is the ideal choice for anyone looking to take their WooCommerce or WordPress website to the next level.

Why choose our plugin?

All our products meet the WordPress quality standards, including security, quality, performance and modern coding standards. For this, We are also awarded with WP Requirements Compliant Badge by Envato for our CodeCanyon Profile.

Features of Progressive Web App for WordPress

• PWA app increases the performance of your site.
• Users will be able to download the PWA app for your store.
• Your site can be cached at the client’s end for offline view.
• Desktop app is also supported for chrome v76 and above.
• Analytics report for the PWA installations.
• Analytics report for the subscribers who have allowed notifications for your site.
• Increase in-store sales with user-engaging features.
• Admin can enter a name, short name and choose the background and theme color for the PWA.
• Admin can upload the PWA icons from the backend.
• Users can allow/block the notifications for your site.
• It is Compatible with all WordPress and WooCommerce themes, but the theme needs to be responsive.
• Admin can send push notifications to the users who have allowed the notifications.
• Unlimited number of notifications and subscribers.
• Admin can add, edit and delete notifications from the Progressive Web App menu at the admin end.
• Admin can enter the title, description, URL and choose an image for the notification content.
• Multilingual is also supported with the given .pot file in the plugin.

Admin End – Progressive Web App for WordPress

Configuration – Progressive Web App for WordPress

Notification Settings

Configure notification pop-up and Firebase settings for push notifications.

• Show Notification Popup to Allow Notifications: This will display the user-friendly notification pop-up first, so the user can allow or cancel it. If disabled, then a direct allow notification pop-up will appear.
• Web Push Certificate Public Key: This will be used for sending notifications. Web Push certificate public Key can be found on Firebase Google by navigating to the project, to the added app, and you will find it there.
• GCM Sender ID: This will be used for sending notifications. GCM Sender ID can be found on Firebase Google by navigating to the project, to the added app, and you will find the Sender ID.
• Firebase Config: This will be used for sending notifications. Firebase config can be found on Firebase Google by navigating to the project, to the added app, and you will find Firebase config under the Firebase SDK snippet.

App Information

Configure the basic information and appearance of your Progressive Web App.

• App Name: Enter the app name that will be displayed to users.
• App Short Name: Enter the app short name that will be displayed on the home screen.
• Theme Color: Select the app theme color that will be used in the browser UI.
• Background Color: Select the app background color.

Service Accounts

Upload your Firebase service accounts JSON file for server-side operations.

App Icons

Upload app icons in different sizes for various devices and platforms.

Push Notifications – Progressive Web App for WordPress

Here, the admin can see the list of added notifications from where he can perform some operations, i.e. search or edit any previously added notifications, delete any notification or send a notification to the users.

Add Notification

Admin can add new notifications from this page.

Title

Title will be displayed in the push notification to the users.

Description

Description will be displayed in the push notification to the users.

Image

Admin need to upload or select previously uploaded images, which will be displayed in the push notification to the users.

URL

Admin needs to enter the URL for which users get redirected when they click on the push notifications.

Status

This is the status of the notification, which can be either Enabled or Disabled.

Analytics – Progressive Web App for WordPress

Here, Admin can see the analytics reports for the PWA installations and the subscribers who have allowed notifications on your site. The admin can see the data from the last 15 days in the report.

Customer’s End – Progressive Web App for WordPress

Progressive Web Desktop App

Customers can visit your site and download the app from this + icon, as shown in the image below. Then, the app is added to the customer’s desktop, and he/she is able to use your site with the app.

Progressive Web Desktop App

When the customer visits your site in the mobile browser, he/she will see the popup to add the PWA to your Home screen option from which he’s able to add the PWA and use the app interface for your site. The steps are mentioned in the below images.

After adding the app, users will see the app on their mobile home screen, as shown in the image below, through which they can access your site.

Push Notifications

When Admin sends any notification from the backend, users who have allowed notifications will receive the notifications on their mobile phone as well as desktop.

After clicking the notification, the app will open with the URL set in the notification by Admin.

Multilingual – Progressive Web App for WordPress

Admin can use the .pot file, which is provided within the plugin in the languages folder from which they can translate the plugin.

Support

Dear Customers, if you have any questions or queries or need assistance with our WooCommerce extensions or development services, kindly connect with us from our contact page. We will do our best to answer as quickly as possible. If you have a moment, please rate our plugins. We’ll appreciate it very much!….Thank you.

Also, the browser can update its PWA functionality anytime, so you can check the official browser page to know how to install the PWA app. Here is the guide to install the PWA app on Chrome.

Change Log

v 1.4.0
Updated new firebase update workflow for push notifications.
Added compatibility with latest WordPress and WooCommerce.
Added new hooks for the customization compatibility.
Resolved security issues.

v 1.3.0
Added WooCommerce HPOS (High-Performance order storage) compatibility.
Added compatibility with latest WordPress and WooCommerce.
Added new hooks for the customization compatibility.
Resolved security issues.

v 1.2.0
Added splash screen with icon size of 512x512 pixels.
Resolved security issues.

v 1.1.4
Added compatibility with the latest WordPress and WooCommerce.
Resolved security issues.

v 1.1.3
Added compatibility with the latest WordPress and WooCommerce.
Updated license API.
Resolved security issues.

v 1.1.2
Added compatibility with WordPress 5.8.x
Added compatibility with WooCommerce 5.7.x
Resolved analytics data with translated sites.
Fixed other security issues.

v 1.1.1
Added License Activation in the configuration menu.
Fixed security issues.

v 1.1.0
Added new analytics submenu.
Added analytics reports for PWA installations and subscriber count.
Fixed security issues.

v 1.0.0
Initial Release