{"id":62425,"date":"2016-10-20T10:16:00","date_gmt":"2016-10-20T10:16:00","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=62425"},"modified":"2024-10-04T10:08:35","modified_gmt":"2024-10-04T10:08:35","slug":"cs-cart-web-push-notification","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/","title":{"rendered":"CS-Cart Web Push Notification"},"content":{"rendered":"<h2><strong>CS-Cart Web Push Notification:<\/strong><\/h2>\n<p class=\"text-justify\">This impressive add-on allows admin to send push notification directly to the browser. The biggest benefit of push notification is the ability to deliver notifications immediately.<\/p>\n<p class=\"text-justify\">Unlike emails that sometimes fail to deliver or go to a spam folder, its prompt and assured content delivery feature ensure that notifications are for sure delivered to the user.<\/p>\n<p class=\"text-justify\">As long as the browser is running, a subscribed user gets a pop-up message from the website without having the site open. This improves the user engagement and retention.<\/p>\n<p><span style=\"color: #ff0000;\"><strong>Please Note-<\/strong><\/span>\u00a0<em>In order to allow Web Push Notifications for Safari browsers, you will require the Safari\u00a0Certificates. If you do not own the certificate then you can purchase it from Webkul. <\/em><\/p>\n<p><em>The validity of that certificate will be 5 Years. <\/em><\/p>\n<p><em>If you want to create your own certificate, then you need to have Apple&#8217;s developer account with an individual membership plan worth $99 USD per membership year.\u00a0 <\/em><\/p>\n<p><em>For knowing how to create your own certificate for Safari Web Push Notifications, please continue reading this blog post.<\/em><\/p>\n<p>Check a brief overview of the plugin &#8211;<\/p>\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"8llpPDOccTg\">\n<div class=\"components-placeholder__instructions\">8llpPDOccTg<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Features<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>Well integrated with CS-Cart &amp; Multi-Vendor.<\/li>\n<li>Works well with <span style=\"color: #ff0000;\"><strong>Mozilla Firefox,\u00a0<\/strong><strong>Chrome, <\/strong><span style=\"color: #000000;\">and <\/span><strong>Safari (only for Apple devices)\u00a0<\/strong><\/span> browsers.<\/li>\n<li>Designed to work only with the SSL certificate websites that means\u00a0Web push notification works only in <span style=\"color: #ff0000;\"><strong>https<\/strong> <\/span>sites.<\/li>\n<li>No monthly subscription required for notifying customers.<\/li>\n<li>An unlimited number of customers can subscribe to your site.<\/li>\n<li>Functionality to create and delete notifications at admin end.<\/li>\n<li>Option to add icon and target URL for notifications.<\/li>\n<li>Allows notification to all subscribed user as per the configuration made at admin end.<\/li>\n<li>Functionality to view and delete the notification logs.<\/li>\n<li>Advanced notification logs view providing logs related to each browser separately.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Benefits Of CS-Cart Web Push Notification<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>No need to have a mobile app to get the benefit of mobile push notifications.Users can subscribe to push notifications right from the mobile website.<\/li>\n<li>You can reach out to those users who are not on your website.<\/li>\n<li>You can notify your user whenever required.<\/li>\n<li>If the user is offline at the time of sending a notification, he will see the notification as soon as\u00a0he comes online and opens the browser.<\/li>\n<li>Web push notifications don\u2019t need a user\u2019s email or other contact details.<\/li>\n<li>Prompt and assured content delivery, the moment you click on \u201cNotify\u201d, it will be delivered to the users immediately.<\/li>\n<li>Push notifications are clickable. So you can send people directly to any URL on your website.<\/li>\n<li>Drive more traffic to your website.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>How To Upload and Install<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<div class=\"alert alert-success\">\n<div>After downloading the <strong>CS-Cart Web Push Notifications<\/strong>, you will get a zip file and User Guide. Read the manual carefully and configure it accordingly.<\/div>\n<\/div>\n<p>Go to <strong>&#8220;Manage add-ons&#8221;<\/strong>, click on <strong>\u201c+\u201d<\/strong> to upload and install the zip file as shown below.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1-6-e1639392848560.png\"><img decoding=\"async\" class=\"alignnone wp-image-61691 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/1-6-e1639392848560.png\" alt=\"Upload\" width=\"1366\" height=\"613\" loading=\"lazy\" \/><\/a><br \/>\nClick on <strong>\u201cLocal\u201d<\/strong> to browse the zip file and then click on <strong>\u201cUpload &amp; Install\u201d<\/strong> as shown below in snapshot.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7.png\"><img decoding=\"async\" class=\"alignnone wp-image-61693 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7.png\" alt=\"Browse\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/2-7-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Global Settings<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Once the add-on is installed, click on <strong>\u201cSettings\u201d<\/strong> to configure the add-on as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113368\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19.png\" alt=\"settings\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/3-19-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>There are different settings fields which includes:<\/p>\n<ol>\n<li>General Settings<\/li>\n<li>Chrome Settings<\/li>\n<li>Safari Settings<\/li>\n<\/ol>\n<ol>\n<li><strong>General Settings<\/strong>:\n<ul>\n<li><strong>Subscription Request<\/strong>&#8211; There are two options for requesting the user for allowing Push Notification. You can either request on Website Load or by adding a notification bell icon. To add the icon you simply need to add a template block in the layout as explained in this post further.<\/li>\n<li><strong>App Name- <\/strong>Give the application name for the manifest file.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Chrome Settings:<\/strong>\n<ul>\n<li>Enter the sender id for Firebase Cloud Messaging.<\/li>\n<li>Enter the <strong>Legacy Server Key<\/strong> for <strong>Firebase Cloud Messaging (FCM)<\/strong>. (<strong>You will get to know <a href=\"#FCM\">how to get these credentials<\/a>\u00a0later in this blog post.<\/strong>)<\/li>\n<li>Check the box to <strong>Create Chrome manifest.json file.\u00a0\u00a0<\/strong>You need to create this file every time you change the settings.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Safari Settings:<\/strong>\n<ul>\n<li>Enter the <strong>Certificate&#8217;s import password <\/strong>which is kept while exporting the CSR file. If you have not kept any then you may keep this field as blank.<\/li>\n<li><strong>Website Push ID\u00a0<\/strong>is a unique identifier to identify your website. It should be your unique reverse-domain string, such as web.com.example.domain (must start with web.).\u00a0(<strong>You will get to know <a href=\"#certificate\">how to get these credentials<\/a>\u00a0later in this blog post.<\/strong>)<\/li>\n<li>Enter the\u00a0<strong>Allowed Domains <\/strong>in quotes (&#8221; &#8220;) separated by a comma (,).<\/li>\n<li>Upload the Key file and Information file.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113371\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1.png\" alt=\"settings 1\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/settings-1-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113373\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings.png\" alt=\"safari settings\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-settings-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div id=\"FCM\" class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>How to get API Key and FCM Sender Id<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Please go through the below steps to get <strong>Legacy Server Key <\/strong>and<strong> FCM Sender id<\/strong> :<br \/>\n<strong>1.<\/strong>\u00a0Go to the link <a href=\"https:\/\/console.firebase.google.com\/\">https:\/\/console.firebase.google.com\/<\/a> and log in with your Gmail account.<br \/>\n<strong>2.\u00a0<\/strong>Click on <strong>\u201cCreate New Project\u201d<\/strong> button as shown below in the snapshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1.png\"><img decoding=\"async\" class=\"alignnone wp-image-62456 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1.png\" alt=\"Firebase\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-1-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>3.<\/strong>\u00a0Enter the name of the project, select the country and click on <strong>\u201cCreate Project\u201d<\/strong> button as shown in the snapshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2.png\"><img decoding=\"async\" class=\"alignnone wp-image-62457 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2.png\" alt=\"Firebase login\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-2-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>4.\u00a0<\/strong>\u00a0Once the project is created click on <strong>\u201cProject settings\u201d<\/strong> as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-62458 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3.jpg\" alt=\"FCM Project\" width=\"1365\" height=\"376\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3.jpg 1365w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3-250x69.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3-300x83.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3-768x212.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/firebase-3-1200x331.jpg 1200w\" sizes=\"(max-width: 1365px) 100vw, 1365px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>5.\u00a0<\/strong>Click on <strong>CLOUD MESSAGING<\/strong> for <strong>FCM Sender Id &amp; Legacy Server Key.<\/strong>\u00a0Here you can get <strong>FCM Sender Id &amp; Server Key\u00a0<\/strong>as shown below in the Snapshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113381\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1.png\" alt=\"keys\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/keys-1-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div id=\"certificate\" class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>How to Get Web Push Certificate<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>To get push notification certificate, you need to register A website Push Id and create a certificate based on that push ID. Here are the steps below to get the same.<\/p>\n<p><strong>Step 1: Create Push Id-<\/strong><\/p>\n<p><strong>1<\/strong>: Login to the developer portal and navigate to Certificates, Identifiers &amp; Profiles. Now, go to Website Push IDs to add a new push Id.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113496\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1.png\" alt=\"webpush id1\" width=\"1435\" height=\"809\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1.png 1435w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1-768x433.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/webpush-id1-1200x677.png 1200w\" sizes=\"(max-width: 1435px) 100vw, 1435px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>2<\/strong>: On clicking + button, you will get a form with two fields,<\/p>\n<ol>\n<li>Enter the description of Web Push Id (Just for the developer portal. Neither your safari browser nor the Users and Server will be able to see this.)<\/li>\n<li>Enter the identifier so that the code may identify your website. It is recommended to enter the reverse domain name style string as shown below in the image. (The identifier will start with the string &#8220;web.&#8221;) This identifier will be used in the <strong>Safari Settings<\/strong> of the add-on.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id2-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113497\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id2-1.png\" alt=\"Website Push Id2\" width=\"921\" height=\"578\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id2-1.png 921w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id2-1-250x157.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id2-1-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id2-1-768x482.png 768w\" sizes=\"(max-width: 921px) 100vw, 921px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Now click on the Register button as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113501\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register.png\" alt=\"register\" width=\"1440\" height=\"900\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register.png 1440w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-768x480.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-1200x750.png 1200w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Registration Complete!<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113502\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done.png\" alt=\"register done\" width=\"1440\" height=\"900\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done.png 1440w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done-768x480.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/register-done-1200x750.png 1200w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Just click on continue. This is how you can create Push Id.<\/p>\n<p><strong>Step 2: Generate The Certificates.<\/strong><\/p>\n<p><strong>1: <\/strong>Go to <strong>Settings<\/strong>\u00a0as shown below &amp; click to <strong>Create Certificate<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113504\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM.png\" alt=\"settings\" width=\"1440\" height=\"900\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM.png 1440w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM-768x480.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.24.28-PM-1200x750.png 1200w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>2:<\/strong>\u00a0You will see some instructions to create a CSR (Certificate Signing Request). Just read and create a CSR file. Further, click to <strong>Continue\u00a0<\/strong>as shown.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id4-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113511\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id4-1.png\" alt=\"Website Push Id4\" width=\"918\" height=\"640\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id4-1.png 918w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id4-1-250x174.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id4-1-300x209.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Website-Push-Id4-1-768x535.png 768w\" sizes=\"(max-width: 918px) 100vw, 918px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>3:<\/strong> Upload the CSR file here &amp; click to continue.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113514\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create.png\" alt=\"create\" width=\"1440\" height=\"900\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create.png 1440w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create-768x480.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/create-1200x750.png 1200w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>4:\u00a0<\/strong>The certificate will be generated as shown below. Just download this.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113515\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM.png\" alt=\"created\" width=\"1440\" height=\"900\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM.png 1440w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM-768x480.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.27.45-PM-1200x750.png 1200w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>5:<\/strong> Further, you need to install the certificate in Keychain Access. Just right-click to export the certificate with a <strong>p12 extension.<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.30.56-PM.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113517\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.30.56-PM.png\" alt=\"keychain\" width=\"880\" height=\"593\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.30.56-PM.png 880w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.30.56-PM-250x168.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.30.56-PM-300x202.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.30.56-PM-768x518.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>6:\u00a0<\/strong>Just give a name to the certificate and <strong>Save.<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.31.57-PM.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113518\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.31.57-PM.png\" alt=\"name\" width=\"876\" height=\"598\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.31.57-PM.png 876w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.31.57-PM-250x171.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.31.57-PM-300x205.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-7.31.57-PM-768x524.png 768w\" sizes=\"(max-width: 876px) 100vw, 876px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Further, you need to create PEM Certificate. Open the terminal of your mac. Go to saved .p12\u00a0 file location &amp; run the below command.<\/p>\n<pre>openssl pkcs12 -in Certificates.p12 -out Certificates.pem -nodes -clcerts<\/pre>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Back End View<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Go to <strong>\u201cMarketing\u201d<\/strong> tab and click on <strong>\u201cWeb Push Notification\u201d<\/strong> as shown below.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10.png\"><img decoding=\"async\" class=\"alignnone wp-image-62433 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10.png\" alt=\"CS-Cart Web Push Notification\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/5-10-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Click on <strong>\u201c+\u201d<\/strong> button. There will be 2 options as shown below in the snapshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113868\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1.png\" alt=\"add\" width=\"1366\" height=\"637\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1-250x117.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1-300x140.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1-768x358.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/add-1-1200x560.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>To send a quick notification to the user click on the option &#8220;<strong>Send quick notification<\/strong>&#8220;. You will get a pop-up.<\/p>\n<p>The pop-up fields include <strong>Push Data &amp; Template information<\/strong>. If you want to send the already created template then just select the template from the template drop-down &amp; click to <strong>Load<\/strong>. Or simply add a new notification content &amp; click to <strong>notify<\/strong>. You can also preview the notification by clicking <strong>Preview notification<\/strong> button.<\/p>\n<p>Please refer the below screenshot for more details.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113870\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification.png\" alt=\"quick notification\" width=\"1366\" height=\"637\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification-250x117.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification-300x140.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification-768x358.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/quick-notification-1200x560.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>To create a new template click on the <strong>&#8220;Add notification template&#8221;<\/strong> option. Enter the following parameters to create a notification as shown below in the snapshot.<\/p>\n<ul>\n<li>Enter the title of notification.<\/li>\n<li>Write down the notification messages.<\/li>\n<li>Click on <strong>\u201cLocal\u201d<\/strong> to add an icon.<\/li>\n<li>Enter the target URL for the notification.<\/li>\n<li>Click on <strong>\u201cCreate\u201d<\/strong> button to add the notification.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8.png\"><img decoding=\"async\" class=\"alignnone wp-image-62435 size-full\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8.png\" alt=\"add\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/7-8-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Notifications added will be listed under Web Push Notifications as shown below.<\/p>\n<ul>\n<li>Click on the drop-down to <strong>\u201cEdit\u201d<\/strong> or <strong>\u201cDelete\u201d<\/strong> the notification.<\/li>\n<li>Click on <strong>\u201cNotify\u201d<\/strong> to send the notification. Statistics alert will appear for sent notification as shown below.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113449\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2.png\" alt=\"15\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/15-2-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Notification Logs Management:<\/strong><\/p>\n<p>Go to <strong>\u201cMarketing\u201d<\/strong> tab and click on <strong>\u201cPush Notification Log\u201d<\/strong> to view the logs as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs.png\"><img decoding=\"async\" class=\"alignnone wp-image-62438 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs.png\" alt=\"logs\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>All the logs will be listed as shown below. To delete the logs, select them by clicking on the checkbox and click on <strong>\u201cDelete Selected\u201d<\/strong> as per the below screenshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113451\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1.png\" alt=\"logs\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/logs-1-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Subscribers Management :<\/strong><\/p>\n<p>Go to <strong>\u201cMarketing\u201d<\/strong> tab and click on <strong>\u201cSubscribers\u201d<\/strong> to view the subscribers as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers.png\"><img decoding=\"async\" class=\"alignnone wp-image-62441 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers.png\" alt=\"subscriber\" width=\"1366\" height=\"613\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscribers-604x270.png 604w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here&#8217;s the list of all the subscribers. To delete subscribers, select them by clicking on the checkbox and click on <strong>\u201cDelete Selected\u201d<\/strong> as per the below screenshot.<\/p>\n<p><span style=\"color: #ff0000;\"><strong>Please Note that<\/strong><\/span>: &#8220;<i>Push allowed column will be updated only for safari browser and not for Chrome or Mozilla<\/i>&#8221;<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113452\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber.png\" alt=\"subscriber\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/subscriber-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>In order to get a <strong>notification icon<\/strong> at frontend, just <strong>add a template block<\/strong> in the layout by keeping the template as <strong>Push subscription<\/strong> as shown below.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113521\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout.png\" alt=\"bell layout\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-layout-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Front End View<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Once the user opens the storefront, a pop up is originated if in the add-on settings you have set <strong>Subscription Request<\/strong> on <strong>Website Load.<\/strong>\u00a0But if you have set\u00a0<strong>Request<\/strong>\u00a0on clicking the bell icon, then this pop-up will be displayed only when the icon is clicked.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113526\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell.png\" alt=\"bell\" width=\"1366\" height=\"588\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-768x331.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/bell-1200x517.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><br \/>\nClick on<strong> \u201cAllow\u201d<\/strong> button to allow the notification.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end.png\"><img decoding=\"async\" class=\"alignnone wp-image-62445 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end.png\" alt=\"allow notification\" width=\"1360\" height=\"693\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end.png 1360w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end-250x127.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end-768x391.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Front-end-1200x611.png 1200w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" loading=\"lazy\" \/><\/a><\/p>\n<p>On allowing user will get subscribed to receive the notifications.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg.png\"><img decoding=\"async\" class=\"alignnone wp-image-62446 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg.png\" alt=\"subscribed\" width=\"1366\" height=\"662\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg.png 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg-768x372.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/congo-msg-1200x582.png 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Notification View :<\/strong><br \/>\nOnce the admin sends the notification, Subscriber will get the same even when he is not actively using the store. Here&#8217;s the view of notification received while the Chrome and Mozilla Firefox browsers are active.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled.png\"><img decoding=\"async\" class=\"alignnone wp-image-62447 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled.png\" alt=\"Push notification\" width=\"1363\" height=\"767\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled.png 1363w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled-768x432.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Untitled-1200x675.png 1200w\" sizes=\"(max-width: 1363px) 100vw, 1363px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Notification Pop-up in the Safari Browser:<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113520\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM.png\" alt=\"safari\" width=\"1438\" height=\"900\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM.png 1438w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM-300x188.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM-768x481.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Screen-Shot-2018-02-21-at-12.07.07-PM-1200x751.png 1200w\" sizes=\"(max-width: 1438px) 100vw, 1438px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Received Notification On Safari Browser:<\/strong><\/p>\n<p><span style=\"color: #008000;\"><em><span style=\"color: #ff0000;\"><strong>Please note<\/strong><\/span> that the received notification will have the message title and body along with the images which need to be set prior to add-on installation. You will require the icon images with specific name and dimensions as mentioned below. These are specifically for Safari Browsers only &amp; will be used in notifications, Notification Center, Safari, and System Preferences. <\/em><\/span><\/p>\n<p><span style=\"color: #008000;\"><em>So, the images for all the notifications on Safari Browser will be same as the icon set here.<\/em><\/span><\/p>\n<ul>\n<li><strong>icon_16x16.png<\/strong><\/li>\n<li><strong>icon_32x32.png<\/strong><\/li>\n<li><strong>icon_32x32@2x.png<\/strong><\/li>\n<li><strong>icon_128x128.png<\/strong><\/li>\n<li><strong>icon_128x128@2x.png<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-113837\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1.png\" alt=\"safari notification\" width=\"1440\" height=\"899\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1.png 1440w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1-250x156.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1-300x187.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1-768x479.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/safari-notification-1-1200x749.png 1200w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Support<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>This is all about <strong>CS-Cart Web Pust Notification <\/strong>module. Still, have any issue, feel free to contact us at <a href=\"http:\/\/webkul.uvdesk.com\" target=\"_blank\" rel=\"noopener\">http:\/\/webkul.uvdesk.com<\/a>\u00a0\u00a0and let us know your views to make the module better.<\/p>\n<p>Please explore our\u00a0<a href=\"https:\/\/webkul.com\/cs-cart-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">cs-cart Development Services<\/a> and Quality <a href=\"https:\/\/store.webkul.com\/CS-Cart.html\" target=\"_blank\" rel=\"noreferrer noopener\">cs-cart add-ons<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CS-Cart Web Push Notification: This impressive add-on allows admin to send push notification directly to the browser. The biggest benefit of push notification is the ability to deliver notifications immediately. Unlike emails that sometimes fail to deliver or go to a spam folder, its prompt and assured content delivery feature ensure that notifications are for <a href=\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":108,"featured_media":62450,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1496,3810],"tags":[3811,3813,3812,590],"class_list":["post-62425","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cs-cart","category-web-push-notification","tag-cs-cart-web-push-notification","tag-push-notifications","tag-web-push-notification","tag-webkul"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CS-Cart Web Push Notification- Webkul Blog<\/title>\n<meta name=\"description\" content=\"CS-Cart Web Push Notification allows admin to send push notifications directly to browser.This improves the user engagement and retention.\" \/>\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\/cs-cart-web-push-notification\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CS-Cart Web Push Notification- Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"CS-Cart Web Push Notification allows admin to send push notifications directly to browser.This improves the user engagement and retention.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\" \/>\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=\"2016-10-20T10:16:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-04T10:08:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.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=\"Ranjana\" \/>\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=\"Ranjana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\"},\"author\":{\"name\":\"Ranjana\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d8695048868bbffb345306d7a8830687\"},\"headline\":\"CS-Cart Web Push Notification\",\"datePublished\":\"2016-10-20T10:16:00+00:00\",\"dateModified\":\"2024-10-04T10:08:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\"},\"wordCount\":1730,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png\",\"keywords\":[\"CS-Cart Web Push Notification\",\"Push Notifications\",\"Web Push Notification\",\"webkul\"],\"articleSection\":[\"Cs Cart\",\"Web Push Notification\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\",\"url\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\",\"name\":\"CS-Cart Web Push Notification- Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png\",\"datePublished\":\"2016-10-20T10:16:00+00:00\",\"dateModified\":\"2024-10-04T10:08:35+00:00\",\"description\":\"CS-Cart Web Push Notification allows admin to send push notifications directly to browser.This improves the user engagement and retention.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CS-Cart Web Push Notification\"}]},{\"@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\/d8695048868bbffb345306d7a8830687\",\"name\":\"Ranjana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a5d6243350656e4ff7e55a006cfea309695a8c16d21a9a74ccfe415191bc4f8?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a5d6243350656e4ff7e55a006cfea309695a8c16d21a9a74ccfe415191bc4f8?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Ranjana\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/ranjana-rani726\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CS-Cart Web Push Notification- Webkul Blog","description":"CS-Cart Web Push Notification allows admin to send push notifications directly to browser.This improves the user engagement and retention.","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\/cs-cart-web-push-notification\/","og_locale":"en_US","og_type":"article","og_title":"CS-Cart Web Push Notification- Webkul Blog","og_description":"CS-Cart Web Push Notification allows admin to send push notifications directly to browser.This improves the user engagement and retention.","og_url":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-10-20T10:16:00+00:00","article_modified_time":"2024-10-04T10:08:35+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png","type":"image\/png"}],"author":"Ranjana","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ranjana","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/"},"author":{"name":"Ranjana","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d8695048868bbffb345306d7a8830687"},"headline":"CS-Cart Web Push Notification","datePublished":"2016-10-20T10:16:00+00:00","dateModified":"2024-10-04T10:08:35+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/"},"wordCount":1730,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png","keywords":["CS-Cart Web Push Notification","Push Notifications","Web Push Notification","webkul"],"articleSection":["Cs Cart","Web Push Notification"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/","url":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/","name":"CS-Cart Web Push Notification- Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png","datePublished":"2016-10-20T10:16:00+00:00","dateModified":"2024-10-04T10:08:35+00:00","description":"CS-Cart Web Push Notification allows admin to send push notifications directly to browser.This improves the user engagement and retention.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/10\/Web-Push-Notification.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/cs-cart-web-push-notification\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CS-Cart Web Push Notification"}]},{"@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\/d8695048868bbffb345306d7a8830687","name":"Ranjana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a5d6243350656e4ff7e55a006cfea309695a8c16d21a9a74ccfe415191bc4f8?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a5d6243350656e4ff7e55a006cfea309695a8c16d21a9a74ccfe415191bc4f8?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Ranjana"},"url":"https:\/\/webkul.com\/blog\/author\/ranjana-rani726\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/62425","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\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=62425"}],"version-history":[{"count":30,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/62425\/revisions"}],"predecessor-version":[{"id":450776,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/62425\/revisions\/450776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/62450"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=62425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=62425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=62425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}