Dmitry

The plugin allows you to add a feedback form or booking form to the page. The data is sent to the server via AJAX (this can be disabled using the settings and the form will be submitted as usual, with a page reload… but why do you need it?). You can flexibly personalize the form and its fields.
The form is added to a page using the Gutenberg Custom Blocks – with these blocks, the possibilities for customizing your form are greatly increased.
You can also add a form to a page using the shortcode <code>[zu-contact]</code> or <code>[zu-booking]</code>.
<h3>Features</h3>
<ul>
<li>Lightweight <code>JS script</code> & <code>CSS</code> (only 4 KB minified and gzipped)</li>
<li>Includes form blocks for the new Gutenberg WordPress block editor</li>
<li>Also supports adding a contact form to any post or page using a shortcode</li>
<li>Form submission via AJAX (configurable by settings)</li>
<li>Data validation on the server</li>
<li>Support for required fields</li>
<li>Responsive layout</li>
<li>Notification of submissions to default admin or custom email addresses</li>
<li>Send a <code>carbon copy</code> of the submitted message (configurable by settings)</li>
<li>Basic <code>SMTP</code> (Simple Mail Transfer Protocol) configuration</li>
<li>Protect submissions from spam with Google <code>reCAPTCHA</code> (configurable by settings)</li>
<li>Automatically checks all submissions against global database of spam (with <a href="https://wordpress.org/plugins/akismet/" rel="ugc">Akismet</a>)</li>
<li>Save messages to the database as comments to a post or page</li>
<li>Compatible with the latest version of WordPress</li>
</ul>
<h3>Gutenberg blocks</h3>
With custom blocks for Gutenberg WordPress editor you can easily create new contact forms and customize them with great flexibility:
<ul>
<li>You can create a form based on templates or from scratch</li>
<li>Add and remove form fields</li>
<li>Change the position of fields, their type and other attributes</li>
<li>Change field labels, placeholders and validation error messages</li>
<li>Add to verification form using Google <code>reCAPTCHA</code></li>
<li>Change the animation of the form loader (used during form submission)</li>
</ul>
<h3>Shortcode attributes</h3>
You can also personalize the form by adding attributes to the shortcode:
<ul>
<li>class – Change CSS class of form: <code>class="my-contact-form"</code></li>
<li>form – Select one of preloaded forms: <code>form="contact"</code></li>
<li>subheading – Change form subheading: <code>subheading="My Contact Form"</code></li>
<li>ajax – Disable form submission via AJAX: <code>ajax=false</code></li>
<li>recaptcha – Disable Google reCAPTCHA widget: <code>recaptcha=false</code></li>
<li>rows – Change rows amount in textarea: <code>rows=12</code></li>
<li>message – Set predefined form message: <code>message="Thanks for your hard work!"</code></li>
</ul>
<h4>Examples</h4>
<ul>
<li>
With custom subheading and without reCAPTCHA:
[zu-contact subheading=”My Contact Form” recaptcha=false]
</li>
<li>
With custom class, without AJAX and with 8 rows in textarea:
[zu-contact class=”my-contact-form” ajax=false rows=8]
</li>
</ul>

Zu Contact

Simple but smart and modern Ajax contact form. With Form Blocks and Gutenberg based settings page.

Jegstudio

GUTENVERSE FORM – FORM BUILDER FOR GUTENBERG BLOCK EDITOR, MULTI-STEP FORMS, CONDITIONAL LOGIC, PAYMENT, CALCULATION, 15+ FREE USER-FRIENDLY FORM BLOCKS
Elevate your form creation with <a href="https://gutenverse.com/form/" rel="nofollow ugc">Gutenverse Form</a>, a lightweight plugin that enriches the Gutenberg Block Editor and the WordPress Full Site Editor. With over 15 FREE form block elements, animation effects, display management options, advanced styling capabilities, and more, Gutenverse Form makes designing the perfect forms effortlessly. It streamlines customization and enhances your overall experience while creating and managing forms on your WordPress website.
To kickstart your project, we’ve crafted a stunning WordPress theme that integrates seamlessly with Gutenverse Form. This theme comes with pre-designed layouts, flexible settings, and intuitive controls, making website creation straightforward. It’s fully compatible with the Gutenberg Block Editor and Site Editor, ensuring it supports all Gutenverse and Gutenverse Form features for optimal performance.
<a href="https://gutenverse.com/theme-list/" rel="nofollow ugc">Explore The Gutenverse Theme Collection</a>
Unlock all the features needed to create your website with <a href="https://gutenverse.com/pro/" rel="nofollow ugc">Gutenverse PRO</a>.
<h3>🚀 Boost Productivity</h3>
Your time is invaluable. Save countless hours by streamlining your workflow with Gutenverse Forms.
<ul>
<li>Responsive Form Editing</li>
</ul>
Ensure your forms look stunning on any device, providing a seamless and visually appealing experience for your users
<ul>
<li>Lightweight & Fast User Experience</li>
</ul>
Gutenverse optimizes code flow for a faster and smoother form creation process, resulting in a lighter website for your audience.
<ul>
<li>High-Speed Performance</li>
</ul>
Boost your website’s performance with Gutenverse Forms, achieving loading speeds twice as fast as other form builders.
<ul>
<li>Built for Everyone</li>
</ul>
Whether you’re a novice or an expert in form creation, Gutenverse Forms empowers you to design beautifully crafted forms that meet your business needs.
<h3>🔑 Key Features</h3>
1. <a href="https://gutenverse.com/form/" rel="nofollow ugc">15+ Easy-to-Use Gutenberg Form Blocks</a>
Explore a vast array of customizable form blocks, each packed with advanced features and flexibility. Unlock your creativity and design forms with limitless possibilities.
2. <a href="https://gutenverse.com/#library" rel="nofollow ugc">Template Library</a>
Access a range of layouts and sections tailored to your needs with Gutenverse Form. Install theme templates directly from the library for quick and effortless form customization.
3. Improved Publishing Experience
Experience live responsive editing with Gutenverse’s enhanced WordPress Block Editor for forms. The section block and customizable design of each block ensure a perfect fit with your site’s aesthetic.
4. Live Responsive Editing
Gutenverse’s seamless integration of responsive editing empowers you to create forms that look flawless on any device.
5. Global Color & Font Variables
Effortlessly control the color and typography of all Gutenverse form elements using the extended Global Style feature.
6. Blocks Management
Customize your editing experience by enabling or disabling blocks for a smoother workflow.
7. Responsive Breakpoints
Edit breakpoints for tablets and mobile devices to optimize the responsiveness of your forms.
<h3>Form Blocks</h3>
<ul>
<li>Form Builder: A versatile wrapper for building flexible forms with a wide array of field choices.</li>
<li>Checkbox: Create multiple checkable selections with checkboxes.</li>
<li>Date Input: Capture date information with a convenient date picker interface.</li>
<li>Email Input: Gather email information and validate its format to ensure valid submissions.</li>
<li>Select: Provide a predefined list of choices for users to select from (single option).</li>
<li>Multi-select: Offer a predefined list of choices for users to select from (multiple options).</li>
<li>Number Input: Capture numeric information and validate it to ensure accurate submissions.</li>
<li>Radio: Present predefined radio options for users to choose from.</li>
<li>Switch: Toggle control with binary options, perfect for binary questions.</li>
<li>Submit Button: Toggle control with binary options, perfect for binary questions.</li>
<li>Telp Input: Collect phone number information and validate its format for accuracy.</li>
<li>Text Input: Gather string information (excluding the “Return” character).</li>
<li>Textarea: Obtain long text strings, including the “Return” character.</li>
<li>[PRO] Calculation Input: Add input fields that allow users to perform calculations directly within your forms. Customize formulas and display results dynamically to enhance user interaction and functionality.</li>
<li>[PRO] Image Radio: Use image-based radio buttons in your forms to present choices visually. Allows users to select options by clicking on images rather than traditional text-based radio buttons, making your forms more engaging and interactive.</li>
<li>[PRO] Multi Group Select: Enable users to choose multiple options from grouped selections in your forms. Allows for organized and flexible data input, making it easier for users to make several related choices simultaneously.</li>
<li>[PRO] Payment: Integrate payment processing directly into your forms. Allows users to make transactions or submit payments seamlessly while completing their form, enhancing convenience and streamlining the payment process.</li>
<li>[PRO] Stepper Navigation Button: Incorporate step-by-step navigation in your forms with intuitive stepper buttons. Guides users through a multi-step process, making complex forms more manageable and improving overall user experience.</li>
<li>[PRO] Form Stepper: Create multi-step forms with a clear, organized layout using the Form Stepper. This feature divides lengthy forms into manageable sections, guiding users through each step with progress indicators and streamlined navigation.</li>
</ul>
<h3>Form Blocks Feature</h3>
<ul>
<li>Form Setting: Customize and configure form fields, design, and behavior to create a seamless and interactive user experience on your website.</li>
<li>[PRO] Sticky: Stick an element in any position on the page viewport as visitors scroll.</li>
<li>Display: Easily control the visibility of your website elements on any device.</li>
<li>Animation Effects: Create dynamic transitions and interactive elements.</li>
<li>[PRO] Transform: Easily rotate, scale, or skew elements on your website as you like.</li>
<li>[PRO] Mouse Move Effect: Make an effect on the pointed object whenever the cursor moves.</li>
<li>Spacing: Adjust margins, paddings, and gaps between elements.</li>
<li>[PRO] Condition: Control which elements or content are displayed on the page using conditional filters.</li>
<li>[PRO] Logic: Implement conditional logic in your forms to show or hide fields based on user input. This feature allows for dynamic, responsive forms that adapt to user responses, ensuring a more personalized and efficient data collection process.</li>
<li>Advanced ID & Classname: Assign unique IDs, HTML anchor, and CSS class.</li>
<li>Notice Styling: Customize the appearance of your notice messages with various styling options to ensure they stand out and align with your website’s design.</li>
<li>Background: Choose from a variety of background styles, including colors, gradients, images, and videos.</li>
<li>Border: Define and enhance your design with versatile border options.</li>
<li>Masking: Use masking to create unique shapes and effects.</li>
</ul>
<h3>🏆 **[PRO]** Advanced Features</h3>
<ul>
<li><a href="https://gutenverse.com/form/" rel="nofollow ugc">Advanced Form Builder</a>: Design any type of forms that perform using advanced features to collect all types of data for your business in less time.</li>
<li>Custom Font: Personalize your website with custom fonts to match your brand’s unique style.</li>
<li><a href="https://gutenverse.com/theme-list/" rel="nofollow ugc">Premium Themes</a>: Access a selection of premium themes designed to elevate the look and functionality of your website.</li>
<li><a href="https://gutenverse.com/#library" rel="nofollow ugc">Premium Template Library</a>: Explore a wide variety of beautifully designed templates to make building your website </li>
<li><a href="https://gutenverse.com/popup/" rel="nofollow ugc">Advanced Popup Builder</a>: Packed with premade templates and advanced triggering options, optimize user engagement and conversions on your WordPress websites without needing to code. </li>
</ul>
<h3>Use of 3rd-Party Services</h3>
To improve the user experience, Gutenverse may use the following third-party services. Here are the details:
<ul>
<li>Gutenverse Newsletter</li>
</ul>
Our Gutenverse dashboard offers a form for subscribing to our newsletter. By subscribing, we will send you recent updates about Gutenverse. The only information required and sent is the email address you manually input into the designated box.
This data is securely sent to our server at <a href="https://gutenverse.com/" rel="nofollow ugc">gutenverse.com</a>. Rest assured, no information is transmitted automatically without your explicit consent.
If you’d like more details about Gutenverse, you can check out the terms and conditions <a href="https://gutenverse.com/terms-and-conditions/" rel="nofollow ugc">here!</a>
<h3>⭐️ Join Gutenverse Community</h3>
Become part of our community, share your thoughts and experiences about Gutenberg, and let’s collaborate to achieve your goals!
<ul>
<li><a href="https://www.facebook.com/groups/gutenversecommunity" rel="nofollow ugc">Facebook Community</a> – Join hundreds of members (and still growing) for support, advice, bug reports, and feedback.</li>
<li><a href="https://gutenverse.com/links/" rel="nofollow ugc">Social Media</a> <a href="https://gutenverse.com/links/" rel="nofollow ugc"></a> – Gain valuable insights from our Instagram, Facebook Page, X (formerly Twitter), and TikTok.</li>
<li><a href="https://gutenverse.com/docs/" rel="nofollow ugc">Documentation</a> – Access guides, tutorials, and resources to answer your questions.</li>
<li><a href="https://gutenverse.com/contact/" rel="nofollow ugc">Need Help?</a> – Kindly visit the Gutenverse Forum for any inquiries and support.</li>
</ul>
<h3>DOCUMENTATION</h3>
We have some <a href="https://gutenverse.com/docs/" rel=" nofollow ugc">documentation articles here</a> that might help you start your journey with Gutenverse.

Gutenverse Form – Contact Form Builder, Booking, Reservation, Subscribe for Block Editor

The best WordPress contact form builder plugin. Create advanced contact forms, booking forms, conditional, payment, multi-step forms, & more.

Zu Contact vs Gutenverse Form – Contact Form Builder, Booking, Reservation, Subscribe for Block Editor