{"id":216797,"date":"2019-12-30T05:28:06","date_gmt":"2019-12-30T05:28:06","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=216797"},"modified":"2026-05-08T05:18:58","modified_gmt":"2026-05-08T05:18:58","slug":"wordpress-pwa-plugin","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/","title":{"rendered":"Simple PWA For WordPress"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Introduction<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The <a href=\"https:\/\/store.webkul.com\/wordpress-simple-pwa.html\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress PWA<\/a> is meant to convert the website into a reliable and faster application. PWA is the best solution to enhance user experience. <\/p>\n\n\n\n<p>Henceforth it gives a native app-like feel to the app users.<\/p>\n\n\n\n<p>The user will easily convert the app to PWA by Adding it to the Home screen. This option will add the application to the home screen. Thus, allowing the access of the site via an application only.<\/p>\n\n\n\n<p>However, besides the e-commerce benefits, the application is valuable for the Blog Website. This is due to its additional support for WordPress. <\/p>\n\n\n\n<p>Wherein now the app user can read the blogs of WordPress using the PWA.<\/p>\n\n\n\n<p>This is a scalable solution for the website owner. Thus, gives higher performance benefits and attracts maximum customers.<\/p>\n\n\n\n<p><strong>Note:- The plugin is compatible with WooCommerce v4.0.1.<\/strong><\/p>\n\n\n\n<p>Checkout the PWA app experience at the mobile end and the configurations as well &#8211;<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"rFM8N9dfV6o\"><div class=\"components-placeholder__instructions\">rFM8N9dfV6o<\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Why Use PWA for eCommerce and Blogging Website?<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The creation of PWA can add great advantages to the eCommerce website and blogging website users. <\/p>\n\n\n\n<p>It helps in enhancing user engagement, improvising the conversion rate and make the checkout process more faster.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Advantage of Being on Homescreen<\/strong>&#8211; The PWA takes in the upper hand of being on the home screen. Thus allowing much easier accessibility.<\/li>\n\n\n\n<li><strong>User Engagement-<\/strong> This application is attractive enough for the user as they are a faster and reliable source. However, in addition, they have an extra dynamic feature of web push notification to make it more user-friendly.<\/li>\n\n\n\n<li><strong>The network is not an issue<\/strong>&#8211; Now, PWA has service workers which allows them to initiate the application in less data also.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Establishing a Successful PWA like Aliexpress<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>With the advent of technology, the PWA application is getting higher recognization. The major example of this advancement is AliExpress.<\/p>\n\n\n\n<p>So, as per the statistics shared <em><a href=\"https:\/\/developers.google.com\/web\/showcase\/2016\/aliexpress\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Google Developers (opens in a new tab)\">Google Developers<\/a><\/em>&#8211;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>104% for new users across all browsers; 82% increase in iOS conversion rate<\/li>\n\n\n\n<li>2X more pages visited per session per user across all browsers<\/li>\n\n\n\n<li>74% increase in time spent per session across all browsers.<\/li>\n<\/ul>\n\n\n\n<p>Thus, the PWA can act as a boon to any business structure with it powerful features.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features- WordPress PWA<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li>Much more user-friendly solution.<\/li>\n\n\n\n<li>Works on low internet connectivity.<\/li>\n\n\n\n<li>It just looks like a native app.<\/li>\n\n\n\n<li>The theme of the application can be set from the backend by the admin.<\/li>\n\n\n\n<li>The application name and icon could even be altered from the admin end.<\/li>\n\n\n\n<li>Incrementation of store sales with user engaging features.<\/li>\n\n\n\n<li>Supports Multi-store, multi-currency and multi-lingual.<\/li>\n\n\n\n<li>Compatible with all the WordPress theme but the theme needs to be responsive.<\/li>\n\n\n\n<li>The app is useful for both product sales as well as blogging website.<\/li>\n\n\n\n<li>The module provides notification features for admin to share information with the customer.<\/li>\n\n\n\n<li>All the WordPress Themes are compatible with the module.<\/li>\n<\/ul>\n\n\n\n<p><em><strong>Note- <\/strong><\/em>However, you can even check the headless solution of PWA- <strong><a href=\"https:\/\/store.webkul.com\/woocommerce-progressive-web-app.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" Progressive Web App (PWA) for WooCommerce (opens in a new tab)\">Progressive Web App (PWA) for WooCommerce<\/a>.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><strong><span style=\"text-decoration: underline;\">Steps<\/span><\/strong><\/p>\n\n\n\n<p><strong>1<\/strong>: Login to WordPress Admin Panel and navigate through \u2018<strong>Plugins-&gt;AddNew<\/strong>\u2018.<\/p>\n\n\n\n<p><strong>2<\/strong>: Now, click on the \u2018<strong>Upload Plugin<\/strong>\u2018 button on the top of your page to upload the zip file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"180\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png\" alt=\"webkul_wc_pwa_installation_upload_plugin-1\" class=\"wp-image-218112\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1-300x45.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1-250x38.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1-768x115.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>3:<\/strong> Now, tap the \u2018<strong>Choose File<\/strong>\u2018 button to browse for the zip file.<\/p>\n\n\n\n<p><strong>4<\/strong>: After selecting the zip file, tap the \u2018<strong>Install Now<\/strong>\u2018 button to install the plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1114\" height=\"302\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_install_plugin-1.png\" alt=\"webkul_wc_pwa_installation_install_plugin-1\" class=\"wp-image-218115\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_install_plugin-1.png 1114w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_install_plugin-1-300x81.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_install_plugin-1-250x68.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_install_plugin-1-768x208.png 768w\" sizes=\"(max-width: 1114px) 100vw, 1114px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>5<\/strong>: After successful installation, a success message is visible along with an option to \u2018<strong>activate<\/strong>\u2018 the plugin. So, tap on <strong>\u2018Activate Plugin<\/strong>\u2018 to activate the installed plugin.<\/p>\n\n\n\n<p>Also, discover various solutions to add more features and enhance your online store by visiting the&nbsp;<a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce plugins<\/a>.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>To know how to translate the module, you can click&nbsp;<a href=\"https:\/\/webkul.com\/blog\/how-to-translate-the-woocommerce-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Creating Firebase Product Credential<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>In order to use this module, you need to have&nbsp;<strong>Firebase Project Credentials,&nbsp;<\/strong>which will be used in the module configuration. Please visit&nbsp;<a href=\"https:\/\/console.firebase.google.com\/\">this<\/a>&nbsp;link&nbsp;and create a new project with your Gmail account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"611\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/firebase-1200x611.png\" alt=\"firebase\" class=\"wp-image-216948\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/firebase-1200x611.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/firebase-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/firebase-250x127.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/firebase-768x391.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/firebase.png 1280w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>1.<\/strong>&nbsp; After opening the<strong>&nbsp;Firebase<\/strong>&nbsp;website, please click on&nbsp;the <strong>Add Project<\/strong>&nbsp;button.<\/p>\n\n\n\n<p><strong>2.&nbsp;A <\/strong>new page will open the as shown below image, here you have to enter your&nbsp;Project Name.&nbsp;Then click on the \u201c<strong>Continue<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"603\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-1-1200x603.png\" alt=\"webkul-woocommerce-pwa-1\" class=\"wp-image-216971\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-1-1200x603.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-1-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-1-250x126.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-1-768x386.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-1.png 1266w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>3<\/strong>. Now enable google analytics for this project and click on the \u201c<strong>&nbsp;Continue<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"599\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-2-1200x599.png\" alt=\"webkul-woocommerce-pwa-2\" class=\"wp-image-216967\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-2-1200x599.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-2-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-2-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-2-768x383.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-2.png 1254w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>4<\/strong>. Now you need to configure the Google<strong> Analytics. Here you need to select your Analytics location\/Country. <\/strong>Then click on the \u201c<strong>Create project<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"602\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-3-1200x602.png\" alt=\"webkul-woocommerce-pwa-3\" class=\"wp-image-216968\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-3-1200x602.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-3-300x150.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-3-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-3-768x385.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-3.png 1272w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>4.<\/strong>&nbsp;After creating your new project click on the Storage and create a new bucket. You can also find the default bucket here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"553\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-add-bucket-1200x553.png\" alt=\"webkul-woocommerce-pwa-add-bucket\" class=\"wp-image-216970\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-add-bucket-1200x553.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-add-bucket-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-add-bucket-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-add-bucket-768x354.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-add-bucket.png 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After creating bucket now go to, Settings&nbsp;menu icon and select&nbsp;Project Settings&nbsp;option. Please view the below-attached screenshot. A new Settings page will be opened.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"574\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-project-setting-1-1200x574.png\" alt=\"webkul-woocommerce-pwa-project-setting-1\" class=\"wp-image-216972\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-project-setting-1-1200x574.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-project-setting-1-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-project-setting-1-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-project-setting-1-768x367.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-project-setting-1.png 1228w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>5.<\/strong>&nbsp;In the General tab find the project ID, web API key, etc. under the&nbsp;<strong>setting<\/strong>&nbsp;page.<\/p>\n\n\n\n<p>Now click on the button as shown in the image below. This will be used to add the firebase to the web app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"606\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-general-setting-1-1200x606.png\" alt=\"webkul-woocommerce-pwa-general-setting-1\" class=\"wp-image-216975\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-general-setting-1-1200x606.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-general-setting-1-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-general-setting-1-250x126.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-general-setting-1-768x388.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-general-setting-1.png 1252w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, after clicking on the button above Register the app by entering the app nickname and click on register app \u2013<\/p>\n\n\n\n<p>1st Step \u2013&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"770\" height=\"604\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-nick-name.png\" alt=\"webkul-woocommerce-pwa-nick-name\" class=\"wp-image-216976\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-nick-name.png 770w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-nick-name-300x235.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-nick-name-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul-woocommerce-pwa-nick-name-768x602.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>2nd Step-<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1261\" height=\"633\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-sdk.png\" alt=\"webkul-woocommerce-pwa -add-sdk\" class=\"wp-image-205637\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-sdk.png 1261w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-sdk.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-sdk.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-sdk.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-sdk.png 1200w\" sizes=\"(max-width: 1261px) 100vw, 1261px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>3rd Step-<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1058\" height=\"632\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png\" alt=\"WooCommerce PWA Example Webkul Continue to console\" class=\"wp-image-205638\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 1058w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 768w\" sizes=\"(max-width: 1058px) 100vw, 1058px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>4th Step-<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1046\" height=\"610\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-cli.png\" alt=\"webkul woocommerce pwa add firebase to your project\" class=\"wp-image-205639\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-cli.png 1046w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-cli.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-cli.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-add-cli.png 768w\" sizes=\"(max-width: 1046px) 100vw, 1046px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>5th Step-<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1058\" height=\"632\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png\" alt=\"Progressive Web Application Webkl Continue to Console \" class=\"wp-image-205638\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 1058w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-hosting.png 768w\" sizes=\"(max-width: 1058px) 100vw, 1058px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Now, click&nbsp;the <strong>CLOUD MESSAGING<\/strong>&nbsp;tab, here you will find your&nbsp;<strong>Project Credentials<\/strong>, copy and save your&nbsp;<strong>Server Key&nbsp;<\/strong>(Google Authorization Key)as displayed below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1236\" height=\"533\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-server-key.png\" alt=\"webkul-woocommerce-pwa -firebase-server-key\" class=\"wp-image-205646\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-server-key.png 1236w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-server-key.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-server-key.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-server-key.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/06\/webkul-woocommerce-pwa-firebase-server-key.png 1200w\" sizes=\"(max-width: 1236px) 100vw, 1236px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>The credentials retrieved will be used to configure the basic settings at the admin end.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Admin Basic Configuration<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Post successful installation of the module the admin can easily navigate WP PWA. Here, the admin has two-section-<strong> Primary and General.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Primary<\/h4>\n\n\n\n<p>This section will contain the basic data of the application. It majorly covers the theme, name, and icon details.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Name-<\/strong> Here, the admin will mention the application that is for recognition.<\/li>\n\n\n\n<li><strong>Short name-<\/strong> The application name that will be displayed in case the user creates a shortcut.<\/li>\n\n\n\n<li><strong>Theme Color- <\/strong>The color of the application as per the requirement.<\/li>\n\n\n\n<li><strong>Background Color-<\/strong> Here, the admin can set the app background color.<\/li>\n\n\n\n<li><strong>App Icon-<\/strong> The admin can add the icon of the application that is meant for recognization. These icons must be added in different sizes formate.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">General<\/h4>\n\n\n\n<p>This section will allow the admin to set the general configuration of the PWA. Wherein the admin can define the integration of the website with PWA.<\/p>\n\n\n\n<p><strong>Google-based details-<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Authorization Key<\/strong>&#8211; This key will authenticate the server end for the Push Notification.<\/li>\n\n\n\n<li><strong>API Key- <\/strong>This key will integrate the website with the PWA.<\/li>\n\n\n\n<li><strong>Auth Domain- <\/strong>The admin authentication domain detail for the push notification.<\/li>\n\n\n\n<li><strong>Database Url- <\/strong>The database URL details which will contain web push notifications.<\/li>\n\n\n\n<li><strong>Project Id- <\/strong>This will contain the project identification number. This project creates in the firebase for the notification.<\/li>\n\n\n\n<li><strong>Storage Bucket- <\/strong>It is the storage bucket for push notification.<\/li>\n\n\n\n<li><strong>GCM Sender ID-<\/strong> It is the help authentication, allowing to share web push notification.<\/li>\n\n\n\n<li><strong>Google App id- <\/strong>The identification number of Google account.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Notifications: WordPress PWA<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The introduction of the notification is PWA will make it more powerful. These web push notifications will allow the targeting of the customer.<\/p>\n\n\n\n<p>Hence, for this, the admin needs to navigate through <strong>WP PWA &gt; Notifications.<\/strong><\/p>\n\n\n\n<p>Here, the admin will find a list of notifications which the admin can Push to populate. A bulk push could also be done.<\/p>\n\n\n\n<p>However, additionally, the admin will add new notification as per requirement or edit the existing one.<\/p>\n\n\n\n<p>Thus, the admin will fill-in following field-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image-<\/strong> The need to upload the image of the push notification.<\/li>\n\n\n\n<li><strong>Title-<\/strong> The admin will mention the name of the push notification which will refer to it.<\/li>\n\n\n\n<li><strong>Content- <\/strong>The addition of the information relating to the notification will be part of this section.<\/li>\n\n\n\n<li><strong>Type<\/strong>&#8211; Here the admin will specify the relation of the notification.<\/li>\n\n\n\n<li><strong>Product\/Category\/Link- <\/strong>The admin will select the category or product specifically with which the notification is in relation with.<\/li>\n<\/ul>\n\n\n\n<p>Additionally, the admin if selects type as custom. This will change the field to Link, now allowing the admin to add in any sort of URL.<\/p>\n\n\n\n<p>Here the URL could be of a product page, category page or any blogging (static) page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Status-<\/strong> The admin needs to set the status of the notification as enable.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Customer Front-WordPress PWA<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The customer can operate the application in their mobile apps by adding it to the home screen.<\/p>\n\n\n\n<p>The customer can click on the option to integrate the app to the home screen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-add-to-homescreen-1-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-add-to-homescreen-1\" class=\"wp-image-234097\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-add-to-homescreen-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-add-to-homescreen-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-add-to-homescreen-1-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-add-to-homescreen-1.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Thus, this will add the application to the home screen of the device.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-added-on-homescreen-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-added-on-homescreen\" class=\"wp-image-234100\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-added-on-homescreen-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-added-on-homescreen-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-added-on-homescreen-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-added-on-homescreen.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-blog-listing-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-blog-listing\" class=\"wp-image-234110\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-blog-listing-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-blog-listing-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-blog-listing-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-blog-listing.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>The customer can choose to view any of the blogs from the given list as shown in the image below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-choosin-from-the-list-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-choosin-from-the-list\" class=\"wp-image-234117\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-choosin-from-the-list-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-choosin-from-the-list-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-choosin-from-the-list-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-choosin-from-the-list.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>So, here the customer can even view the complete product in the application.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-1-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-url-redirection-1\" class=\"wp-image-234218\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-1-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-1-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-1-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-1.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Blogging section<\/h4>\n\n\n\n<p>The website owner can add in static blog section which will contain the informative details about store likewise- Success stories, the technology behind the website, history of the business.<\/p>\n\n\n\n<p>The user can read the information in these sections to remain aware.<\/p>\n\n\n\n<p>In our PWA the customer can navigate through <strong>Menu &gt; Know More About-PWA<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-menu-options-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-menu-options\" class=\"wp-image-234122\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-menu-options-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-menu-options-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-menu-options-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-menu-options.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>The customer can click on the blog to read the details and acquire the knowledge via PWA.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Notification<\/strong><\/h4>\n\n\n\n<p>Whenever the admin pushes the notification from the backend it is visible to the customer on the front end.<\/p>\n\n\n\n<p>Hence, it will allow the generation of sales from the customers who are not active.<\/p>\n\n\n\n<p>However, the customer can receive notification for the blogs.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-notification-visibility-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-notification-visibility\" class=\"wp-image-234182\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-notification-visibility-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-notification-visibility-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-notification-visibility-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-notification-visibility.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>On clicking the notification the customer will redirect to the URL linked.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-576x1024.png\" alt=\"webkul-woocommerce-simple-pwa-url-redirection\" class=\"wp-image-234215\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-576x1024.png 576w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-169x300.png 169w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection-140x249.png 140w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/webkul-woocommerce-simple-pwa-url-redirection.png 720w\" sizes=\"(max-width: 576px) 100vw, 576px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Support<\/h3>\n\n\n\n<p>For any technical assistance&nbsp;kindly&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">raise&nbsp;a ticket<\/a>&nbsp;or&nbsp;reach&nbsp;us by email at&nbsp;support@webkul.com. Thanks for Your Time! Have a Good Day!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>To know how to translate the module, you can click&nbsp;here.<\/p>\n","protected":false},"author":166,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8931,7966,1260],"tags":[],"class_list":["post-216797","post","type-post","status-publish","format-standard","hentry","category-pwa","category-wordpress-woocommerce","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress PWA Plugin | Progressive Web App WooCommerce<\/title>\n<meta name=\"description\" content=\"The WordPress PWA is the perfect solution for the lite weight application which enhances the user experience and engagement.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress PWA Plugin | Progressive Web App WooCommerce\" \/>\n<meta property=\"og:description\" content=\"The WordPress PWA is the perfect solution for the lite weight application which enhances the user experience and engagement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-30T05:28:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T05:18:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png\" \/>\n<meta name=\"author\" content=\"Zeba Hakim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Zeba Hakim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\"},\"author\":{\"name\":\"Zeba Hakim\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318\"},\"headline\":\"Simple PWA For WordPress\",\"datePublished\":\"2019-12-30T05:28:06+00:00\",\"dateModified\":\"2026-05-08T05:18:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\"},\"wordCount\":1602,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png\",\"articleSection\":[\"PWA\",\"WooCommerce\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\",\"url\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\",\"name\":\"WordPress PWA Plugin | Progressive Web App WooCommerce\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png\",\"datePublished\":\"2019-12-30T05:28:06+00:00\",\"dateModified\":\"2026-05-08T05:18:58+00:00\",\"description\":\"The WordPress PWA is the perfect solution for the lite weight application which enhances the user experience and engagement.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png\",\"width\":1200,\"height\":180,\"caption\":\"webkul_wc_pwa_installation_upload_plugin-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple PWA For WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318\",\"name\":\"Zeba Hakim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Zeba Hakim\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/zebahakim-magento157\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress PWA Plugin | Progressive Web App WooCommerce","description":"The WordPress PWA is the perfect solution for the lite weight application which enhances the user experience and engagement.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/","og_locale":"en_US","og_type":"article","og_title":"WordPress PWA Plugin | Progressive Web App WooCommerce","og_description":"The WordPress PWA is the perfect solution for the lite weight application which enhances the user experience and engagement.","og_url":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-12-30T05:28:06+00:00","article_modified_time":"2026-05-08T05:18:58+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png","type":"","width":"","height":""}],"author":"Zeba Hakim","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Zeba Hakim","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/"},"author":{"name":"Zeba Hakim","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318"},"headline":"Simple PWA For WordPress","datePublished":"2019-12-30T05:28:06+00:00","dateModified":"2026-05-08T05:18:58+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/"},"wordCount":1602,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png","articleSection":["PWA","WooCommerce","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/","url":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/","name":"WordPress PWA Plugin | Progressive Web App WooCommerce","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png","datePublished":"2019-12-30T05:28:06+00:00","dateModified":"2026-05-08T05:18:58+00:00","description":"The WordPress PWA is the perfect solution for the lite weight application which enhances the user experience and engagement.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/webkul_wc_pwa_installation_upload_plugin-1.png","width":1200,"height":180,"caption":"webkul_wc_pwa_installation_upload_plugin-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/wordpress-pwa-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simple PWA For WordPress"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a5142a66e70018e4f4ddb35b1ed3d318","name":"Zeba Hakim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93978c970cf7709418c7bb3ae396d2ffcec717d2dcd44d81c7b9b970b57c31e6?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Zeba Hakim"},"url":"https:\/\/webkul.com\/blog\/author\/zebahakim-magento157\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/216797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/166"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=216797"}],"version-history":[{"count":131,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/216797\/revisions"}],"predecessor-version":[{"id":514623,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/216797\/revisions\/514623"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=216797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=216797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=216797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}