{"id":16164,"date":"2020-02-08T08:17:27","date_gmt":"2020-02-08T08:17:27","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=16164"},"modified":"2020-02-22T07:30:15","modified_gmt":"2020-02-22T07:30:15","slug":"how-to-install-and-use-the-caldera-forms-for-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-install-and-use-the-caldera-forms-for-amp\/","title":{"rendered":"How to install and use the Caldera Forms Support for AMP"},"content":{"rendered":"\n<p>Caldera Forms is a popular plugin for forms and we have made it fully AMP Compatible! You can now enable Caldera Forms plugin support in AMP with just one click! This will work with the form builder with the proper form validated output. Caldera Forms for AMP is a compatibility extension that integrates easily with your Caldera Forms setup.<\/p>\n\n\n\n<p>You can integrate Caldera Forms with the help of an extension called <a href=\"https:\/\/ampforwp.com\/caldera-forms-for-amp\/\">Caldera Forms Support for AMP<\/a><\/p>\n\n\n\n<p><strong>Here are a few simple steps to place Caldera Forms in AMP.<\/strong><\/p>\n\n\n\n<p>After downloading Caldera Forms on your Desktop follow the below-given steps.<\/p>\n\n\n\n<p><strong>Step 1 &#8211; <\/strong>Go to <strong>Plugins &#8211;<\/strong>&nbsp;&gt;&nbsp;<strong>Add New<\/strong>&nbsp;then click on&nbsp;<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><strong>Step 2 &#8211; <\/strong><a href=\"https:\/\/ampforwp.com\/caldera-forms-for-amp\/\">Caldera Forms Support for AMP<\/a>  is 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 &#8220;<strong>Caldera Forms for AMP<\/strong>&#8221; Extension from which you already downloaded after purchase.<\/li><li>After that, click on <strong>Install Now<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"899\" height=\"301\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18.png\" alt=\"\" class=\"wp-image-16167\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18.png 899w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18-300x100.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18-768x257.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/18-100x33.png 100w\" sizes=\"(max-width: 899px) 100vw, 899px\" \/><\/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\"><img decoding=\"async\" loading=\"lazy\" width=\"676\" height=\"218\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/19.png\" alt=\"\" class=\"wp-image-16168\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/19.png 676w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/19-300x97.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/19-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/19-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/19-100x32.png 100w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure>\n\n\n\n<p>After Activating the Extension Plugin, The <strong>Caldera Forms <\/strong> will be visible on the AMP version of your site. <\/p>\n\n\n\n<h4>The Output of the Caldera Forms in AMP<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-22-12-42-45.png\" alt=\"\" class=\"wp-image-16583\" width=\"242\" height=\"485\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-22-12-42-45.png 327w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-22-12-42-45-150x300.png 150w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-22-12-42-45-25x50.png 25w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-22-12-42-45-30x60.png 30w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/Desktop-2020-02-22-12-42-45-50x100.png 50w\" sizes=\"(max-width: 242px) 100vw, 242px\" \/><\/figure><\/div>\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>Caldera Forms is a popular plugin for forms and we have made it fully AMP Compatible! You can now enable Caldera Forms plugin support in AMP with just one click! This will work with the form builder with the proper form validated output. Caldera Forms for AMP is a compatibility&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[176],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16164"}],"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=16164"}],"version-history":[{"count":9,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16164\/revisions"}],"predecessor-version":[{"id":16586,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16164\/revisions\/16586"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=16164"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=16164"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=16164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}