{"id":1130,"date":"2020-07-24T07:10:10","date_gmt":"2020-07-24T07:10:10","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&p=1130"},"modified":"2020-07-24T08:00:36","modified_gmt":"2020-07-24T08:00:36","slug":"how-to-use-offline-forms","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-use-offline-forms\/","title":{"rendered":"How to use Offline Forms"},"content":{"rendered":"\n

We worked on taking a website app offline using PWA service workers. With the service worker API, making icons, text, images, and fonts display offline. The issue came when we have to deal with sending post requests to the server that were POST requests. we realized then that the service worker does not support caching POST\/PUT requests, the cache only GET.<\/p>\n\n\n\n

Now let’s check plugin, You need to just activate the plugin and forms will go offline also works when a user is offline forms post data will store in IndexeDB. After that when the user will go online its will sync with the server in the background.<\/p>\n\n\n\n

Step 1 \u2013 <\/strong>First, you need to purchase and install Offline Forms for PWA for the WP<\/a><\/strong>  plugin.<\/p>\n\n\n\n

For more details on how to download an extension for this Click Here<\/a><\/strong>
<\/p>\n\n\n\n

Step 2 \u2013<\/strong> After Activate this plugin click on the Settings option like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3 \u2013<\/strong> Once you click on settings links it will redirect to Features option here enable \u201cOffline Forms<\/strong>\u201d option. Click on the \u201cgear<\/strong>\u201d icon like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4 \u2013\u00a0<\/strong>Once you click on the gear icon you can see the\u00a0Offline Forms<\/strong> page select color for the Progress bar and height.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Note: <\/strong>It only works with NON-AMP <\/p>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us here and<\/strong> we are always available for you.<\/p>\n\n\n\n


<\/p>\n","protected":false},"excerpt":{"rendered":"

We worked on taking a website app offline using PWA service workers. With the service worker API, making icons, text, images, and fonts display offline. The issue came when we have to deal with sending post requests to the server that were POST requests. we realized then that the service…<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[9],"ht-kb-tag":[],"class_list":["post-1130","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-extension"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1130","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=1130"}],"version-history":[{"count":12,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1130\/revisions"}],"predecessor-version":[{"id":1157,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1130\/revisions\/1157"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1130"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1130"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}