{"id":1540,"date":"2019-07-17T19:16:38","date_gmt":"2019-07-17T14:16:38","guid":{"rendered":"https:\/\/webplover.com\/hosting\/?p=1540"},"modified":"2021-01-23T17:45:55","modified_gmt":"2021-01-23T12:45:55","slug":"send-push-notifications-from-wordpress-site","status":"publish","type":"post","link":"https:\/\/webplover.com\/hosting\/send-push-notifications-from-wordpress-site\/","title":{"rendered":"How to Send Push Notifications from WordPress Site [With Pictures]"},"content":{"rendered":"<p>Here you will learn how can you send push notifications from WordPress site.<\/p>\n<p>If you want to learn about it, then read this article completely.<\/p>\n<p><strong>Let&#8217;s Start<\/strong><\/p>\n<p>Step by Step Guide&#8230;<\/p>\n<p><strong>If you like video tutorial, here you can watch our video tutorial<\/strong><\/p>\n<h2 style=\"color:#28a745;\">Video Tutorial<\/h2>\n<p><iframe loading=\"lazy\" frameborder=\"0\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/xYkqcVudCiA\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\"><\/iframe><\/p>\n<h3>Step 1:<\/h3>\n<p>Login to your WordPress site and go to <strong>Plugins \u2192Add New<\/strong><\/p>\n<p>then search for <strong>OneSignal<\/strong><\/p>\n<p><a href=\"https:\/\/webplover.com\/hosting\/blog\/install-wordpress-plugin\">Install and activate<\/a> it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1790 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications8.png\" alt=\"send push notifications from wordpress site\" width=\"801\" height=\"357\"><\/p>\n<h3>Step 2:<\/h3>\n<p>Click on <strong>OneSignal Push<\/strong><\/p>\n<p>In <strong>Setup <\/strong>section click on <a href=\"https:\/\/onesignal.com\/\">OneSignal<\/a> link to login into your account or create new account.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1797 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications7.jpg\" alt=\"send push notifications from wordpress site\" width=\"700\" height=\"238\"><\/p>\n<h3>Step 3:<\/h3>\n<p>After login into <a href=\"https:\/\/onesignal.com\/\">OneSignal<\/a> site, click on <strong>Add a new app<\/strong><\/p>\n<p>Enter your app name, and click on <strong>CREATE <\/strong>button.<\/p>\n<p>Now select <strong>Web Push <\/strong>platform and click on <strong>NEXT <\/strong>button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1791 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications6.jpg\" alt=\"send push notifications from wordpress site\" width=\"699\" height=\"326\"><\/p>\n<p>Choose <strong>WordPress Plugin or Website Builder <\/strong>integration, then click on <strong>WordPress<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1794 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications5.jpg\" alt=\"send push notifications from wordpress site\" width=\"699\" height=\"374\"><\/p>\n<h3>Step 4:<\/h3>\n<p>In <strong>WordPress Site Setup<\/strong>,<\/p>\n<p>Enter <strong>Site Name, Site URL <\/strong>&amp; <strong>Default Icon URL<\/strong><\/p>\n<p>and click on <strong>SAVE <\/strong>button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1798 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/PicsArt_08-06-05.37.38.jpg\" alt=\"send push notifications from wordpress site\" width=\"700\" height=\"374\"><\/p>\n<p>you can also upload your notification icon without adding a link,<\/p>\n<p>For this click on <strong>Upload, <\/strong>in the right side of form.<\/p>\n<p>Copy <strong>APP ID<\/strong> &amp; <strong>API KEY<\/strong><\/p>\n<p>then click on <strong>FINISH <\/strong>button<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1795 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications4.jpg\" alt=\"send push notifications from wordpress site\" width=\"600\" height=\"246\"><\/p>\n<h3>Step 5:<\/h3>\n<p>Now come back to <strong>OneSignal<\/strong> <strong>Push<\/strong> plugin, click on <strong>Configuration<\/strong> and paste the <strong>App ID <\/strong>&amp; <strong>API Key <\/strong>in there places.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1792 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications3.jpg\" alt=\"send push notifications from wordpress site\" width=\"700\" height=\"311\"><\/p>\n<p>If you are not using the <strong>https<\/strong> connection (<strong>SSL<\/strong>) then disable this option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1793 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications2.jpg\" alt=\"send push notifications from wordpress site\" width=\"601\" height=\"149\"><\/p>\n<p>If you want to send notifications to Android and iOS, then enable that option.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wpr-hr-img img-thumbnail alignnone wp-image-1796 size-full\" src=\"https:\/\/webplover.com\/hosting\/wp-content\/uploads\/2018\/08\/send-push-notifications1.png\" alt=\"send push notifications from wordpress site\" width=\"700\" height=\"386\"><\/p>\n<p>Leave the rest options as it is, then click on <strong>Save <\/strong>button.<\/p>\n<p><strong>It&#8217;s Done.<\/strong><\/p>\n<p>Now <strong>Push Notifications <\/strong>will successfully send from your site.<\/p>\n<p><strong>Here are a few guides for you to read next:<\/strong><\/p>\n<ul class=\"related-posts-li\">\n<li><a href=\"https:\/\/webplover.com\/hosting\/blog\/change-footer-copyrigh-text-of-hestia-theme\/\">How To Change The Footer Copyright Text Of Hestia WordPress Theme<\/a><\/li>\n<li><a href=\"https:\/\/webplover.com\/hosting\/blog\/change-footer-copyrigh-text-of-customizr-theme\/\">How To Change The Footer Copyright Text Of Customizr WordPress Theme<\/a><\/li>\n<li><a href=\"https:\/\/webplover.com\/hosting\/blog\/change-footer-copyright-text-of-portum-theme\/\">How to change the footer copyright text of Portum WordPress theme (With Pictures)<\/a><\/li>\n<li><a href=\"https:\/\/webplover.com\/hosting\/blog\/change-vantage-theme-logo-size\/\">How To Change Logo Size in Vantage Theme<\/a><\/li>\n<li><a href=\"https:\/\/webplover.com\/hosting\/blog\/add-google-analytics-to-wordpress\/\">How to Add Google Analytics to WordPress (With Pictures)<\/a><\/li>\n<li><a href=\"https:\/\/webplover.com\/hosting\/blog\/connect-godaddy-domain-with-hostgator\/\">How to link Godaddy domain name with Hostgator hosting account (With Pictures)<\/a><\/li>\n<\/ul>\n<h1>What\u2019s Next!<\/h1>\n<p><strong>Now if you have any questions, don\u2019t hesitate to let me know through comment or email, i will try to help you.<\/strong><\/p>\n<p><script src=\"https:\/\/apis.google.com\/js\/platform.js\"><\/script><\/p>\n<div class=\"g-ytsubscribe\" data-channelid=\"UCArLhGLL14dgeiIKwlu4jYA\" data-layout=\"full\" data-count=\"hidden\"><\/div>\n<p><strong>If you find this article helpful, then please Subscribe to our <\/strong><strong><a href=\"https:\/\/m.youtube.com\/channel\/UCArLhGLL14dgeiIKwlu4jYA\" rel=\"noopener noreferrer\" target=\"_blank\">YouTube Channel<\/a><\/strong><strong> for video tutorials, and share this article on social media.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here you will learn how can you send push notifications from WordPress site. If you want to learn about it, then read this article completely. Let&#8217;s Start Step by Step Guide&#8230; If you like video tutorial, here you can watch our video tutorial Video Tutorial Step 1: Login to your WordPress site and go to&#8230;<\/p>\n","protected":false},"author":220,"featured_media":1732,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[228],"tags":[],"class_list":["post-1540","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/posts\/1540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/users\/220"}],"replies":[{"embeddable":true,"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/comments?post=1540"}],"version-history":[{"count":0,"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/posts\/1540\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/media\/1732"}],"wp:attachment":[{"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/media?parent=1540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/categories?post=1540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webplover.com\/hosting\/wp-json\/wp\/v2\/tags?post=1540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}