Matthias Kittsteiner

epiphyt

WordPress offers several (contact) form plugins, but most of them are not up-to-date anymore when it comes to creating forms. Form Block tackles this problem by utilizing the block editor’s power. It enables you to create a form effortlessly within the block editor itself, which makes the process of creating a form much more enjoyable and similar to creating other types of blocks. This innovative approach to form creation ensures that Form Block stands out from other WordPress form plugins.
Note: This plugins requires the PHP extension <a href="https://www.php.net/manual/en/book.dom.php" rel="nofollow ugc">“Document Object Model” (php-dom)</a>.
<h4>Features</h4>
<ul>
<li>Fully support of the block editor</li>
<li>Built with accessibility in mind</li>
<li>Create forms with an unlimited number of fields</li>
<li>Select from a wide variety of field types</li>
<li>Use a predefined form or start from scratch</li>
<li>Store form submissions in the WordPress backend</li>
<li>Integrated honeypot for spam protection</li>
<li>Integrated knowledge base for field types</li>
<li>Client-side and server-side validation</li>
</ul>
<h4>Getting started</h4>
<ol>
<li>Add the “Form Block” block anywhere you want to enable a form in your block editor.</li>
<li>Select a predefined form or start from scratch.</li>
<li>Add/Edit/Remove fields to your form as you like. You can select from input, select and textarea fields.</li>
</ol>
After submission, the form data will be sent to the email address you have set in the settings.
<h4>Coming soon</h4>
There is much more planned for Form Block. Here is a small selection of features that are coming soon:
<ul>
<li>Flood Control</li>
<li><a href="https://wordpress.org/plugins/antispam-bee/" rel="ugc">Antispam Bee</a> integration</li>
<li>Custom date picker</li>
<li>More customization options</li>
</ul>
<h4>Pro version</h4>
There is also a Pro version of Form Block available. It offers additional features, such as:
<ul>
<li>Extended server-side validation</li>
<li>Custom recipient(s) for each form</li>
<li>Custom form action</li>
<li>Upload via drag and drop</li>
<li>Storing files in WordPress instead of attaching them to an email</li>
<li>Global defined consent checkbox</li>
<li>Field dependencies</li>
<li>Advanced functionality for accessibility</li>
</ul>
You can find more information at <a href="https://formblock.pro/en/" rel="nofollow ugc">https://formblock.pro/en/</a>.

Form Block


Just tried out this simple Form Block plugin and it's awesome – every block in the editor should be like this. Making a contact form is super easy. You just install it, add the block in the editor, pick the pre-made contact form, and you’re done. Editing the fields is a breeze, and it even includes a GDPR checkbox automatically. It works right away, sending the info to the WP admin email without any extra setup. The free version is perfect for beginners.


Effortless Contact Form Plugin, Easily Used as Block, GDPR Compliant

Block Form is a really great plugin that makes it easy to create fantastic forms. We will definitely use it frequently for new projects and replace other form plugins in older projects.

Great Plugin

An extensive yet user-friendly form block.

Marc Tönsing

Hero Color Picker adds per-post background and font color controls to the editor sidebar for hero styling via CSS on elements with the <code>hero-colored</code> class.
Features: 
– Two color controls: <code>Background Color</code> and <code>Font Color</code> 
– On-demand color pickers in compact dropdown popovers 
– Live preview of both colors together directly in the sidebar 
– Applies selected colors to the editor post summary area for a closer backend preview 
– Removes the featured image preview outline while a custom background color is active 
– Accessibility check for <code>WCAG AAA Normal Text</code> with <code>PASS</code> / <code>FAILED</code> status 
– Panel is shown only while editing posts (<code>post</code>), not in template editing contexts 
– Adds a core-like posts list view <code>Hero Background</code> to show only posts with a custom hero background color 
– Works on elements that have the CSS class <code>hero-colored</code>
Stored as post meta: 
– <code>hero_color_picker_hero_color</code> 
– <code>hero_color_picker_font_color</code>
Frontend output (only when values are set):
<pre><code>.hero-colored {
 background-color: $background;
 color: $font;
}
</code></pre>
Important template setup: 
– Open your block theme template (for example <code>Single</code>) in the Site Editor. 
– Select the <code>Group</code> block that should receive the hero styles. 
– In block settings, add <code>hero-colored</code> to <code>Additional CSS class(es)</code>.

Hero Color Picker

Hero Color Picker adds per-post color selection in the editor sidebar for hero styling via CSS.

Form Block vs Hero Color Picker