{"id":4940,"date":"2018-10-04T11:37:30","date_gmt":"2018-10-04T11:37:30","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4940"},"modified":"2021-04-29T09:49:06","modified_gmt":"2021-04-29T09:49:06","slug":"what-is-pwa-for-wp-and-why-its-included-in-the-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/what-is-pwa-for-wp-and-why-its-included-in-the-amp\/","title":{"rendered":"What is PWA for WP and why its included in the AMP?"},"content":{"rendered":"<p>We are very happy to inform you that we are implementing <strong>Progressive Web Apps<\/strong> Feature in our Core Plugin is a free extension which is called <a href=\"http:\/\/pwa-for-wp.com\/\">PWA for WP<\/a><\/p>\n<p><strong>Progressive Web Apps (PWA)<\/strong> is a new revolutionary technology which makes your website into a web application and gives your user\u2019s a native mobile app-like experience.<\/p>\n<p>Initially, it was paid add-on but we&#8217;ve received many requests from our users to make it open source.<\/p>\n<p>So keeping in mind our user&#8217;s request, we have decided to implement this feature in our core to make sure that our users can utilize the benefits of Web App functionality without paying any amount.<\/p>\n<ul>\n<li>You can install and activate the PWA plugin from our core plugin for this you need to go to the <strong>WordPress Dashboard<\/strong> -&gt; <strong>AMP Option Panel<\/strong> -&gt; <strong>Settings<\/strong> -&gt; <strong>Performance\u00a0<\/strong>-&gt; Once you click on the &#8220;<strong>Activate this Module&#8221;<\/strong> button PWA is installed and activated.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18132\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18.png\" alt=\"\" width=\"1052\" height=\"454\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18.png 1052w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18-300x129.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18-1024x442.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18-768x331.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18-60x26.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/18-100x43.png 100w\" sizes=\"(max-width: 1052px) 100vw, 1052px\" \/><\/a><\/p>\n<ul>\n<li>Once you click on &#8220;<strong>Installed! &#8211; Let&#8217;s Go to PWA Settings<\/strong>&#8221; button it will redirect to the PWA setting option. you&#8217;ll find the New PWA option in the WordPress options panel from there you can set up the PWA for your Website.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-18135\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20.png\" alt=\"\" width=\"1024\" height=\"415\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20-300x122.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20-768x311.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/10\/20-100x41.png 100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<ul>\n<li>It works on both AMP and Non-AMP version<\/li>\n<\/ul>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope we&#8217;ve clear your doubts\u00a0in case If you have any questions, then please share them in the comments section below.<\/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>We are very happy to inform you that we are implementing Progressive Web Apps Feature in our Core Plugin is a free extension which is called PWA for WP Progressive Web Apps (PWA) is a new revolutionary technology which makes your website into a web application and gives your user\u2019s&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4940"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=4940"}],"version-history":[{"count":12,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4940\/revisions"}],"predecessor-version":[{"id":18136,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4940\/revisions\/18136"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4940"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4940"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}