WordPress Contact Forms: Top 3 Block Plugins

WordPress Contact Forms with Blocks

Last update:

Contact forms fulfill one of the goals of a website, which is that anyone can get in touch with its owner. It is possible in many ways, but the easiest (and most efficient) way to do it is to insert a block.

WordPress does not natively incorporate contact forms, so it is always necessary to resort to external plugins. In the WordPress repository, we find a lot of plugins that allow us to add forms to our website. In fact, among the most popular WordPress plugins, we can find various solutions to add contact forms to our website, such as ContactForm 7 and WPForms.

Table of Contents

Looking for forms that work with blocks

There is something for everyone: simple ones like the JetPack addon that allows us to create a form with the fields (name, email, and message) to more complex solutions to adapt to all kinds of situations (Forms that allow us to calculate a budget, custom records, evaluations, etc). We also have some block collections that include Forms…

Given this scenario, it is difficult to choose the extension that best suits our web project. I propose three plugins that allow you to create contact forms easily (and visually) from the WordPress block editor.

Do not break your production site!
Staging environments are the solution!

Clone to a staging environment to test and fix any HTTP error code.
To clone a WordPress site with Wetopi is as easy as a simple click.

1. Contact Form Block (Jordy Meow)

Contact Form Block by Jordy Meow

Contact Form Block is available as a free plugin that, when installed, activates the form block. It is a simple, beautiful, and perfect form block for the most users. If you are looking for an uncomplicated contact form, surely Contact Form Block is a good solution.

Jordy Meow developed this plugin, and he has other fascinating plugins in the WordPress repository, such as Media File Renamer, Media Gallery, and Gallery Custom Links.

When inserting the block, a form appears with the following fields: Name, Email, and Message.

Simple contact form Contact Form Block by Jordy Meow
When inserting the Contact Form Block, a set Form shows up. Unfortunately, we cannot add more fields to the Form.

The block offers some options to modify. The Form style incorporates three predefined options (by default, Meow Style, and no style, which will be helpful to customize the form with CSS styles).

  • display a basic header with a title
  • change the color of the button
  • modify the size of the message box.

In addition, you can also incorporate an anti-spam filter through the reCAPTCHA service and establish a redirection to a URL once the form has been submitted. It is helpful if we want to have a “Thank you” page.

Disadvantages of Contact Form Block

The extension has some drawbacks to be aware of:

  • We may add no more fields. If our Form needs more fields, such as a telephone field, it will not allow it.
  • Also, we cannot add privacy policy acceptance checkboxes, nor can we incorporate the first layer to comply with the GDPR. It can be a problem to users in the EU.
  • It also does not allow adding help text.

Conclusions about the Contact Form Block plugin

In summary, Contact Block Form is a really simple and functional solution.

But if we need more fields or to adapt the Form to the GRPD, it will not help. Currently, in the repository, we find other much more engaging alternatives.

2. Contact Form Gutenberg Forms

WordPress Form Builder Plugin - Gutenberg Forms

Gutenberg Forms is also available as a free plugin that, when installed, activates a Form. It is a as a state-of-the-art form builder that will allow you to build forms directly in the visual editor.

Gutenberg Form Contact Form
When inserting the Gutenberg Forms block, a ready-made form appears. From there, we can customize it with more fields.

Although TetraSoft developed the plugin, there is little information. With the current version at the time of writing this guide (2.2.8.1), some compatibility issues exist. With the previous version, 2.2.8, assigned to the previous developer, WP Chill, there are no bugs. So the survey will be on version 2.2.8.

When installing the block, we see a new type of entry in WordPress that will allow us to manage the web Forms. We find a welcome page that urges us to help develop the plugin, report any bugs, and has a link to a handy guide.

WordPress Form Builder Plugin Features

In this same menu we can also see:

  • Third-party integrations. By default, we find an anti-spam: Google reCAPTCHA v2.
  • Form usage statistics.
  • Configuration panel to customize form error messages and Form import.

With Gutenberg Forms, we can create forms in two ways:

  • via the content type
  • directly when adding the block to our page.

Once we insert the block, we may put the name of the Form and specify if it is of the standard type, or a multi-step form, or if we want to insert a form:

  • if we choose the first option, the default form will include name, email, and message. Now we will only have to modify it to our liking.
  • if we choose between the predefined forms, the plugin will let us choose between the Forms previously created or among a number of predefined templates.

We can configure some options:

  • add a prefix or suffix to fields
  • make field required
  • show help texts
  • set conditionals based on previous answer< /li>
  • include RegExp validation patterns

Inside the form configuration panel, we ca:

  • Modify the colors
  • Set up actions (hide the form, redirect or do nothing) and, if necessary, notify us by email.
  • Notification in our email inbox.
Gutenber Forms

Although, at first, it seems complicated and with many options, Gutenberg Forms allows us to create different Forms thanks to many preset templates.

If, however, we want to create one from scratch, we can do it perfectly because we have the following list of form components:

  • checkbox
  • date field
  • early field
  • numeric field
  • yes/no field
  • progress bar
  • hidden field
  • file upload field
  • radio field
  • calculator field
  • number field with slider
  • radio button group
  • selector field
  • multi-line text field
  • text field.

This is in addition to native blocks of the text editor, which means that we could add explanatory texts.

This plugin is complete and allows us to create conditional logic forms and save the data received through the Form in the Database. As for integrations with third parties, it is necessary to resort to third-party plugins.

Currently, there are three:

  • Two for mail marketing services (MailPoet and MailChimp).
  • Anti-spam (Akismet).

WordPress Form Builder Plugin Drawbacks

If we should highlight any inconvenience, it is that the latest version of the connector does not work correctly. Reviewing the WordPress support forums, we also realize that the developer is not solving the doubts and queries that users make about the connector.

Conclusions about WordPress Form Builder – Gutenberg Forms

Gutenberg Forms is a complete solution to create forms directly from the block editor.

We remember the versatility of the most famous plugins from the entire Contact Form 7 or Gravity Forms repository. This versatility may mean that it is not the most optimal option for users who will surely not need as many options.

3. Nelio Forms Contact Form

Nelio Forms plugin

Nelio Forms is available as a free plugin that triggers a Form block when activated. It is a standard solution for creating forms and allows you to create them nearly like a developer.

Nelio Software developed the plugin, Nelio Software developed the plugin, and they have other fascinating plugins in the WordPress repository, such as Nelio PopUps, Nelio AB/Testing, or Gallery Custom Links.

Nelio Forms contact form
When inserting the Nelio Forms block, only one text field appears.We can then insert more fields to adjust the Form to our needs.

When installing the block, a new type of entry appears, and it will allow us to manage the web forms.

Functionalities of Nelio Forms

We can create functionalities via this type of content or create the Form directly when adding the block to our page.

A stunning feature is that the block allows you to reuse the forms. So, if we need to incorporate a form on several web pages, we can reuse it.

In both cases, when inserting the block, a blank text field appears and we can modify what type of verification we want to choose (email, password, phone, and URL).

Nelio Form
In a few minutes, you can have a personalized contact form thanks to Nelio Forms.

We can configure some options:

  • hide the labels,
  • make the field mandatory
  • set the minimum and maximum characters that the text field will allow.

Inside the form configuration panel, we can configure:

  • Select a preset pattern. It includes the most common templates (basic form, subscription box in the newsletter, and various contact form options). Very useful if we don’t want to get complicated.
  • Spam detection filter, via the Akismet service.
  • What action is activated (hide the form, redirect, or not do anything) and, if necessary, let us know by email.

Although it seems very simple from the start, Nelio Forms allows us to create very complex forms since it has many form components:

  • checkbox
  • checkbox group
  • DateTime field
  • datefield
  • field early
  • number field with slider
  • radio button group
  • selector field
  • multi-line text field
  • text field.

In addition to all this, Nelio Forms allow us to add the text editor native blocks. Therefore, we could add explanatory texts.

Disadvantages of Nelio Forms

In conclusion, the plugin is comprehensive, and we can take a step further with conditional logic Forms, save the data via the Form into the database, or integrate third-party applications such as MailChimp or Zapier. If this is the case, we should then opt for the paid version of the plugin(€49 plus VAT, on promotion). It is a competitive price compared to other plugins with the same functionalities.

Conclusions about the Nelio Forms plugin

Nelio Forms is one of the best solutions for a simple, functional, and very versatile solution for everyone.

Final conclusions

In the WordPress repository, we find various solutions to set up contact forms for our website. It is necessary to review them well because we have to find the best connector that suits our needs.

  • If you are looking for a simple, quick-to-use, and, above all, a very intuitive option to handle, Nelio Forms is surely the best option.
  • If you need to integrate a subscription service in the newsletter, or store the information in the server’s database, it may be worth evaluating the version of pay for Nelio Forms. It will unlock more features, or you may consider using Gutenberg Forms.

If you are still undecided, it is essential to remember that Nelio Forms members are very active in the WordPress community.

In the case of Gutenberg Forms, you should choose version 2.2.8. so that the connector works correctly, while they do not solve the compatibility problems.

Both options are valid and will not fall short of the most popular Form plugins in the repository or other alternatives with visual constructors.

Nelio Forms and Gutenberg Forms show us that you can have a good tool to create forms that are light, and fast and take advantage of the resources offered by the WordPress visual editor itself, thus optimizing system resources.

Have you already decided to create the contact forms for your website?

I am a consultant in digital marketing and WordPress at Cherry Creative, where I help companies and brands go digital to achieve more sales, and visibility. I like to look for the most optimal solution for digital problems.

You can find me at hola@cherrycreative.es

We are techies passionate about WordPress. With wetopi, a Managed WordPress Hosting, we want to minimize the friction that every professional faces when working and hosting WordPress projects.

Not a wetopi user?

Free full performance servers for your development and test.
No credit card required.

See how Wetopi stacks up against your current hosting

Try before you buy.

With no obligation on your part, we’ll migrate a copy of your website:

No hidden small text.
No commitments.
No credit card.