{"id":18128,"date":"2021-04-29T09:41:07","date_gmt":"2021-04-29T09:41:07","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=18128"},"modified":"2021-04-29T09:49:13","modified_gmt":"2021-04-29T09:49:13","slug":"how-to-install-pwa-from-options-panel","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-install-pwa-from-options-panel\/","title":{"rendered":"How to Install PWA from Options Panel"},"content":{"rendered":"\n<p><strong>Follow the below steps to Install PWA from Options Panel.<\/strong><\/p>\n\n\n\n<ul><li>You can install and activate the PWA plugin from our core plugin for this you need to go to the\u00a0<strong>WordPress Dashboard<\/strong>\u00a0->\u00a0<strong>AMP Option Panel<\/strong>\u00a0->\u00a0<strong><strong>Settings<\/strong> -> <strong>Performance<\/strong><\/strong> -> Once you click on the \u201c<strong>Activate this Module<\/strong>\u201d\u00a0button PWA is installed and activated.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"442\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-1024x442.png\" alt=\"\" class=\"wp-image-18129\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-1024x442.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-300x129.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-768x331.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-60x26.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18-100x43.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/18.png 1052w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li>Once you click on the &#8220;<strong>Installed! \u2013 Let\u2019s Go to PWA Settings&#8221;<\/strong> button it will redirect to the PWA setting option. you\u2019ll find the New PWA option<strong> <\/strong>in the<strong> <\/strong>WordPress options panel from there you can set up the PWA for your Website.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"415\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-1024x415.png\" alt=\"\" class=\"wp-image-18130\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-1024x415.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-300x122.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-768x311.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-60x24.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19-100x41.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/19.png 1071w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>It works on both AMP and Non-AMP version<\/p>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or 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>Follow the below steps to Install PWA from Options Panel. You can install and activate the PWA plugin from our core plugin for this you need to go to the\u00a0WordPress Dashboard\u00a0->\u00a0AMP Option Panel\u00a0->\u00a0Settings -> Performance -> Once you click on the \u201cActivate this Module\u201d\u00a0button PWA is installed and activated. Once&#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\/18128"}],"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=18128"}],"version-history":[{"count":2,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18128\/revisions"}],"predecessor-version":[{"id":18137,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18128\/revisions\/18137"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=18128"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=18128"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=18128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}