{"id":13405,"date":"2019-08-02T12:04:41","date_gmt":"2019-08-02T12:04:41","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=13405"},"modified":"2019-11-27T13:20:44","modified_gmt":"2019-11-27T13:20:44","slug":"how-to-enable-amp-pagebuilders-support-when-ampbyautomattic-and-ampforwp-are-activated","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-enable-amp-pagebuilders-support-when-ampbyautomattic-and-ampforwp-are-activated\/","title":{"rendered":"How to enable AMP Pagebuilder&#8217;s Support when AMPbyAutomattic and AMPforWP are activated."},"content":{"rendered":"\n<p>Now we are providing AMP Page builder support when AMP by Automattic and AMPforWp are activated.<\/p>\n\n\n\n<p>We are giving Compatibility with two Plugin<\/p>\n\n\n\n<ol><li><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-enable-amp-pagebuilders-support-when-ampbyautomattic-and-ampforwp-are-activated\/#1-elementor-support\">Elementor Support<\/a> <\/strong><\/li><li><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-enable-amp-pagebuilders-support-when-ampbyautomattic-and-ampforwp-are-activated\/#2-divi-builder-support\">Divi Builder Support<\/a><\/strong><\/li><\/ol>\n\n\n\n<h4><mark style=\"background-color: yellow;\"><strong>1. Elementor Support <\/strong><\/mark><\/h4>\n\n\n\n<p>You will find this option in the <strong>WordPress Dashboard<\/strong> -> <strong>AMP Option Panel <\/strong>-> <strong>AMP By Automattic settings ->Elementor Support -> <\/strong>enable  &#8220;<strong>AMP Elementor Compatibility<\/strong>&#8221; option.<br><strong> <\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"400\" height=\"418\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9.png\" alt=\"\" class=\"wp-image-13518\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9.png 400w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9-287x300.png 287w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9-48x50.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9-57x60.png 57w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/9-96x100.png 96w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n\n<p>Scroll down a little to see this option <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"958\" height=\"628\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8.png\" alt=\"\" class=\"wp-image-13410\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8.png 958w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8-300x197.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8-768x503.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8-50x33.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8-60x39.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/8-100x66.png 100w\" sizes=\"(max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<ul><li><strong>Enter CSS URL: <\/strong>In this textarea, Add your custom plugin CSS links(URL) to get similar output like non-AMP and you can separate CSS URL by a comma.<\/li><li><strong>Enter Custom CSS:<\/strong>&nbsp;In this textarea, you can enter your custom CSS code. If you want some CSS specific changes on your side, so add your CSS code here.<\/li><li><strong>Enter reCAPTCHA (v3) site key: <\/strong>In this field, you need to enter the recaptcha site key.<\/li><li><strong>Enter reCAPTCHA (v3) secret key: <\/strong>In this field, you need to enter the recaptcha secret key.<\/li><li><strong>Remove Header Footer: <\/strong>If you want to remove default header &amp; footer then enable this option. <\/li><\/ul>\n\n\n\n<h4><mark style=\"background-color: yellow;\"><strong>2. Divi Builder Support<\/strong><\/mark><\/h4>\n\n\n\n<p> You will find this option in the <strong>WordPress Dashboard<\/strong> -&gt; <strong>AMP Option Panel <\/strong>-&gt; <strong>AMP By Automattic settings -&gt;Divi Builder Support -&gt; <\/strong>enable   &#8220;<strong>AMP Divi Compatibility<\/strong> &#8221; option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"398\" height=\"386\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/6.png\" alt=\"\" class=\"wp-image-13503\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/6.png 398w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/6-300x291.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/6-50x48.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/6-60x58.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/6-100x97.png 100w\" sizes=\"(max-width: 398px) 100vw, 398px\" \/><\/figure>\n\n\n\n<p>\n\nScroll down a little to see this option \n\n<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"922\" height=\"520\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1.png\" alt=\"\" class=\"wp-image-13504\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1.png 922w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1-300x169.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1-768x433.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1-50x28.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1-60x34.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/7-1-100x56.png 100w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<ul><li><strong>Enter CSS URL: <\/strong>In this textarea, Add your custom plugin CSS links(URL) to get similar output like non-AMP and you can separate CSS URL by a comma.<\/li><li><strong>Enter Custom CSS:<\/strong>&nbsp;In this textarea, you can enter your custom CSS code. If you want some CSS specific changes on your side, so add your CSS code here.<\/li><li><strong>Load fontawesome<\/strong>: Once you enable this option it will increase the performance with compression mode.<\/li><\/ul>\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>Now we are providing AMP Page builder support when AMP by Automattic and AMPforWp are activated. We are giving Compatibility with two Plugin Elementor Support Divi Builder Support 1. Elementor Support You will find this option in the WordPress Dashboard -> AMP Option Panel -> AMP By Automattic settings ->Elementor&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13405"}],"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=13405"}],"version-history":[{"count":32,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13405\/revisions"}],"predecessor-version":[{"id":15128,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13405\/revisions\/15128"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=13405"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=13405"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=13405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}