Detailed description
The Contact Form Builder block creates flexible WordPress contact forms directly inside Gutenberg without enforcing a predefined visual style. Each form contains independent field blocks that editors can add, remove, reorder, and configure for their project. Available field types include text, email, telephone, URL, number, date, multiline message, select, radio buttons, checkbox, and consent.
A form built entirely with Gutenberg blocks
Every field is a real nested block. Its width can be configured independently for desktop, tablet, and mobile, making it possible to display two fields on one row on large screens and stack them on smartphones. Editors can change the label, placeholder, help text, required status, and technical name used by email templates. The parent block also supports native Gutenberg controls for colors, spacing, borders, radius, and typography.
Branded and configurable HTML emails
Recipients, subject, sender name, and the field used as the Reply-To address are configurable. Email content supports dynamic variables such as {{site_name}}, {{page_url}}, {{all_fields}}, and the technical name of every form field. Background, card, text, and accent colors can use the site's theme palette to keep transactional messages visually consistent. An optional separate confirmation email can be sent to the visitor after a successful submission.
Server-side protection designed for WordPress
Submissions are processed by WordPress on the server with nonce verification, required-field validation, input sanitization, and email validation. An invisible honeypot catches basic bots, a signed minimum completion time blocks instant submissions, and an hourly per-IP rate limit reduces automated abuse. A unique submission identifier also prevents an immediate refresh from sending the same message twice.
Main features
- Reorderable and configurable Gutenberg field blocks.
- Text, email, telephone, URL, date, number, textarea, select, radio, and consent fields.
- Independent desktop, tablet, and mobile widths.
- Optional or required fields with server-side validation.
- Multiple recipients separated by commas.
- Dynamic HTML email templates.
- Optional visitor confirmation email.
- Email colors based on the theme palette.
- Honeypot, nonce, signed timing check, and per-IP rate limiting.
- Custom success, validation, and delivery messages.
Performance
Zero useless scripts, Vanilla JS only.
Native Gutenberg
WCAG compliance for all users.
Contact Form
JS Weight
< 2kb
Version
1.0.1
WCAG
WCAG 2.1 AA
0
Likes
1
Downloads
Vanilla JS Architecture
Guaranteed zero technical debt, optimized for Core Web Vitals.
You might also like
Discover more blocks in the category creator