{"id":453172,"date":"2024-07-19T07:16:59","date_gmt":"2024-07-19T07:16:59","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=453172"},"modified":"2026-04-09T07:38:20","modified_gmt":"2026-04-09T07:38:20","slug":"prestashop-browser-push-notifications-user-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/","title":{"rendered":"User Guide for PrestaShop Browser Push Notifications"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/store.webkul.com\/prestashop-browser-push-notifications.html\">PrestaShop Browser Push Notifications<\/a><\/strong>: Increase engagement in your online store by sending automated push notifications for relevant events using OneSignal.<\/p>\n\n\n\n<p>Customers can subscribe for the push notifications and get notifications for the events like abandoned carts, order status update, etc right on the browsers.<\/p>\n\n\n\n<p>Add any number of custom notifications and schedule the time when you would like to send them to specific users. <\/p>\n\n\n\n<p>Enhance user experience and drive conversions by notifying customers of various events of you store with PrestaShop Browser Push Notifications.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of PrestaShop Browser Push Notifications<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allow users to subscribe for notifications.<\/li>\n\n\n\n<li>Automatically send push notifications to the subscribers.<\/li>\n\n\n\n<li>Send welcome notification to the subscribers.<\/li>\n\n\n\n<li>Send push notifications for the abandoned carts to the subscribers.<\/li>\n\n\n\n<li>Show notifications to the subscribers when their order status gets updated.<\/li>\n\n\n\n<li>Add notifications that you would like to send to customers from the back office.<\/li>\n\n\n\n<li>Set delivery time for the notification.<\/li>\n\n\n\n<li>Set after how many visits the notification prompt will display to the customer.<\/li>\n\n\n\n<li>Configure the message that you would like to show for welcome, abandoned cart, and order status update notifications.<\/li>\n\n\n\n<li>Various options are provided to customize the appearance of notifications.<\/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 PrestaShop Browser Push Notifications<\/h3>\n<\/div><\/div>\n\n\n\n<p>The installation is quite simple just like the standard <a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">PrestaShop modules<\/a>.<\/p>\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<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"414\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\" alt=\"image-38\" class=\"wp-image-399503\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-300x104.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-250x86.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38-768x265.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"552\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39.png\" alt=\"image-39\" class=\"wp-image-399504\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-39-768x353.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"544\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40.png\" alt=\"image-40\" class=\"wp-image-399505\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-40-768x348.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Account Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721202476.png\" alt=\"account settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under Account, the admin needs to specify the App ID, Rest API key, and Safari web ID that he has received from OneSignal account.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to get credentials<\/h3>\n<\/div><\/div>\n\n\n\n<p>To obtain the required credentials, the admin needs to login to their OneSignal account.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721312173.png\" alt=\"onesignal login\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Once logged in, click on &#8216;New App\/Website&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721312628.png\" alt=\"add new app\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enter the app name, select web as first channel, and click on next button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721366899.png\" alt=\"add app\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now select custom code under &#8216;Choose Integration and enter site name under site setup. Click on Save button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721719808.png\" alt=\"web configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Go to Settings &gt; Keys &amp; IDs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721367855.png\" alt=\"keys and ids\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under &#8216;Keys &amp; Ids&#8217;, the admin can view OneSignal App ID and Rest API key.<\/p>\n\n\n\n<p>For getting Safari web ID, go to Platforms &gt; Web &gt; Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721368258.png\" alt=\"app settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under &#8216;Add Code to Site&#8217;, the admin can view Safari web ID.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721368679.png\" alt=\"safari web id\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Subscription Bell Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721207370.png\" alt=\"subscription bell\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Subscription bell settings allows the admin to customize the appearance of subscription bell and dialog box. Under this tab, the admin can: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Specify dialog title, subscribe button text, and unsubscribe button text.<\/li>\n\n\n\n<li>Set dialog unsubscribe\/subscribe button background and text color.<\/li>\n\n\n\n<li>Select notify button bell size and position.<\/li>\n\n\n\n<li>Set notify button background and foreground color.<\/li>\n\n\n\n<li>Choose to show &#8216;powered by OneSignal&#8217; in dialog box.<\/li>\n<\/ul>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<p>When a user visits the store, he can view subscription bell on the position selected by the admin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721209445.png\" alt=\"subscription bell\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the icon, a dialog box appears on the page. From this dialog box, the customer can subscribe or unsubscribe to the notifications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721210032.png\" alt=\"subscription bell\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Slide Prompt Settings<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721211625.png\" alt=\"slide prompt settings\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Auto prompt<\/strong>: Enable the option to automatically show prompt when a user visits the site.<\/p>\n\n\n\n<p><strong>Show after visit:<\/strong> Here the admin needs to set the number of visits after which prompt will displayed to the customer.<\/p>\n\n\n\n<p><strong>Show after:<\/strong> Once the customer has visit the site, the prompt will displayed after the time set by admin in this field.<\/p>\n\n\n\n<p><strong>Message:<\/strong> Set the message that will show in prompt.<\/p>\n\n\n\n<p><strong>Accept\/Cancel button text:<\/strong> Set the text to be displayed for the accept\/cancel button.<\/p>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<p>A prompt will display on the store after the specified time and number of visits.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721213000.png\" alt=\"prompt\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Welcome Notification<\/strong><\/p>\n\n\n\n<p>Under Welcome notification, the admin can set the title and message that will display to the customer on subscribing for the notifications.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721280667.png\" alt=\"welcome notification\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<p>On clicking the bell icon, a welcome notification prompt will display on the store.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721281520.png\" alt=\"welcome notification\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Abandoned Cart Settings<\/strong><\/p>\n\n\n\n<p>These settings allows the admin to send notifications for the abandoned carts to the customers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721283043.png\" alt=\"abandoned cart\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under Abandoned Cart tab, the admin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Can choose to send abandoned cart reminder notifications to customers.<\/li>\n\n\n\n<li>Needs to specify the abandoned cart template name that will be used for sending abandoned cart reminders.<\/li>\n\n\n\n<li>Can set the message title and message that will display in the abandoned cart notification<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Process of adding Segments for Abandoned Carts<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Set up the abandoned cart segment&nbsp;<\/h4>\n\n\n\n<p>Firstly, in your OneSignal dashboard, go to &#8216;Audience &gt; Segments&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721286096.png\" alt=\"segments\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, click on &#8216;New Segment&#8217; button to create a segment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721286435.png\" alt=\"add segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the &#8216;New Segment&#8217; button, a popup appears on the page where you need to specify the name of segment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721286958.png\" alt=\"add segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Enter &#8216;cart_update&#8217; in first column (key) and select &#8216;exists&#8217; in the second column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721287485.png\" alt=\"add segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;Add filter&#8217; button below User Tag to create an &#8216;AND&#8217; relationship.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721287915.png\" alt=\"add segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, click on the &#8216;Last Session&#8217; filter, select &#8216;greater than&#8217; in first column, and enter 1 in second column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721288196.png\" alt=\"add segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, click on &#8216;Create Segment&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721288796.png\" alt=\"segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Set the reminder message<\/h4>\n\n\n\n<p>Go to &#8216;Messages &gt; Automated. Click on &#8216;New Automated Push&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721292801.png\" alt=\"messages\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, set the message name and select &#8216;Send to particular segment(s)&#8217; under Audience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721293262.png\" alt=\"message\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Click on &#8216;X&#8217; mentioned alongside &#8216;Total Subscriptions&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721293888.png\" alt=\"message\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, click on &#8216;Include Segment&#8217; button and select the created segment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721294150.png\" alt=\"message\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721297662.png\" alt=\"segment\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Select the message template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721297924.png\" alt=\"select message\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721715700.png\" alt=\"select message template\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Select &#8216;Immediately&#8217; and &#8216;If the user returns to the app&#8217; under &#8216;Delivery Schedule&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721298285.png\" alt=\"delivery schedule\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, click on &#8216;Make Active&#8217; button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Order update notification<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721299052.png\" alt=\"order update notification\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Under Order update notification, the admin can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configure the order status(es) on which the order update notification will be sent to the customers.<\/li>\n\n\n\n<li>Set the title and message to be displayed in order update notification prompt.<\/li>\n<\/ul>\n\n\n\n<p><strong>Front End View<\/strong><\/p>\n\n\n\n<p>When the admin updates the status of an order, a notification will display in the front as shown in the below screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721734098.png\" alt=\"order status notification\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Notification<\/h3>\n<\/div><\/div>\n\n\n\n<p>Under this tab, the admin can add custom notifications that he wants to send to customers. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721309507.png\" alt=\"add notification\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Admin can add notification by clicking on &#8216;Add notification&#8217; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1721310973.png\" alt=\"add notification\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the button, a form appears with the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Name: Specify the name of notification.<\/li>\n\n\n\n<li>Title and Message: Set the title and message that will display in notification prompt.<\/li>\n\n\n\n<li>Segments: Notification will be sent to users of the selected segments.<\/li>\n\n\n\n<li>Icon and Image: Upload the icon and image that will display in notification prompt.<\/li>\n\n\n\n<li>Launch URL: When a user clicks on the notification, he will be redirected to the URL specified in this field.<\/li>\n\n\n\n<li>Delivery start time: Set the time at which notification will be send to the customers.<\/li>\n<\/ul>\n\n\n\n<p>This was all about PrestaShop Browser Push Notifications 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<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&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">raise a ticket<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\">Prestashop development services<\/a>&nbsp;and vast range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">Prestashop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PrestaShop Browser Push Notifications: Increase engagement in your online store by sending automated push notifications for relevant events using OneSignal. Customers can subscribe for the push notifications and get notifications for the events like abandoned carts, order status update, etc right on the browsers. Add any number of custom notifications and schedule the time when <a href=\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":165,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-453172","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide for PrestaShop Browser Push Notifications<\/title>\n<meta name=\"description\" content=\"Send automated push notifications to the users for events like abandoned carts, order status update, etc using OneSignal.\" \/>\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-browser-push-notifications-user-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide for PrestaShop Browser Push Notifications\" \/>\n<meta property=\"og:description\" content=\"Send automated push notifications to the users for events like abandoned carts, order status update, etc using OneSignal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\" \/>\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=\"2024-07-19T07:16:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-09T07:38:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\" \/>\n<meta name=\"author\" content=\"Ashish Sehgal\" \/>\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=\"Ashish Sehgal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\"},\"author\":{\"name\":\"Ashish Sehgal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d\"},\"headline\":\"User Guide for PrestaShop Browser Push Notifications\",\"datePublished\":\"2024-07-19T07:16:59+00:00\",\"dateModified\":\"2026-04-09T07:38:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\"},\"wordCount\":1151,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\",\"url\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\",\"name\":\"User Guide for PrestaShop Browser Push Notifications\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"datePublished\":\"2024-07-19T07:16:59+00:00\",\"dateModified\":\"2026-04-09T07:38:20+00:00\",\"description\":\"Send automated push notifications to the users for events like abandoned carts, order status update, etc using OneSignal.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png\",\"width\":1200,\"height\":414,\"caption\":\"image-38\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for PrestaShop Browser Push Notifications\"}]},{\"@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\/adc5483234a0096b5eba2c30924f652d\",\"name\":\"Ashish Sehgal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?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\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ashish Sehgal\"},\"description\":\"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide for PrestaShop Browser Push Notifications","description":"Send automated push notifications to the users for events like abandoned carts, order status update, etc using OneSignal.","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-browser-push-notifications-user-guide\/","og_locale":"en_US","og_type":"article","og_title":"User Guide for PrestaShop Browser Push Notifications","og_description":"Send automated push notifications to the users for events like abandoned carts, order status update, etc using OneSignal.","og_url":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2024-07-19T07:16:59+00:00","article_modified_time":"2026-04-09T07:38:20+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","type":"","width":"","height":""}],"author":"Ashish Sehgal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ashish Sehgal","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/"},"author":{"name":"Ashish Sehgal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d"},"headline":"User Guide for PrestaShop Browser Push Notifications","datePublished":"2024-07-19T07:16:59+00:00","dateModified":"2026-04-09T07:38:20+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/"},"wordCount":1151,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/","url":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/","name":"User Guide for PrestaShop Browser Push Notifications","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","datePublished":"2024-07-19T07:16:59+00:00","dateModified":"2026-04-09T07:38:20+00:00","description":"Send automated push notifications to the users for events like abandoned carts, order status update, etc using OneSignal.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/09\/image-38.png","width":1200,"height":414,"caption":"image-38"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-browser-push-notifications-user-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for PrestaShop Browser Push Notifications"}]},{"@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\/adc5483234a0096b5eba2c30924f652d","name":"Ashish Sehgal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?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\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ashish Sehgal"},"description":"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.","url":"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/453172","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\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=453172"}],"version-history":[{"count":31,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/453172\/revisions"}],"predecessor-version":[{"id":518386,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/453172\/revisions\/518386"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=453172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=453172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=453172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}