contact form gutenberg block

Getwid Blocks: WordPress Contact Form Gutenberg Block

The Contact Form Gutenberg Block by Getwid brings a plain contact form to your WordPress website. It’s not overbloated with excessive fields and settings making it a perfect solution for implementing a bare-minimum, lightweight form for website inquiries.

In addition to the “classic” form fields available in this block, the form allows you to implement reCAPTCHA anti-spam mechanism by Google.

Purpose of the Contact Form Gutenberg Block

It’s a WordPress-native contact form block crafted for Gutenberg and Getwid.

Features of the Contact Form Block

Here are default contact form fields you can embed and optionally mark as required:

  • Name
  • Email
  • Message
  • Text
  • reCaptcha (Captcha by Google).

If you want to protect your contact form from getting spammed, use reCAPTCHA: firstly sign up for an API key pair, then obtain your credentials and, finally, embed the token via the block configuration panel.

recaptcha

To add the needed form fields, choose the available ones from the ones within the block:

add new form elements

You can edit field labels and placeholders visually in Gutenberg.

edit field lablels inline

Let’s now briefly list the main form settings:

  • Put the email subject for incoming emails. You can have contact forms for different purposes, each with their own ID, so they can be delivered with different email subjects.

different contact forms

  • The choice of colors for the “Submit” button. The block will ensure a smooth design blend with a whatever WordPress theme used.

form settings

Note: you’ll receive all emails to the inbox stated as your WordPress admin email address (WordPress dashboard > Settings > General).

Design tips

  • Stick to the theme brand colors for the email submission button.
  • Improve the appearance of your contact form by using the Section Getwid block.
  • Put the Google Maps block by Getwid along with the contact form to improve presentation of your Contact us page.

google maps contact form

Getwid Base – a Free Multipurpose Gutenberg Theme

Getwid is an independent library of Gutenberg blocks that can be used with any WordPress theme, but we have the best solution: the multipurpose Getwid Base theme. This is the lightweight theme where functionality meets design and provides you with a smoother and more user-friendly way to work in Gutenberg.

The theme and blocks are available for free download:

Check out Getwid Demo

Download Getwid Gutenberg Blocks Free

Install Getwid Base Starter Theme for Gutenberg

Getwid Video Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *