{"id":92442,"date":"2017-08-14T14:58:00","date_gmt":"2017-08-14T14:58:00","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=92442"},"modified":"2025-09-05T07:03:56","modified_gmt":"2025-09-05T07:03:56","slug":"prestashop-advanced-progressive-web-app","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/","title":{"rendered":"Prestashop Advanced Progressive Web App"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/store.webkul.com\/Prestashop-Advanced-Progressive-Web-App.html\">Prestashop Advanced Progressive Web App<\/a><\/strong> &#8211; A Progressive Web App (<strong>PWA<\/strong>) uses modern web capabilities to deliver an app-like experience to users.<\/p>\n\n\n\n<p>Web apps are actually websites that, in many ways, look and feel like native&nbsp;applications.<\/p>\n\n\n\n<p>Mobile applications with push notifications achieve&nbsp;up to three times more retention&nbsp;than their counterparts. <\/p>\n\n\n\n<p>With push notification, a user is three times more likely to reopen a mobile application than a website.<\/p>\n\n\n\n<p>In addition, a well-designed mobile application consumes fewer data and is much faster because some resources reside on the device.<\/p>\n\n\n\n<p>The Progressive Web Application is fast in comparison to the website and supports push notifications.<\/p>\n\n\n\n<p>With the use of this feature, the website works faster on a slower internet connection. <\/p>\n\n\n\n<p>Due to the&nbsp;faster performance, the user engagement increases on the website and results in a very high conversion rate.<\/p>\n\n\n\n<p><strong>Note<\/strong>: <strong>Prestashop Advanced Progressive Web App<\/strong> <strong>is compatible with PrestaShop PrestaShop multi-store feature.<\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Highlights<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>User-friendly experience for your customers.<\/li>\n\n\n\n<li>Supports push notification service.<\/li>\n\n\n\n<li>Slow internet speed will not affect its potential.<\/li>\n\n\n\n<li>Once a page is opened then you can open the same page even on offline mode.<\/li>\n\n\n\n<li>Increases user-engagement thereby&nbsp;increasing the conversion rate.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Note<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You need to enable SSL on your shop<\/li>\n\n\n\n<li>Compatible Browsers &#8211; Chrome, Firefox, Opera(latest version)<\/li>\n\n\n\n<li>Module is also MultiShop compatible<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">New Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now Admin can create five types of push notification:\n<ul class=\"wp-block-list\">\n<li><strong>Manual Push Notification- <\/strong>Now admin can schedule the push notification.<\/li>\n\n\n\n<li><strong>Product Notification- <\/strong>Admin can send the product notification from&nbsp;the product edit&nbsp;page.<\/li>\n\n\n\n<li><strong>Order Status Notification- <\/strong>Send the order status notification to customer on changing the order status.<\/li>\n\n\n\n<li><strong>Welcome Notification- <\/strong>Admin can send the welcome notification to the users if allowed by the users.<\/li>\n\n\n\n<li><strong>Cart Reminder Notification-<\/strong> Admin can set the cart reminder notification with a specific number of days.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Admin can manage the subscribers from the &#8220;Manage Subscribers&#8221; tab.<\/li>\n\n\n\n<li>Track the live status of notifications while sending them to customers.<\/li>\n\n\n\n<li>Admin can view\/delete the list of notification history from &#8220;Manage Notification History&#8221; tab.<\/li>\n\n\n\n<li>Max. character limit for the short name of the app is 12.<\/li>\n\n\n\n<li>The PWA feature is now compatible with iOS. <\/li>\n\n\n\n<li>iOS support push notifications in PWA.<\/li>\n\n\n\n<li>Connectivity status(i.e offline\/online) of app will display at the end of screen of mobile.<\/li>\n\n\n\n<li>Now, product URL automatically attaches with product push notification.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of the Prestashop Advanced Progressive Web App module<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Admin can set the application name as it will display when one opens the app on mobile phones.<\/li>\n\n\n\n<li>An admin can set the application&#8217;s short name as it will display on home screen.<\/li>\n\n\n\n<li>Admin can enter the splash screen background colour.<\/li>\n\n\n\n<li>Admin can upload the app icon.<\/li>\n\n\n\n<li>An admin can upload the push notification icon.<\/li>\n\n\n\n<li>Admin can create push notifications.<\/li>\n\n\n\n<li>Admin can edit\/delete\/send&nbsp;push notifications.<\/li>\n\n\n\n<li>An admin can attach a target URL when a user clicks on push notification.<\/li>\n\n\n\n<li>Admin can attach a separate notification icon for each push notification.<\/li>\n\n\n\n<li>Admin can send the push notifications in multi-language.<\/li>\n\n\n\n<li>Send Product notification for existing products in intervals.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to install the Prestashop Advanced Progressive Web App module<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in the back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to Set up the Progressive Web Application<\/h3>\n<\/div><\/div>\n\n\n\n<p id=\"block-fefdca1c-3f1e-459a-bd03-e8212bc7d0e2\">A user can select \u2018<strong>Add to home screen<\/strong>\u2019 option to add the progressive web application to the home screen available at the footer of the web page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\" id=\"block-b5bfc1aa-2474-437a-b76e-faa9c16059aa\"><img decoding=\"async\" width=\"800\" height=\"775\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-12.png\" alt=\"Add to home\" class=\"wp-image-329118\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-12.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-12-300x291.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-12-250x242.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-12-768x744.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p id=\"block-f5832bf3-9b50-4f08-ae4b-b7b21a783027\">Once added to the home screen, you can see the PWA on your phone home screen with the selected icon, favicon, and splash screen colour.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\" id=\"block-6e8c140a-17ee-4711-8b2f-f29c9fdbcdf7\"><img decoding=\"async\" width=\"800\" height=\"775\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-7.png\" alt=\"PWA on homepage\" class=\"wp-image-329119\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-7.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-7-300x291.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-7-250x242.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-7-768x744.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Prestashop Advanced Progressive Web App Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>The configuration settings contain three sections.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Progressive Web App Settings<\/li>\n\n\n\n<li>FCM Push Notification Settings<\/li>\n\n\n\n<li>General Settings<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Progressive Web App Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1087\" height=\"815\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/progressive-web-app-settings.webp\" alt=\"pwa settings\" class=\"wp-image-492787\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/progressive-web-app-settings.webp 1087w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/progressive-web-app-settings-300x225.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/progressive-web-app-settings-250x187.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/progressive-web-app-settings-768x576.webp 768w\" sizes=\"(max-width: 1087px) 100vw, 1087px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under Progressive Web App Settings, the admin can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the application name that will display when customer opens app on mobile phone.<\/li>\n\n\n\n<li>Set the application&#8217;s short name that will display on app home screen.<\/li>\n\n\n\n<li>Select splash screen background color and theme color.<\/li>\n\n\n\n<li>Upload the app icon.<\/li>\n\n\n\n<li>Upload the push notification icon.<\/li>\n<\/ul>\n\n\n\n<p id=\"block-f4fddd48-fc34-4cf0-816e-c077a14d2c0c\">Let&#8217;s show you what are these actually when opened on a mobile.<\/p>\n\n\n\n<p id=\"block-f4fddd48-fc34-4cf0-816e-c077a14d2c0c\">Moreover, a user can also see the application icon on the home screen of the mobile like this. Also, a user can click on the application to launch it.<\/p>\n\n\n\n<p id=\"block-f4fddd48-fc34-4cf0-816e-c077a14d2c0c\">After clicking on the application, the application launches with a splash screen. The splash screen shows the application name and icon.<\/p>\n\n\n\n<p id=\"block-f4fddd48-fc34-4cf0-816e-c077a14d2c0c\">The application launches in the same way as the native app. Also, the app icon displays on the splash screen on iOS mobile devices.<\/p>\n\n\n\n<p>However, the background colour &amp; app name doesn&#8217;t display on the splash screen of iOS devices. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\" id=\"block-3097288a-7e42-4d25-9d1b-e797a5101993\"><img decoding=\"async\" width=\"800\" height=\"775\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/3-6.png\" alt=\"Splash screen\" class=\"wp-image-329121\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/3-6.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/3-6-300x291.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/3-6-250x242.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/3-6-768x744.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p id=\"block-e3448e6a-a41c-426f-8723-23304fae913d\">After the splash screen, a user can see the home screen of the application. From here a&nbsp;user can explore your website. Push Notification Configuration<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">FCM Push Notification Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"701\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-api-settings.webp\" alt=\"push notification settings\n\" class=\"wp-image-492789\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-api-settings.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-api-settings-300x195.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-api-settings-250x162.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-api-settings-768x498.webp 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under FCM push notification settings, the admin needs to specify the Firebase Cloud Messaging API credentials\/keys he received from Firebase console.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to obtain push notification credentials<\/h3>\n<\/div><\/div>\n\n\n\n<p>In order to use this module, you need to have&nbsp;<strong>Firebase Project Credentials<\/strong>. Please visit&nbsp;<a href=\"https:\/\/console.firebase.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">this link<\/a>&nbsp;and create a new project with your Gmail Account.<\/p>\n\n\n\n<p>After opening&nbsp;<strong>Firebase<\/strong>&nbsp;website, click on &#8220;Create a Firebase project&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"765\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-1200x765.webp\" alt=\"firebase\" class=\"wp-image-492662\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-1200x765.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-300x191.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-250x159.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-768x489.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase.webp 1282w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, enter the project name and click on continue button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1113\" height=\"689\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-project.webp\" alt=\"create a project\" class=\"wp-image-492668\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-project.webp 1113w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-project-300x186.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-project-250x155.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-project-768x475.webp 768w\" sizes=\"(max-width: 1113px) 100vw, 1113px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enable Gemini in Firebase and then click on continue button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1061\" height=\"884\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-a-project.webp\" alt=\"create a project\" class=\"wp-image-492671\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-a-project.webp 1061w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-a-project-300x250.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-a-project-250x208.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/create-a-project-768x640.webp 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enable Google Analytics for the project and click on continue button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1054\" height=\"792\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics.webp\" alt=\"enable google analytics\" class=\"wp-image-492672\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics.webp 1054w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-300x225.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-250x188.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-768x577.webp 768w\" sizes=\"(max-width: 1054px) 100vw, 1054px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, choose Google Analytics account and click on \u2018Create project\u2019 button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1078\" height=\"620\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-account.webp\" alt=\"google analytics account\" class=\"wp-image-492674\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-account.webp 1078w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-account-300x173.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-account-250x144.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/google-analytics-account-768x442.webp 768w\" sizes=\"(max-width: 1078px) 100vw, 1078px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1065\" height=\"454\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-project.webp\" alt=\"firebase project\" class=\"wp-image-492677\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-project.webp 1065w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-project-300x128.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-project-250x107.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/firebase-project-768x327.webp 768w\" sizes=\"(max-width: 1065px) 100vw, 1065px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"919\" height=\"434\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-project.webp\" alt=\"pwa project\" class=\"wp-image-492678\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-project.webp 919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-project-300x142.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-project-250x118.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-project-768x363.webp 768w\" sizes=\"(max-width: 919px) 100vw, 919px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once the project is ready, you now have to add firebase to your web app.<\/p>\n\n\n\n<p>Click on the &#8216;web&#8217; icon under Project Overview.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"573\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/app-registration-1200x573.webp\" alt=\"add firebase to app\" class=\"wp-image-492693\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/app-registration-1200x573.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/app-registration-300x143.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/app-registration-250x119.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/app-registration-768x366.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/app-registration.webp 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Specify nickname of the app and click on &#8216;Register app&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1178\" height=\"521\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/register-app.webp\" alt=\"register app\" class=\"wp-image-492712\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/register-app.webp 1178w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/register-app-300x133.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/register-app-250x111.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/register-app-768x340.webp 768w\" sizes=\"(max-width: 1178px) 100vw, 1178px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the button, you can view the credentials under &#8216;Add Firebase SDK. Now, click on &#8216;Continue to console&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1185\" height=\"593\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/credentials-3.webp\" alt=\"credentials\" class=\"wp-image-492742\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/credentials-3.webp 1185w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/credentials-3-300x150.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/credentials-3-250x125.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/credentials-3-768x384.webp 768w\" sizes=\"(max-width: 1185px) 100vw, 1185px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1160\" height=\"487\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-credentials-1.webp\" alt=\"fcm credentials\" class=\"wp-image-492744\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-credentials-1.webp 1160w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-credentials-1-300x126.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-credentials-1-250x105.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/fcm-credentials-1-768x322.webp 768w\" sizes=\"(max-width: 1160px) 100vw, 1160px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Go to Project Overview -&gt; Project settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"575\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/project-settings-1200x575.webp\" alt=\"project settings\" class=\"wp-image-492754\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/project-settings-1200x575.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/project-settings-300x144.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/project-settings-250x120.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/project-settings-768x368.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/project-settings.webp 1290w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, Go to the \u201cService accounts\u201d tab. Click on \u201cGenerate new private key\u201d to download the service account JSON file.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"734\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-private-key-1200x734.webp\" alt=\"generate private key\" class=\"wp-image-492757\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-private-key-1200x734.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-private-key-300x183.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-private-key-250x153.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-private-key-768x470.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-private-key.webp 1284w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the button, a popup appears on the page. Click on &#8216;Generate key&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"571\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-key-1200x571.webp\" alt=\"generate key\" class=\"wp-image-492765\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-key-1200x571.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-key-300x143.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-key-250x119.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-key-768x365.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/generate-key.webp 1278w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This JSON file contains the necessary credentials to configure server-side modules (e.g., Firebase Admin SDK) to send notifications or manage other Firebase services.<\/p>\n\n\n\n<p><strong>Note:<\/strong> If you update the module to current version i.e. 7.1.0, you need to upgrade these new API keys.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">General settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1077\" height=\"891\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/general-settings-3.webp\" alt=\"general settings\" class=\"wp-image-492802\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/general-settings-3.webp 1077w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/general-settings-3-300x248.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/general-settings-3-250x207.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/general-settings-3-768x635.webp 768w\" sizes=\"(max-width: 1077px) 100vw, 1077px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1062\" height=\"287\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cron-settings.webp\" alt=\"cron settings\" class=\"wp-image-492805\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cron-settings.webp 1062w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cron-settings-300x81.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cron-settings-250x68.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cron-settings-768x208.webp 768w\" sizes=\"(max-width: 1062px) 100vw, 1062px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under General Configuration, admin can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select notification types for which he wants to manage notification history.<\/li>\n\n\n\n<li>Enable\/Disable the display of custom notification permission prompt on desktop\/mobile device.<\/li>\n\n\n\n<li>Set the time duration after which custom prompt notification will again display on desktop once canceled by customer.<\/li>\n\n\n\n<li>Enable\/Disable the display of app install button and select the position where he wants to display the button.<\/li>\n\n\n\n<li>Enable\/Disable the option, whether to add products to the cart when a cart notification is click by a user. <\/li>\n\n\n\n<li>Set whether the existing cart will get updated with new products or not, when products are added to the cart on the click of cart notification. <\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Push Notification Impressions Target<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>Whenever the admin sends the push notifications to the customers, a record of it creates in the back office under the &#8220;Manage Notification History&#8221; tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"576\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-history-1200x576.webp\" alt=\"notification history\" class=\"wp-image-492809\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-history-1200x576.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-history-300x144.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-history-250x120.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-history-768x369.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-history.webp 1273w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"575\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-1200x575.webp\" alt=\"notification history\" class=\"wp-image-492814\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-1200x575.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-300x144.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-250x120.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification-768x368.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/notification.webp 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Admin can view the number of times the push notifications are clicked.<\/p>\n\n\n\n<p>When this number reaches the target specified by admin in &#8220;Push Notification Impressions Target&#8221; field, the badge under clicked column automatically turns green. <\/p>\n\n\n\n<p>This means the impression target has been achieved.<\/p>\n\n\n\n<p>Let&#8217;s understand this with the help of an example. Suppose admin has send the push notifications to 100 customers and set the target as 70%. <\/p>\n\n\n\n<p>Now, if 70 out of 100 customers clicked on the push notification then then target get meet and the badge will turn from red to green.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Custom Notification Permission Prompt<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>Custom notification permission prompt will display on the website before the native permission prompt as enabled by the admin from the back office.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"583\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-13-1200x583.png\" alt=\"Custom notification\" class=\"wp-image-329124\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-13-1200x583.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-13-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-13-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-13-768x373.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/1-13.png 1309w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If a custom clicks on &#8220;ALLOW&#8221; button, then a native permission prompt will appear on the screen as show below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"626\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/15-2-1200x626.png\" alt=\"permission prompt\" class=\"wp-image-290200\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/15-2-1200x626.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/15-2-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/15-2-250x130.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/15-2-768x401.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/15-2.png 1338w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>If a customer clicks on the &#8220;NO THANKS&#8221; button, then the custom notification permission prompt will display again on the screen after the time set by the admin.<\/p>\n\n\n\n<p>The pop up will not appear on iOS devices. However, the user can use the more button (middle one at the bottom of safari browser) on iOS devices to use the &#8220;add to home screen&#8221; feature.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Display of install <strong>app<\/strong> button<\/strong><\/h3>\n\n\n\n<p>App install button will be displayed on the positions selected by the admin while configuring the general settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"597\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Progressive-Web-App-1200x597.png\" alt=\"Progressive-Web-App\" class=\"wp-image-376386\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Progressive-Web-App-1200x597.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Progressive-Web-App-300x149.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Progressive-Web-App-250x124.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Progressive-Web-App-768x382.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Progressive-Web-App.png 1279w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When a user clicks on the &#8220;INSTALL APP&#8221; button or the banner, a popup appears on the screen from where he can install the app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"653\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-8-1200x653.png\" alt=\"Install App\" class=\"wp-image-329131\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-8-1200x653.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-8-300x163.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-8-250x136.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-8-768x418.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/2-8.png 1239w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note:<\/strong> iOS does not support the &#8216;Install App&#8221; functionality.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Push Notification Management<\/h3>\n<\/div><\/div>\n\n\n\n<p>This module provides a striking feature to your website by enabling the Push Notification Mechanism.<\/p>\n\n\n\n<p>After the installation of the module, new tabs get added to the back office.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"498\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-1200x498.webp\" alt=\"pwa\" class=\"wp-image-492819\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-1200x498.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-300x125.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-250x104.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa-768x319.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/pwa.webp 1293w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>There are five types of push notifications in the <strong>&#8220;Manage Push Notification&#8221; <\/strong>tab.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manual Push Notification<\/li>\n\n\n\n<li>Product Notification<\/li>\n\n\n\n<li>Order Status Notification<\/li>\n\n\n\n<li>Welcome Notification<\/li>\n\n\n\n<li>Cart Reminder Notification<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Manual Push Notification<\/h4>\n\n\n\n<p>From this tab, the admin can add push notifications manually.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"432\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/manual-push-notification-1200x432.webp\" alt=\"manual push notification\" class=\"wp-image-492840\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/manual-push-notification-1200x432.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/manual-push-notification-300x108.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/manual-push-notification-250x90.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/manual-push-notification-768x276.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/manual-push-notification.webp 1289w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Additionally, the live status of notifications i.e delivered or expired also displays over the list of manual notifications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1069\" height=\"519\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/live-status.webp\" alt=\"push notification status\" class=\"wp-image-492845\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/live-status.webp 1069w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/live-status-300x146.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/live-status-250x121.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/live-status-768x373.webp 768w\" sizes=\"(max-width: 1069px) 100vw, 1069px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;add push notification&#8217; button to add a new push notification.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"812\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-push-notification.webp\" alt=\"add notification\" class=\"wp-image-492855\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-push-notification.webp 1080w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-push-notification-300x226.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-push-notification-250x188.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-push-notification-768x577.webp 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the button, a form appears on the page with following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select target customer type: <\/strong>The admin can choose to send push notification to all the subscribers, subscribers of a specific customer group, or particular subscriber.<\/li>\n\n\n\n<li><strong>Title, body, target URL:<\/strong> Specify the title, body and target URL for a push notification.<\/li>\n\n\n\n<li><strong>Icon:<\/strong> Upload the push notification icon.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Product Notification<\/h4>\n\n\n\n<p>Under this tab, the admin can add product notification.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1083\" height=\"831\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notification.webp\" alt=\"product notification\" class=\"wp-image-492923\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notification.webp 1083w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notification-300x230.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notification-250x192.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notification-768x589.webp 768w\" sizes=\"(max-width: 1083px) 100vw, 1083px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once the admin has saved notification title and body, he can select the products for which he wants to send notification.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1078\" height=\"1012\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notifications.webp\" alt=\"product notification\" class=\"wp-image-492926\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notifications.webp 1078w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notifications-300x282.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notifications-250x235.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/product-notifications-768x721.webp 768w\" sizes=\"(max-width: 1078px) 100vw, 1078px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Admin can choose existing products to send Product notifications for. If the interval is set to 0, product notification will be send for all the selected products in real time.<\/p>\n\n\n\n<p>If the time interval is set, then the notifications will be sent accordingly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1078\" height=\"1005\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/schedule-interval.webp\" alt=\"product notifications\" class=\"wp-image-492930\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/schedule-interval.webp 1078w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/schedule-interval-300x280.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/schedule-interval-250x233.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/schedule-interval-768x716.webp 768w\" sizes=\"(max-width: 1078px) 100vw, 1078px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In order to send product push notifications, go to catalog -&gt; products -&gt; edit product -&gt; modules.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"628\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/products-1-1200x628.webp\" alt=\"products\" class=\"wp-image-492932\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/products-1-1200x628.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/products-1-300x157.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/products-1-250x131.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/products-1-768x402.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/products-1.webp 1288w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;configure&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1079\" height=\"513\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/send-push-notification.webp\" alt=\"send push notification\" class=\"wp-image-492953\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/send-push-notification.webp 1079w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/send-push-notification-300x143.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/send-push-notification-250x119.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/send-push-notification-768x365.webp 768w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/13.6-2.png\" alt=\"16\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Order Status Notification<\/h4>\n\n\n\n<p>Under this tab, the admin can add order status notification. Also, the admin can choose to add different push notifications for different order statuses.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1078\" height=\"445\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-notification.webp\" alt=\"add push notification\" class=\"wp-image-492963\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-notification.webp 1078w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-notification-300x124.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-notification-250x103.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-notification-768x317.webp 768w\" sizes=\"(max-width: 1078px) 100vw, 1078px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on the &#8216;Add push notification&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1079\" height=\"976\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-order-status-notification.webp\" alt=\"order status notification\" class=\"wp-image-492976\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-order-status-notification.webp 1079w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-order-status-notification-300x271.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-order-status-notification-250x226.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/add-order-status-notification-768x695.webp 768w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the button, a form appears with following options:<\/p>\n\n\n\n<p><strong>Title, body, target URL:<\/strong> Enter the title, body, and target URL of order status notification.<\/p>\n\n\n\n<p><strong>Icon:<\/strong> Upload order status notification icon.<\/p>\n\n\n\n<p><strong>Order status for sending notification:<\/strong> Here, the admin has to select the order status for which notifications will be sent.<\/p>\n\n\n\n<p>If the admin changes the order status, then push notification be sent to the customer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"322\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-1200x322.webp\" alt=\"order status\" class=\"wp-image-492977\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-1200x322.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-300x80.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-250x67.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status-768x206.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/order-status.webp 1282w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/14.6-1.png\" alt=\"19\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Welcome Notificatio<\/strong><\/p>\n\n\n\n<p>Under this tab, the admin can add welcome notification.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1085\" height=\"685\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/welcome-notification.webp\" alt=\"welcome notification\" class=\"wp-image-492979\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/welcome-notification.webp 1085w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/welcome-notification-300x189.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/welcome-notification-250x158.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/welcome-notification-768x485.webp 768w\" sizes=\"(max-width: 1085px) 100vw, 1085px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/06\/15.5-1.png\" alt=\"21\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Cart Reminder Notification<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1035\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder-1035x1024.webp\" alt=\"cart reminder\" class=\"wp-image-492983\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder-1035x1024.webp 1035w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder-300x297.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder-250x247.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder-768x760.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder-120x120.webp 120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/cart-reminder.webp 1081w\" sizes=\"(max-width: 1035px) 100vw, 1035px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p id=\"block-b4b42f86-f0f3-49be-9f13-51b7056791f6\">f the Customer left any product in the cart, then the cart reminder notification will be sent in the set number of days.<\/p>\n\n\n\n<p id=\"block-970de4fc-e462-4e47-a060-91367feab955\"><strong>Subscribers<\/strong><\/p>\n\n\n\n<p>Under this tab, the admin can view a list of users who have subscribed to the notifications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"575\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/subscribers-1200x575.webp\" alt=\"subscribers\" class=\"wp-image-492984\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/subscribers-1200x575.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/subscribers-300x144.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/subscribers-250x120.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/subscribers-768x368.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/05\/subscribers.webp 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Please note that the old subscribers won&#8217;t work with updated APIs.<\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Push Notification on APP<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<p>Once an admin triggers the push notification, the user will receive the push notification on the phone.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\" id=\"block-9e011edb-0f12-4e58-b29b-d99389e70bce\"><img decoding=\"async\" width=\"800\" height=\"775\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/4-7.png\" alt=\"Push notification\" class=\"wp-image-329133\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/4-7.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/4-7-300x291.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/4-7-250x242.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/4-7-768x744.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p id=\"block-9adbdbe0-5895-4ba2-8f2c-2c46b19a548d\">Now, notification to show whether the app is online or offline also displays in the footer of the web page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\" id=\"block-6b9677ee-e83f-4e9b-83f5-db7c0720d136\"><img decoding=\"async\" width=\"800\" height=\"775\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/5-5.png\" alt=\"Online\" class=\"wp-image-329134\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/5-5.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/5-5-300x291.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/5-5-250x242.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/04\/5-5-768x744.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In order to send product push notifications, go to catalog&#8211;&gt;products&#8211;&gt; edit page of any particular product.<\/p>\n\n\n\n<p>So, this was all about the PrestaShop Advanced Progressive Web App Module. I hope this document will help you in checking the functionality of the module in a better way.<\/p>\n\n\n\n<p>Also, do let us know about your views in the comments.<\/p>\n\n\n\n<p>In case, if you are also looking for a module with similar functionality for your marketplace, then do check out the&nbsp;<strong><a href=\"https:\/\/webkul.com\/blog\/prestashop-marketplace-seller-auction\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog<\/a><\/strong>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For any kind of technical assistance or query, please raise a ticket at&nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/webkul.uvdesk.com<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our vast range of featureful&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\"><strong>PrestaShop Addons<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prestashop Advanced Progressive Web App &#8211; A Progressive Web App (PWA) uses modern web capabilities to deliver an app-like experience to users. Web apps are actually websites that, in many ways, look and feel like native&nbsp;applications. Mobile applications with push notifications achieve&nbsp;up to three times more retention&nbsp;than their counterparts. With push notification, a user is <a href=\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":65,"featured_media":92929,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[5248,5249,5250,2722,4371],"class_list":["post-92442","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop","tag-prestashop-pwa","tag-progressive-web-app","tag-progressive-web-application-for-prestashop","tag-push-notification","tag-pwa"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prestashop Advanced Progressive Web App | PWA<\/title>\n<meta name=\"description\" content=\"Prestashop Advanced Progressive Web App uses web compatibilities and delivers an app-like experience to users &amp; is very fast to use.\" \/>\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\/prestashop-advanced-progressive-web-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop Advanced Progressive Web App | PWA\" \/>\n<meta property=\"og:description\" content=\"Prestashop Advanced Progressive Web App uses web compatibilities and delivers an app-like experience to users &amp; is very fast to use.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\" \/>\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=\"2017-08-14T14:58:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T07:03:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rashi Gandhi\" \/>\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=\"Rashi Gandhi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\"},\"author\":{\"name\":\"Rashi Gandhi\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/94f2fad4429e153c00d0a95224ee4b8f\"},\"headline\":\"Prestashop Advanced Progressive Web App\",\"datePublished\":\"2017-08-14T14:58:00+00:00\",\"dateModified\":\"2025-09-05T07:03:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\"},\"wordCount\":2075,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png\",\"keywords\":[\"prestashop pwa\",\"progressive web app\",\"Progressive web application for prestashop\",\"push notification\",\"PWA\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\",\"url\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\",\"name\":\"Prestashop Advanced Progressive Web App | PWA\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png\",\"datePublished\":\"2017-08-14T14:58:00+00:00\",\"dateModified\":\"2025-09-05T07:03:56+00:00\",\"description\":\"Prestashop Advanced Progressive Web App uses web compatibilities and delivers an app-like experience to users & is very fast to use.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop Advanced Progressive Web App\"}]},{\"@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\/94f2fad4429e153c00d0a95224ee4b8f\",\"name\":\"Rashi Gandhi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3c442d08f5b6026b2bac3b15dbf99965c7e58433f463b9e2fb17461e0709d5d0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3c442d08f5b6026b2bac3b15dbf99965c7e58433f463b9e2fb17461e0709d5d0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Rashi Gandhi\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/rashi-gandhi618\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop Advanced Progressive Web App | PWA","description":"Prestashop Advanced Progressive Web App uses web compatibilities and delivers an app-like experience to users & is very fast to use.","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\/prestashop-advanced-progressive-web-app\/","og_locale":"en_US","og_type":"article","og_title":"Prestashop Advanced Progressive Web App | PWA","og_description":"Prestashop Advanced Progressive Web App uses web compatibilities and delivers an app-like experience to users & is very fast to use.","og_url":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-08-14T14:58:00+00:00","article_modified_time":"2025-09-05T07:03:56+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png","type":"image\/png"}],"author":"Rashi Gandhi","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Rashi Gandhi","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/"},"author":{"name":"Rashi Gandhi","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/94f2fad4429e153c00d0a95224ee4b8f"},"headline":"Prestashop Advanced Progressive Web App","datePublished":"2017-08-14T14:58:00+00:00","dateModified":"2025-09-05T07:03:56+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/"},"wordCount":2075,"commentCount":4,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png","keywords":["prestashop pwa","progressive web app","Progressive web application for prestashop","push notification","PWA"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/","url":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/","name":"Prestashop Advanced Progressive Web App | PWA","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png","datePublished":"2017-08-14T14:58:00+00:00","dateModified":"2025-09-05T07:03:56+00:00","description":"Prestashop Advanced Progressive Web App uses web compatibilities and delivers an app-like experience to users & is very fast to use.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-5-1.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-advanced-progressive-web-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Prestashop Advanced Progressive Web App"}]},{"@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\/94f2fad4429e153c00d0a95224ee4b8f","name":"Rashi Gandhi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3c442d08f5b6026b2bac3b15dbf99965c7e58433f463b9e2fb17461e0709d5d0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3c442d08f5b6026b2bac3b15dbf99965c7e58433f463b9e2fb17461e0709d5d0?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Rashi Gandhi"},"url":"https:\/\/webkul.com\/blog\/author\/rashi-gandhi618\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/92442","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\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=92442"}],"version-history":[{"count":62,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/92442\/revisions"}],"predecessor-version":[{"id":505522,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/92442\/revisions\/505522"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/92929"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=92442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=92442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=92442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}