How to Use WPForms with AMP

Are you using Google AMP on your site to speed up mobile views? AMP, or Accelerated Mobile Pages, can be set up to allow your site to load faster on mobile devices. However, it can also prevent some functionality on your site from working properly.

In this tutorial, we’ll show you how you can use WPForms on AMP pages of your WordPress site.


What is Google AMP?

Google AMP, or Accelerated Mobile Project, is an open source initiative with the goal of making web content load faster for mobile users.

However, in order to achieve these load speed improvements AMP will prevent many resources from loading. As a result, some functionality will not function as expected on AMP pages.

This is why WPForms includes special compatibility specifically for Google AMP.

Adding AMP Compatibility to WPForms

By default, WPForms will automatically detect if your forms are being loaded on an AMP page. If an AMP page is detected, the user will see a link to load the full (non-AMP) version of the page.

WPForms on a Google AMP page

However, you can easily add full compatibility with Google AMP in just a couple of steps.

Note: Google AMP compatibility is currently only available for WPForms Lite, but coming soon to all paid licenses.

To get started, you’ll need to install and activate the official Google AMP plugin for WordPress. For details on how to install a plugin, please see WPBeginner’s guide.

No extra setup is needed to integrate your forms with the AMP plugin, and compatibility will automatically be added to all of your embedded forms.

Next, if you’d like use reCAPTCHA in your forms then you’ll need to make sure you specifically use v3 reCAPTCHA. V3 is the only version of reCAPTCHA that is supported within Google AMP. For a step-by-step guide, please see our tutorial on setting up reCAPTCHA.

Note: v2 reCAPTCHA will not work with AMP. If you’re currently using v2 reCAPTCHA in your forms, you’ll need to repeat the setup process (including creating new keys) to switch to v3 reCAPTCHA.

Last, be sure to test your forms with AMP so that you can be sure they look and work exactly as you’d like.

That’s it! With WPForms, you can be sure your users will still be able to use fully functional forms with Google AMP.

Next, would you like to learn how you can collect form submissions even when no internet is available? Be sure to check out our tutorial on the Offline Mode addon to find out more.