{"id":58,"date":"2019-04-16T13:44:42","date_gmt":"2019-04-16T13:44:42","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=58"},"modified":"2019-04-17T11:53:30","modified_gmt":"2019-04-17T11:53:30","slug":"how-to-setup-offline-mode-in-the-pwa","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-setup-offline-mode-in-the-pwa\/","title":{"rendered":"How to setup offline mode in the PWA"},"content":{"rendered":"<p><strong>In this tutorial, we&#8217;ve explained in detail about how exactly PWA works on Offline Mode.<\/strong><\/p>\n<p>After Installing and setting up the PWA you&#8217;ll be able to get the Add to Homescreen button which makes your website into a web application.<\/p>\n<p>For more details about how exactly add to home screen works, you can check this <strong><a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-enable-add-to-homescreen-on-wordpress-amp\/\">documentation<\/a><\/strong>.<\/p>\n<p>Once you add the &#8220;Add to Homescreen&#8221;, browse the Homepage and suppose if you have 10 posts and you&#8217;ve visited only the homepage and turned the Wifi off, after that tap the web app icon again, you can notice that you can be viewed earlier pages and also all the pages that you haven\u2019t viewed will show by an offline page with the help of <strong><a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/setting-up-precaching-in-pwa\/\">pre-caching<\/a><\/strong>.<\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us\u00a0<strong><a href=\"http:\/\/pwa-for-wp.com\/contact-us\/\">here<\/a><\/strong>\u00a0and we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we&#8217;ve explained in detail about how exactly PWA works on Offline Mode. After Installing and setting up the PWA you&#8217;ll be able to get the Add to Homescreen button which makes your website into a web application. For more details about how exactly add to home screen&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[4],"ht-kb-tag":[],"class_list":["post-58","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-getting-started"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":6,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/58\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/58\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=58"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}