Preview unavailable
v1.0.1 Creator

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.

Creator Vanilla JS

Contact Form

JS Weight

< 2kb

Version

1.0.1

WCAG

WCAG 2.1 AA

0

Likes

1

Downloads

Dependencies None
License Creator
Accessibility WCAG 2.1 AA Compliance

Vanilla JS Architecture

Guaranteed zero technical debt, optimized for Core Web Vitals.