2. About 70% of internet traffic is coming from mobile devices. The share of desktop internet usage has shrunk
below 50%. These statistics indicate that having a mobile-friendly interface is imperative. Wordpress is an ideal
platform to get an interface which can be easily accessible on all kinds of devices. All major themes of the CMS
are responsive, meaning that your website will render perfectly irrespective of the screen size. However,
responsiveness alone would not guarantee success among smartphone users. You need to provide a fast loading
interface and an overall good user experience. Here we are discussing the method to create an AMP form in
WordPress websites. This will be helpful in creating a form that loads easily on mobile devices and can boost your
conversions.
3. The first step is to activate AMP on your interface. This can be done by using a plugin. WordPress plugin development has ensured that you can
access at least one tool for adding new functionality to your interface. According to an estimate, there are more than 50,000 plugins listed in the
official directory of the CMS. There is an official AMP plugin for WordPress users. It has been developed by the AMP project contributors and is
available for free.
Log in to your installation’s admin dashboard through your username and password. Hover the mouse cursor over the Plugins option in the
menu and then select Add New. In the search field, type the name of the tool. Use the image given here as a reference to locate the correct
solution. Hit the Download link to install it on your website. Once the installation is complete, press Activate to make the tool start functioning on
your interface. As soon as the solution is activated, the AMP project will be enabled on your interface.
Install And Activate The Google AMPL Plugin
4. In order to create a form that can be rendered in the AMP version, you will need a form building solution. The tool that we have chosen to create our lead generation form
is called WPForms. It is a 5-star rated product with more than 2 million active installations. It is a freemium solution meaning that it is available in a free as well as a paid
version. The free version is called WPFroms Lite while the premium one is called WPFroms Pro. You can use any of the variants to generate your form.
Use the same method as explained in the above step to install and activate the software on your interface. The image given here will help you identify the correct product.
2. Install And Activate The WPForms Plugin
5. It is now time to create an AMP form in WordPress. WPForms is known as a contact form plugin but it can be
used to generate any kind of form ranging from registrations to donations. Here we are demonstrating the method
to generate a simple contact form. You can use the method to build a form according to your requirements. Go to
your admin dashboard and locate WPForms in the menu. Now choose the Add New option under it. You will now
be asked to choose a template. We have selected the Simple Contact Form as shown in the image here.
3. Build Your Form
6. The plugin has drag and drop functionality meaning you can simply drag an element and drop it at the desired location. This editor will now open.
On the right-hand side, you can see a sample layout while on the left all the available field options are shown. The fancy fields can only be
accessed by Pro version subscribers. In case, you do not want a field shown in the layout, hover your cursor over it. A trash-bin icon will be
displayed and clicking it will remove the box. You can change the order of the fields, hide their labels, alter the text size, and do much more.
Press Save when you are satisfied with the changes.
3. Build Your Form(Cont..)
7. There is a control panel on the extreme left-hand side of the screen with multiple tabs. Select the Settings option and the General Settings screen
will open. Here you can change your form name as well as the message on the submit button text. You can also activate Honeypotto block spam
submissions.
Switch to Notifications where you can opt to be notified through e-mail whenever a submission is made.
Move to Confirmation where you can enter a confirmation message which will be displayed to users when they make the submission.
4. Configure The Settings
8. Switch to Notifications where you can opt to be notified through e-mail whenever a submission is made.
Move to Confirmation where you can enter a confirmation message which will be displayed to users when they make the submission.
4. Configure The Settings(Cont...)
9. Open the page where the form is to be displayed in the editor. Now click the Add Block “+” icon and search for WPForms. Add the block to the editing screen.
Select the form you created in the previous step in the block. Once the form is loaded, you can hit Publish to add it to the page. You AMP-supported form will now be
displayed on your website.
5. Add Your Form To A Page