{"id":18100,"date":"2021-04-26T07:08:38","date_gmt":"2021-04-26T07:08:38","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=18100"},"modified":"2021-04-26T12:42:48","modified_gmt":"2021-04-26T12:42:48","slug":"how-to-add-happyforms-support-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-happyforms-support-in-amp\/","title":{"rendered":"How to add Happyforms support in AMP"},"content":{"rendered":"\n<p><a href=\"https:\/\/wordpress.org\/plugins\/happyforms\/\">Happyforms<\/a>&nbsp;is the simplest way for you to manage and respond to conversations with your website visitors. This AMP compatibility addon adds the Support in AMP with just one click! This will work with the form builder and all kinds of fields with proper form validation.<\/p>\n\n\n\n<p>First, you need to purchase and install&nbsp;the&nbsp;<a href=\"https:\/\/ampforwp.com\/addons\/happyforms-for-amp\/\">Happyforms for AMP&nbsp;<\/a>plugin.<\/p>\n\n\n\n<p>It\u2019s pretty easy for you to setup because it works out of the box.<\/p>\n\n\n\n<p><strong>Here are a few simple steps to place&nbsp;Happyforms for AMP<\/strong><\/p>\n\n\n\n<p>After downloading&nbsp;<strong>Happyforms for AMP<\/strong>&nbsp;&nbsp;on your Desktop follows the below-given steps.<\/p>\n\n\n\n<p><strong>Step 1 \u2013<\/strong>&nbsp;Go to&nbsp;<strong>Plugins<\/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\"><img decoding=\"async\" loading=\"lazy\" width=\"755\" height=\"382\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7.png\" alt=\"\" class=\"wp-image-16549\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7.png 755w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-300x152.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-60x30.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-100x51.png 100w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p><strong>Step 2 \u2013<\/strong>&nbsp;&nbsp;<strong>Happyforms for AMP<\/strong>&nbsp;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 the \u201c&nbsp;<strong>Happyforms for AMP<\/strong>&nbsp;\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=\"968\" height=\"287\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13.png\" alt=\"\" class=\"wp-image-18112\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13.png 968w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13-300x89.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13-768x228.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13-60x18.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/13-100x30.png 100w\" sizes=\"(max-width: 968px) 100vw, 968px\" \/><\/figure>\n\n\n\n<p><strong>Step 3 \u2013<\/strong>&nbsp;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=\"648\" height=\"211\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/14.png\" alt=\"\" class=\"wp-image-18113\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/14.png 648w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/14-300x98.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/14-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/14-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/14-100x33.png 100w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 \u2013&nbsp;<\/strong>After Activating the Extension Plugin, The&nbsp;<strong>Happyforms for AMP<\/strong>&nbsp;will be visible on the AMP version of your site.<\/p>\n\n\n\n<h4 id=\"the-output-of-the-forminator-for-amp\">The Output of the Happyforms for 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\/2021\/04\/12-1024x476.png\" alt=\"\" class=\"wp-image-18115\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12-1024x476.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12-300x139.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12-768x357.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/12.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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>Happyforms&nbsp;is the simplest way for you to manage and respond to conversations with your website visitors. This AMP compatibility addon adds the Support in AMP with just one click! This will work with the form builder and all kinds of fields with proper form validation. First, you need to purchase&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[196],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18100"}],"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=18100"}],"version-history":[{"count":5,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18100\/revisions"}],"predecessor-version":[{"id":18117,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18100\/revisions\/18117"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=18100"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=18100"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=18100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}