{"id":4688,"date":"2018-07-02T11:56:55","date_gmt":"2018-07-02T11:56:55","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4688"},"modified":"2020-01-11T10:08:43","modified_gmt":"2020-01-11T10:08:43","slug":"wp-forms-for-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/wp-forms-for-amp\/","title":{"rendered":"How to Install &#038; Setup WP Forms in AMP"},"content":{"rendered":"<div class=\"hkb-article__content\">\n<p>You can integrate WPForms integration in AMP with the help of an extension called <a href=\"https:\/\/ampforwp.com\/wp-forms\/\">WP Forms\u00a0for AMP<\/a>.<\/p>\n<p>It\u2019s pretty easy for you to set up because it works out of the box.<\/p>\n<p>Here are a few simple steps to using <a href=\"https:\/\/ampforwp.com\/wp-forms\/\">WP Forms\u00a0for AMP<\/a>.<\/p>\n<p>After downloading WP Forms for AMP on your Desktop follow the below-given steps.<\/p>\n<p>1. Go to\u00a0<strong>Plugins<\/strong>\u00a0&gt;\u00a0<strong>Add New<\/strong>\u00a0then click on\u00a0<strong>Upload Plugin<\/strong>.<\/p>\n<\/div>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6304\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26.png\" alt=\"\" width=\"760\" height=\"447\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26.png 760w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-300x176.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-100x59.png 100w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/a><\/p>\n<div class=\"hkb-article__content\">\n<p>\u00a0<strong>2<\/strong>. <a href=\"https:\/\/ampforwp.com\/wp-forms\/\">WP Forms\u00a0for 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<ul>\n<li>Click on\u00a0<strong>Upload Plugin<\/strong><\/li>\n<li>then choose \u201d WP Forms\u00a0for AMP. \u201d Extension from which you already downloaded after purchase.<\/li>\n<li>After that, Click on\u00a0<strong>Install Now<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6306\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19.png\" alt=\"\" width=\"1023\" height=\"312\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19.png 1023w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19-300x91.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19-768x234.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19-60x18.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-49-19-100x30.png 100w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" \/><\/a><\/p>\n<p><strong>3<\/strong>. After Uploading the plugin, Click on\u00a0<strong>Activate Plugin.<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6307\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46.png\" alt=\"\" width=\"670\" height=\"228\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46.png 670w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46-300x102.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Upload-Plugin-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-55-46-100x34.png 100w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/a><\/p>\n<p><strong>4<\/strong>. Done! The contact forms will be visible on the AMP version of your site.<\/p>\n<h3>How to add WP forms for AMP in Post\/Page<\/h3>\n<p>Create new Post \/Page and in this posts, Add Form option will be shown.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6308\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48.png\" alt=\"\" width=\"1037\" height=\"533\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48.png 1037w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48-300x154.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48-768x395.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48-1024x526.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48-60x31.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-04-48-100x51.png 100w\" sizes=\"(max-width: 1037px) 100vw, 1037px\" \/><\/a><\/p>\n<p>Once you click on Add Form option this popup messages will be shown. You need to select the form page and click on the Add form button.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6309\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02.png\" alt=\"\" width=\"514\" height=\"293\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02.png 514w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02-300x171.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02-60x34.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-09-02-100x57.png 100w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/a><\/p>\n<p>Shortcode will appear on the post.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6311\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42.png\" alt=\"\" width=\"879\" height=\"487\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42.png 879w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42-300x166.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42-768x426.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42-50x28.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42-60x33.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/Edit-Post-\u2039-wordpress-\u2014-WordPress-2019-04-10-05-15-42-100x55.png 100w\" sizes=\"(max-width: 879px) 100vw, 879px\" \/><\/a><\/p>\n<p>Click on update button see the output on the browser.<\/p>\n<p><strong>The output of WP Forms in AMP\u00a0<\/strong><\/p>\n<\/div>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10533\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1.png\" alt=\"\" width=\"1353\" height=\"665\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1.png 1353w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1-300x147.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1-768x377.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1-1024x503.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/07\/wp-forms-1-100x49.png 100w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a><\/p>\n<div class=\"hkb-article__content\">\n<blockquote><p>NOTE: This extension requires WP Forms, which is a commercial plugin.<\/p><\/blockquote>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\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>\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 WPForms integration in AMP with the help of an extension called WP Forms\u00a0for AMP. It\u2019s pretty easy for you to set up because it works out of the box. Here are a few simple steps to using WP Forms\u00a0for AMP. After downloading WP Forms for AMP on&#8230;<\/p>\n","protected":false},"author":12,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[144],"ht-kb-tag":[145],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4688"}],"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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=4688"}],"version-history":[{"count":10,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4688\/revisions"}],"predecessor-version":[{"id":15606,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4688\/revisions\/15606"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4688"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4688"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}