{"id":253,"date":"2016-03-09T06:46:12","date_gmt":"2016-03-09T06:46:12","guid":{"rendered":"https:\/\/www.nvecta.com\/blog\/?p=253"},"modified":"2022-12-27T04:28:47","modified_gmt":"2022-12-27T04:28:47","slug":"tutorial-integrate-web-push-notifications","status":"publish","type":"post","link":"https:\/\/www.nvecta.com\/blog\/tutorial-integrate-web-push-notifications\/","title":{"rendered":"Tutorial to Integrate Web Push Notifications"},"content":{"rendered":"

<\/h1>\n
\"Enable<\/a>
Signup For Web Push Notification<\/figcaption><\/figure>\n

<\/p>\n

Now you can easily setup web push notifications<\/span><\/a> <\/strong><\/span>for your subscribers. This includes Chrome push notification<\/strong>, Safari push<\/strong>, and Mozilla Firefox push notifications<\/strong>.<\/p>\n

Here are the 4 easy steps to integrate and enable web push notifications.<\/h2>\n

1.  Signup<\/strong> :<\/span> Sign Up  Here<\/span><\/a><\/span> and enter basic details<\/p>\n

2.  Integrate Code: <\/strong><\/span>Go to Integration then click on the website. Just Copy and Paste a java script code in the footer\/header of your website.<\/p>\n

\"web-browser-Push-Notifications-Integration\"<\/a>
Push Notification Integration<\/figcaption><\/figure>\n

3. Configuration: <\/strong><\/span>Now Go to Configuration tag and configure your push notification “allow access dialog box” for subscribers.<\/p>\n

This is one-time configuration. This can be edited anytime.<\/p>\n

\"Web-push-notifications-configuration\"<\/a>
Configure Web Push Notification<\/figcaption><\/figure>\n

4. Create and Send:<\/strong><\/span> Now Go to Notification and Click on Create – Here you can set the push notifications content for a specific browsers like Chrome, Safari, and Firefox. Once you have created the notification go to Schedule and Send push notification to your Subscribed customers.<\/p>\n

\"Create-and-Send-Web<\/a>
Create and Send Push Notification<\/figcaption><\/figure>\n\n\n
<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":7624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,61],"tags":[27,24,26,28,29,30,25,23],"class_list":["post-253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integration","category-web-push-notifications","tag-browser-push-notifications","tag-chrome-push-notifications","tag-firefox-push-notifications","tag-push-notification-service","tag-push-notification-service-provider","tag-push-notification-software","tag-safari-push-notifications","tag-web-push-notifications"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":25,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/253\/revisions"}],"predecessor-version":[{"id":16002,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/253\/revisions\/16002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/7624"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}