What is AMP?
Accelerated Mobile Pages (AMP) is simply a Google project which ensures websites are loading faster on mobile devices.AMP Forms provides an amazing mobile browsing experience to your users, as it makes your webpages to load faster.
Apart from being the friendliest WP form plugin to beginners, it now assists in making WP forms that are AMP ready. You can contact WP Experts for installing this WP Form. This article will teach you how to use WPForms in creating AMP forms an easier way. A step-by-step guide on how to create AMP forms in WordPress Installing and activating the legal AMP plugin for WordPress is the first thing to do when using AMP with WordPress. After activation,
a Google AMP support will be added automatically on your website. Even so, it is possible to change AMP settings for your site. Go to your Dashboard>> AMP>>General.
While on the settings page, you can activate or deactivate AMP on your site, select the AMP website mode, and supported templates. After configuring AMP, go ahead and make an AMP contact form that is compatible on your WP website. Here is how to do it:
Step 1: Use WPForms to make a WordPress Form
Start by installing and activating the WPForms Lite plugin. WPForms Pro’s lite version. Both versions let you make a basic contact form that is AMP ready. Once you install and activate the plugin, go to WPForms>> Add New Page to make a new WordPress form.
While you are on the form setup screen, get started by selecting a form template. If you are interested in starting from scratch, choose the blank form. As a result, the form page builder will open.
You can now decide to add or remove the form fields. For the addition of a new field on your form, just click the form field on the left panel. The new field will show on the right of the form builder panel. Once it appears, you are free to configure the field choices.To do so, just click on the field you want, and the field choices will display. The customization of all other fields is done the same way. Now, click the Settings tab for
configuration of your form settings.
You can activate anti-spam, submit button processing text, provide button text, and change the name of your form among others. The next thing is clicking the Notifications tab for setting up email notifications which will be notifying you
when any user completes the form. Now, click the confirmation tab so that you can set up a confirmation message that will be displayed after the user has submitted the form. Once you are done with the configuration, save your form.
Step 2: Adding your AMP Form to a page
Your WordPress form is now ready. So, go ahead and add it to your chosen page. For the addition of an AMP form, you can either open an existing page or create one. Go to the page edit screen,
and click the “Add new block” icon. Next, choose the WPForms block. In turn, the WPForms widget will be added on your page edit screen. So, you only need to choose the form you made earlier,
for the widget to immediately load it on your page editor.Now, update or publish your page. There is no configuration that is required. To see its appearance, use your mobile phone to open the page.
How to Add Google reCAPTCHA on your AMP Form?
Naturally, WPForms has an anti-spam honeypot for catching and blocking spam. Further, you can minimize spam submissions using Google reCAPTCHA.
However, the use of Google reCAPTCHA with AMP forms requires you to first register your website for Google reCAPTCHA v3.
As a result, you will receive the Google API keys. To do so, visit the Google reCAPTCHA website. Next, go to the top-right corner of that page and
Click the “Admin Console” button. As a result, you will be required to use your Google account in signing in. After signing in, go to the “Register a new site” page. To start, go to the label field and enter the name of your website. Always remember, Google AMP just supports reCAPTCHA v3.
Therefore, select it from the kinds of reCAPTCHA choices. Next, go to the domain area and enter your domain name. By default, your email address is shown on the owner’s area. But, you are free to add another email in case you want to do so.
After that, accept the ToS of reCAPTCHA in order to continue. Besides that, ensure you have selected the “Send alerts to owners” checkbox. This lets Google inform you about issues such as suspicious traffic and misconfiguration.
Next, click the submit button.
After submission, you will receive a success message, your website key, and the secret key for adding reCAPTCHA on your website. These are the Google API keys for adding reCAPTCHA to your forms.
But, you need to make some adjustments so that AMP is compatible with your reCAPTCHA. To do so, click the “Go to Settings” link at the bottom of the page.
The reCAPTCHA settings will appear again.
Check the box with “Allow this key to work with AMP pages”. Next, click the “Save” button. You now have the Google API keys for adding reCAPTCHA on your AMP forms. But,
go to your WordPress dashboard, WPForms>>Settings>>reCAPTCHA page. Here, select the reCAPTCHA v3 option. Also, paste your website key, as well as the secret key.
Once you are done, click “Save Settings button”. The Google reCAPTCHA has now been added to your WPForms. So, you can now activate it in your forms if you want. Head to WPForms>> All Forms,
and then choose the form you want to activate the reCAPTCHA on. After the form setup screen displays, click the “Settings “tab. Next, choose the “General Settings.” You will see “Enable Google v3 reCAPTCHA” box at the bottom. Select the box, and then go to the right top corner, and click the “Save” button.
AMP forms are essential for ensuring your users have a better experience. However, to avoid unnecessary traffic and spam, you should have a reCAPTCHA on your AMP forms. If you still find difficulty in installing this WordPress Plugin, you can take help from experts who provide
WordPress support service themes & plugins help.