{"id":402,"date":"2017-06-15T23:04:44","date_gmt":"2017-06-15T23:04:44","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?p=402"},"modified":"2020-02-25T13:20:05","modified_gmt":"2020-02-25T13:20:05","slug":"add-contact-form-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/add-contact-form-amp\/","title":{"rendered":"Getting started with Contact form 7 in AMP"},"content":{"rendered":"<p>You can integrate contact form 7 with the help of an extension called <a href=\"https:\/\/ampforwp.com\/contact-form-7\">Contact form 7 for AMP<\/a>.<\/p>\n<p>Here are a few simple steps to place<strong> C<\/strong><b>ontact Form 7 <\/b>in&nbsp;<strong>AMP.<\/strong><\/p>\n<p>After downloading <strong>C<\/strong><b>ontact Form 7<\/b> on your Desktop follow the below given steps.<\/p>\n<p>1. Go to&nbsp;<strong>Plugins<\/strong>&nbsp;&gt;&nbsp;<strong>Add New<\/strong>&nbsp;then click on&nbsp;<strong>Upload Plugin<\/strong>.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6320\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/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\/2017\/09\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26.png 760w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-300x176.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Add-Plugins-\u2039-wordpress-\u2014-WordPress-2019-04-10-04-43-26-100x59.png 100w\" sizes=\"(max-width: 760px) 100vw, 760px\" \/><\/a><\/p>\n<p>2. <a href=\"https:\/\/ampforwp.com\/contact-form-7\">Contact form 7 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<ul>\n<li>Click on&nbsp;<strong>Upload Plugin<\/strong><\/li>\n<li>then choose \u201d <strong>C<\/strong><b>ontact Form 7<\/b> \u201d Extension from which you already downloaded after purchase.<\/li>\n<li>After that, Click on&nbsp;<strong>Install Now<\/strong><\/li>\n<\/ul>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6484\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc.png\" alt=\"\" width=\"924\" height=\"293\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc.png 924w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc-300x95.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc-768x244.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/abc-100x32.png 100w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/><\/a><\/p>\n<p>3. After Uploading the plugin, Click on&nbsp;<strong>Activate Plugin<\/strong><\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6497\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7.png\" alt=\"\" width=\"589\" height=\"220\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7.png 589w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7-300x112.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/activate-cf7-100x37.png 100w\" sizes=\"(max-width: 589px) 100vw, 589px\" \/><\/a><\/p>\n<p>4. After Activating the Extension Plugin, The contact forms will be visible on the AMP version of your site.<\/p>\n<p>This article continued on the next page <a href=\"https:\/\/ampforwp.com\/tutorials\/article\/the-overview-of-settings-options-in-contact-form-7\/\">Click Here<\/a><\/p>\n<h4>The Output of the <strong>C<\/strong><b>ontact Form 7<\/b><strong>&nbsp;in<\/strong>&nbsp;<strong>AMP<\/strong><\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13.png\"><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-16647 aligncenter\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13.png\" alt=\"\" width=\"244\" height=\"474\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13.png 334w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13-154x300.png 154w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13-26x50.png 26w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13-31x60.png 31w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/06\/Desktop-2020-02-25-18-43-13-51x100.png 51w\" sizes=\"(max-width: 244px) 100vw, 244px\" \/><\/a><\/p>\n\n<p style=\"background-color: #ffdddd; border-left: 2px solid #f44336; padding: 10px;\"><strong>Note:<\/strong> This extension requires contact form 7, which is a free and opensource plugin.<\/p>\n\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\n\n\n<p><\/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 contact form 7 with the help of an extension called Contact form 7 for AMP. Here are a few simple steps to place Contact Form 7 in&nbsp;AMP. After downloading Contact Form 7 on your Desktop follow the below given steps. 1. Go to&nbsp;Plugins&nbsp;&gt;&nbsp;Add New&nbsp;then click on&nbsp;Upload Plugin&#8230;.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":[],"ht-kb-category":[35],"ht-kb-tag":[36,37],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/402"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":15,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/402\/revisions"}],"predecessor-version":[{"id":16649,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/402\/revisions\/16649"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=402"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=402"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}