Clicky

  1. Home
  2. How To
  3. How to enable AMP Pagebuilder’s Support when AMPbyAutomattic and AMPforWP are activated.

How to enable AMP Pagebuilder’s Support when AMPbyAutomattic and AMPforWP are activated.

Now we are providing AMP Page builder support when AMPby Automattic and AMPforWp are activated.

We are giving Compatibility with three Plugin

  1. Elementor Support
  2. Divi Builder Support
  3. WPBakery Page Builder Support

1. Elementor Support

You will find this option in the WordPress Dashboard -> AMP Option Panel -> AMP By Automattic settings ->Elementor Support -> enable “AMP Elementor Compatibility” option

Scroll down a little to see this option

  • Enter CSS URL: 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.
  • Enter Custom CSS: 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.
  • Enter reCAPTCHA (v3) site key: In this field, you need to enter the recaptcha site key.
  • Enter reCAPTCHA (v3) secret key: In this field, you need to enter the recaptcha secret key.
  • Remove Header Footer: If you want to remove default header & footer then enable this option.

2. Divi Builder Support

You will find this option in the WordPress Dashboard -> AMP Option Panel -> AMP By Automattic settings ->Divi Builder Support -> enable “AMP Divi Compatibility ” option.

Scroll down a little to see this option

  • Enter CSS URL: 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.
  • Enter Custom CSS: 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.
  • Load fontawesome: Once you enable this option it will increase the performance with compression mode.

3. WPBakery Page Builder Support

You will find this option in the WordPress Dashboard -> AMP Option Panel -> AMP By Automattic settings ->WPBakery Page Builder Support -> enable “AMP WPBakery Compatibility” option.

Scroll down a little to see this option

  • Enter CSS URL: 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.
  • Enter Custom CSS: 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.
  • Load fontawesome: Once you enable this option it will increase the performance with compression mode.


That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Ask your Questions Directly!
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!
Updated on August 7, 2019

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support

Leave a Comment