Webkul Store
Progressive Web App (PWA) for WooCommerce
4 Review(s)

Description

Progressive Web App for WooCommerce: Progressive Web App for WooCommerce uses modern web technologies to deliver an app-like experience to users right within their web browsers. This extension is built on top of the React.js library, which makes it even more powerful, flexible, fast, and scalable.

This plugin converts your WooCommerce webstore into a Progressive Web App instantly. The store visitors will experience the high-performance benefits of the Progressive Web App, which is based on a headless architecture.

Please Note:

  • Your website must be https:// enabled for offline caching to work.
  • Get free stripe payment method integration with PWA (Limited Period Offer)
  • You can also download the PWA app for Android devices via Play Store.

Highlighted Features

 Lightweight App

The Progressive Web App is lightning fast as compared to a website thereby increasing user engagement.

 Always Fresh/Updated

No need to update the PWA as compared to the traditional apps.

 Supports Slow Internet

WooCommerce PWA will also respond even if you are having slow internet connectivity.

 Native App-Like Experience

PWA always feels like the end-user is using a WooCommerce Native Mobile Application.

 Home Screen Shortcut

The name of the shortcut added to the home screen can be set by the store owner.

 Easy To Configure

The admin can set the name of the PWA, the short name, and other available options for the PWA icons.

What is the need for this extension?

This extension converts your online webstore into a Progressive Web App which looks and works the same as a native-like app. It can also be installed just like the other native apps so that the users can access them in one click from their home screen.

Also, there is no need to update the PWA as it’s always updated, and you can customize and make changes within the app swiftly.

As PWAs provide offline support, the users can now even interact with the app when there is low or no internet connection. The PWAs sync in the background and seamlessly do things, thereby promising a powerful app-like browsing experience to the users.

PWA Configuration

Before using the mobile PWA version of your website, the admin will have to configure the Progressive Web App configuration settings from the admin backend panel.

After a successful setup, the customers will be able to access the PWA on their mobile apps and experience the rewards of using the same. Here, the admin will -

  • Enter the name of the Progressive Web App.
  • Set the short name for the PWA app shortcut on the mobile device after installation.
  • Set the theme color of the PWA.
  • Choose the background color of the PWA.
  • Enter the app endpoint for accessing the PWA on mobile devices.
  • Upload the app logo for the PWA along with different App icon dimensions.

Banner Creation

Banners are custom image-based banners that can be added by the admin. The admin can add multiple numbers of banners as required. The admin can also find all of the created banners and can edit/delete them as required. The admin can add the banner by -

  • Tapping the add slider button option.
  • Enabling the banner by using the toggle button.
  • Uploading an image for the slider.
  • Adding a link for the banner where the customer gets redirected after tapping the slider banner.
  • Lastly, tap the save button to save the banner for the slider.

Top Categories

The top categories can also be used to promote specific categories. These categories contain multiple numbers of products. On the PWA shop-page end user can view the top categories set by the admin of the site from the backend. The admin of the website will be able to -

  • Add multiple top categories for the PWA.
  • Tap the add category button to add a new top category.
  • Enable the category.
  • Select the category to make it a top category for the PWA home page.
  • Upload the category icon that is visible on the PWA home page.
  • Lastly, tap the save button to save the top category.

Push Notifications

PWAs now provide the feature that only the native apps would be able to provide earlier like the push notifications. The admin can find a list of added notifications for the PWA. The admin can add/delete and send notifications in bulk by selecting the notifications first and then choosing the respective option from the ‘Actions‘ drop-down.

  • PWAs now provide the feature that only the native apps would be able to provide earlier like the push notifications.
  • The admin can find a list of added notifications for the PWA.
  • The admin can add/delete and send notifications in bulk by selecting the notifications first and then choosing the respective option from the ‘Actions‘ drop-down.

Additional Pages

The admin of the website can easily add additional pages to the Progressive Web Application that redirects the customers to the respective resources. For example, the admin can add a support page and other pages as required. Now, when a customer taps on these links within the PWA they are redirected to the set pages. This allows the customers to easily navigate to respective resources.

  • Add multiple external links for resources that should be accessible to customers
  • Add the title for the external link that is visible in the PWA
  • Add the external link where the customer be navigated to after tapping the link
  • A neat way to add sources for customers

Headless PWA

PWA headless is the most prominent advancement in the e-Commerce industry. Here the fetching of data uses API which makes it more advance. It follows the decoupling approach wherein the frontend is not intact with the backend. It will allow the owner to refresh the design without re-implementing the whole content.

Headless PWA (Progressive Web Applications) uses web compatibilities to provide fast, reliable and engaging mobile application experience to your users, even in uncertain network conditions. Headless PWA is bridging the gap between mobile apps and websites effectively.

  • Low development cost
  • An app like look and feel
  • Fast installation
  • Better performance
  • No manual updates required
  • Seamless offline operation
  • Push notification functionality

Built on ReactJS

Headless PWA is built using the React-JS which provides an advanced and rich experience to its users. React. js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps.

ReactJS also allows us to create reusable UI components. The main purpose of React is to be fast, scalable, and simple.

  • It comes with a helpful developer toolset.
  • PWA with ReactJS is scalable and simple.
  • Guarantees stable code
  • Ensures faster rendering
  • Efficient performance
  • It provides an advanced and rich user experience.

Desktop PWA

PWA is mainly focused on mobile applications but the benefits of PWA shouldn't be limited to mobile users only. Modern web browsers have been working to support PWA installation on computers. Google Chrome already supports installing Progressive Web Apps in it's latest versions. On Windows PC/laptop, you can install WooCommerce PWA App like other native applications.

  • Automatic updates
  • No need to manage and distribute several versions
  • Quick access to the application from launcher
  • Fast installation from the browser
  • Apps start promptly
  • Apps support push notifications for alerting users of important events

Support

For any query or issue, please create a support ticket here http://webkul.uvdesk.com/

You may also check our quality WooCommerce Plugins.

5.0
based on 3 reviews
G
German Rodriguez
Posted On - February 16, 2024
Skilled and professionls support
A group of highly skilled professionals dedicated to resolving your issues in no time. They excellently handled our problems, and I wholeheartedly recommend them, especially the support team.
C
caseychoi79
Posted On - August 17, 2020
Customer Support
The plugin is awesome and their support team is also awesome. They quickly respond and support me to build the PWA app. I really appreciate it!

K
Kreative Pro
Posted On - August 6, 2020
Awesome Support
The plugin is awesome and their support team is also awesome. They quickly respond and support me to build the PWA app. I really appreciate it!
Stephanie Hallberg
www.drhakan.se/ (SE)
Posted On - August 9, 2019
Great service and support
Excellent service, and very friendly support staff !
No Showcase.
Product Version
2.1.0
Supported Browsers
FirefoxGoogle ChromeOperaSafari
Tags
Released
4 years ago
Last Updated
1 month ago
Supported Version
WordPress5.x.x6.x.xWooCommerce5.x.x6.x.x7.x.x