{"id":1257,"date":"2021-05-26T09:38:02","date_gmt":"2021-05-26T09:38:02","guid":{"rendered":"https:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=1257"},"modified":"2021-05-26T09:42:47","modified_gmt":"2021-05-26T09:42:47","slug":"use-formidable-form-offline-forms-with-pwa-for-wp-addon","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/use-formidable-form-offline-forms-with-pwa-for-wp-addon\/","title":{"rendered":"Use Formidable form Offline Forms with PWA for WP addon"},"content":{"rendered":"\n<p><a href=\"https:\/\/wordpress.org\/plugins\/formidable\/\">Formidable Forms<\/a> is a popular plugin for forms and we have made it Compatible! You can now enable Formidable form plugin support in Offline Forms for PWA for WP with just one click! This will work with the form builder with the proper form validated output. Offline Forms for PWA for WP is a compatibility addon that integrates easily with your Formidable form setup.<\/p>\n\n\n\n<p>You can integrate Formidable form with the help of an addon called\u00a0<a href=\"https:\/\/pwa-for-wp.com\/extensions\/offline-forms-for-pwa-for-wp\/\">Offline Forms for PWA for WP<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Here are a few simple steps to place Formidable form in AMP.<\/strong><\/h4>\n\n\n\n<p><strong>Step 1 \u2013\u00a0<\/strong>First, you need to purchase and install\u00a0<strong><a href=\"https:\/\/pwa-for-wp.com\/extensions\/offline-forms-for-pwa-for-wp\/\">Offline Forms for PWA for the WP<\/a><\/strong>\u00a0\u00a0plugin.<\/p>\n\n\n\n<p>For more details on how to download an extension for this<strong>&nbsp;<a href=\"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-download-an-extension\/\">Click Here<\/a><\/strong><\/p>\n\n\n\n<p><strong>Step 2 \u2013<\/strong>&nbsp;After Activate this plugin click on the Settings option like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"305\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-1024x305.png\" alt=\"\" class=\"wp-image-1137\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-1024x305.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-300x89.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-768x228.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-50x15.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-60x18.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1-100x30.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/PWA-1.png 1163w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3 \u2013<\/strong>&nbsp;Once you click on settings links it will redirect to Features option here enable \u201c<strong>Offline Forms<\/strong>\u201d option. Click on the \u201c<strong>gear<\/strong>\u201d icon like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-1024x472.png\" alt=\"\" class=\"wp-image-1133\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-1024x472.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-300x138.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-768x354.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-50x23.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-60x28.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2-100x46.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/pwa-2.png 1071w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 \u2013\u00a0<\/strong>Once you click on the gear icon you can see the\u00a0<strong>Offline Forms<\/strong>\u00a0page select color for the Progress bar and height.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1.png\" alt=\"\" class=\"wp-image-1264\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1-300x139.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1-768x357.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1-50x23.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1-60x28.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/05\/15-1-100x46.png 100w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note:&nbsp;<\/strong>It only works with NON-AMP<\/p>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us&nbsp;<strong>here and<\/strong>&nbsp;we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formidable Forms is a popular plugin for forms and we have made it Compatible! You can now enable Formidable form plugin support in Offline Forms for PWA for WP with just one click! This will work with the form builder with the proper form validated output. Offline Forms for PWA&#8230;<\/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-1257","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\/1257","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=1257"}],"version-history":[{"count":2,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1257\/revisions"}],"predecessor-version":[{"id":1266,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1257\/revisions\/1266"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1257"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1257"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}