{"id":17059,"date":"2020-04-04T07:56:38","date_gmt":"2020-04-04T07:56:38","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=17059"},"modified":"2020-04-04T13:10:09","modified_gmt":"2020-04-04T13:10:09","slug":"how-to-add-formidable-forms-for-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-formidable-forms-for-amp\/","title":{"rendered":"How to Install &#038; Setup Formidable Forms in AMP"},"content":{"rendered":"\n<p>You can integrate Formidable Forms with the help of an extension called\u00a0<a href=\"https:\/\/ampforwp.com\/addons\/formidable-forms-for-amp\/\">Formidable Forms in AMP<\/a><\/p>\n\n\n\n<p><strong>Here are a few simple steps to place<\/strong> <strong>Formidable Forms in AMP.<\/strong><\/p>\n\n\n\n<p>After downloading <strong> <\/strong>Formidable Forms on your Desktop follow the below-given steps.<\/p>\n\n\n\n<p>1.\u00a0Go to\u00a0<strong>Plugins \u2013<\/strong>\u00a0>\u00a0<strong>Add New<\/strong>\u00a0then click on\u00a0<strong>Upload Plugin<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-%E2%80%B9-wordpress-%E2%80%94-WordPress-2019-04-10-04-43-26.png\"><img decoding=\"async\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-%E2%80%B9-wordpress-%E2%80%94-WordPress-2019-04-10-04-43-26.png\" alt=\"\" class=\"wp-image-6320\"\/><\/a><\/figure>\n\n\n\n<p>2.\u00a0<a href=\"https:\/\/ampforwp.com\/addons\/formidable-forms-for-amp\/\">Formidable Forms in AMP<\/a> \u00a0is a Paid Plugin Extension. You won\u2019t find that extension in the WordPress Plugin directory. So you have to upload this plugin after purchasing.<\/p>\n\n\n\n<ul><li>Click on&nbsp;<strong>Upload Plugin<\/strong><\/li><li>then choose \u201c <strong>Formidable Forms in AMP<\/strong>\u201d Extension from which you already downloaded after purchase.<\/li><li>After that, click on&nbsp;<strong>Install Now<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"976\" height=\"309\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29.png\" alt=\"\" class=\"wp-image-17072\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29.png 976w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29-300x95.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29-768x243.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/29-100x32.png 100w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<p>3. After Uploading the plugin, Click on&nbsp;<strong>Activate Plugin<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"738\" height=\"232\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/30.png\" alt=\"\" class=\"wp-image-17073\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/30.png 738w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/30-300x94.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/30-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/30-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/30-100x31.png 100w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<p> After Activating the Extension Plugin, The&nbsp;<strong>Formidable Forms <\/strong>will be visible on the AMP version of your site. <\/p>\n\n\n\n<h4>How to create a <strong>Formidable Forms<\/strong> <\/h4>\n\n\n\n<p><strong>Step 1 &#8211;<\/strong>  Go to&nbsp;<strong>Formidable \u2192 Forms<\/strong>&nbsp;and click&nbsp;<strong>Add New<\/strong>&nbsp;at the top of the page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"652\" height=\"351\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/31.png\" alt=\"\" class=\"wp-image-17075\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/31.png 652w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/31-300x162.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/31-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/31-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/31-100x54.png 100w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/figure>\n\n\n\n<p><strong>Step 2 &#8211;<\/strong> Click&nbsp;<strong>Create Form<\/strong>&nbsp;under &#8216;<strong>Blank Form<\/strong>&#8216;.<\/p>\n\n\n\n<p><strong>Step 3 &#8211; <\/strong>Give your new form a name and click&nbsp;<strong>Create<\/strong>&nbsp;to start building your form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"652\" height=\"315\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/32.png\" alt=\"\" class=\"wp-image-17076\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/32.png 652w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/32-300x145.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/32-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/32-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/32-100x48.png 100w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 &#8211;<\/strong> Add fields to your form. You can either use the drag and drop form maker or click on the field type in the sidebar to add fields at the end of the form.&nbsp; <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"570\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-1024x570.gif\" alt=\"\" class=\"wp-image-17078\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-1024x570.gif 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-300x167.gif 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-768x427.gif 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-50x28.gif 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-60x33.gif 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/33-100x56.gif 100w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong> Step 5 &#8211; <\/strong>Click&nbsp;<strong>Update<\/strong>&nbsp;to save your form. <\/p>\n\n\n\n<p> <strong>Step 6 &#8211; <\/strong>Now copy the shortcode and place where you want to display the  &nbsp;Formidable Forms  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"251\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-1024x251.png\" alt=\"\" class=\"wp-image-17080\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-1024x251.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-300x74.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-768x188.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-50x12.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-60x15.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34-100x25.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/34.png 1346w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4>The Output of the Formidable Forms in AMP<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"476\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-1024x476.png\" alt=\"\" class=\"wp-image-17081\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-1024x476.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-300x139.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-768x357.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/25.png 1345w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"background-color: #ffdddd; border-left: 2px solid #f44336; padding: 10px;\"><strong>Note: <\/strong>This extension requires Formidable Forms, which is a commercial plugin.<\/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>You can integrate Formidable Forms with the help of an extension called\u00a0Formidable Forms in AMP Here are a few simple steps to place Formidable Forms in AMP. After downloading Formidable Forms on your Desktop follow the below-given steps. 1.\u00a0Go to\u00a0Plugins \u2013\u00a0>\u00a0Add New\u00a0then click on\u00a0Upload Plugin. 2.\u00a0Formidable Forms in AMP \u00a0is&#8230;<\/p>\n","protected":false},"author":18,"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\/17059"}],"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=17059"}],"version-history":[{"count":11,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17059\/revisions"}],"predecessor-version":[{"id":17087,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17059\/revisions\/17087"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=17059"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=17059"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=17059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}