{"id":18591,"date":"2023-10-19T10:43:16","date_gmt":"2023-10-19T10:43:16","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=18591"},"modified":"2023-10-19T11:13:25","modified_gmt":"2023-10-19T11:13:25","slug":"how-to-setup-webpushr-notification-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-setup-webpushr-notification-in-amp\/","title":{"rendered":"How to setup webpushr notification in AMP"},"content":{"rendered":"\n<p>Webpushr is the fastest growing web push notifications platform that marketers love &amp; developers rely on. All popular browsers are supported.<\/p>\n\n\n\n<p><strong>Follow these simple steps to setup webpushr in AMP<\/strong><\/p>\n\n\n\n<p><strong>Step 1 \u2013<\/strong>\u00a0First of all Signup\/login at\u00a0<strong><a href=\"https:\/\/app.webpushr.com\/login\" data-type=\"URL\" data-id=\"https:\/\/app.webpushr.com\/login\">webpushr<\/a><\/strong><\/p>\n\n\n\n<p><strong>Step 2<\/strong> \u2013 From the Dashboard -> Go to the Settings -> Integration Instructions -> Copy REST API Keys and paste in the AMPforWP.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"481\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-1024x481.png\" alt=\"\" class=\"wp-image-18603\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-1024x481.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-300x141.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-768x361.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-1536x721.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file.png 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><strong>Step 3\u00a0<\/strong>\u2013 You will find this option in the<strong>\u00a0WordPress Dashboard<\/strong>\u00a0->\u00a0<strong>AMP Option Panel\u00a0<\/strong>->\u00a0<strong>Settings \u2013<\/strong>>\u00a0<strong>Push Notifications<\/strong>\u00a0-> Select the <strong>webpushr<\/strong> \u00a0option and enter your\u00a0Rest API key\u00a0here and then click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"479\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-1024x479.png\" alt=\"\" class=\"wp-image-18604\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-1024x479.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-768x359.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-1536x718.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/pic-1.png 1911w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Output of Below the content<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"449\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-1024x449.png\" alt=\"\" class=\"wp-image-18605\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-1024x449.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-300x131.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-768x336.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-1536x673.png 1536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-60x26.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2-100x44.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2023\/10\/file-2.png 1915w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Webpushr is the fastest growing web push notifications platform that marketers love &amp; developers rely on. All popular browsers are supported. Follow these simple steps to setup webpushr in AMP Step 1 \u2013\u00a0First of all Signup\/login at\u00a0webpushr Step 2 \u2013 From the Dashboard -> Go to the Settings -> Integration&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18591"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=18591"}],"version-history":[{"count":2,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18591\/revisions"}],"predecessor-version":[{"id":18606,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18591\/revisions\/18606"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=18591"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=18591"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=18591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}