Description
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 Gutenverse Form, 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.
Explore The Gutenverse Theme Collection
Unlock all the features needed to create your website with Gutenverse PRO.
🚀 Boost Productivity
Your time is invaluable. Save countless hours by streamlining your workflow with Gutenverse Forms.
- Responsive Form Editing
Ensure your forms look stunning on any device, providing a seamless and visually appealing experience for your users
- Lightweight & Fast User Experience
Gutenverse optimizes code flow for a faster and smoother form creation process, resulting in a lighter website for your audience.
- High-Speed Performance
Boost your website’s performance with Gutenverse Forms, achieving loading speeds twice as fast as other form builders.
- Built for Everyone
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.
🔑 Key Features
1. 15+ Easy-to-Use Gutenberg Form Blocks
Explore a vast array of customizable form blocks, each packed with advanced features and flexibility. Unlock your creativity and design forms with limitless possibilities.
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.
Form Blocks
- Form Builder: A versatile wrapper for building flexible forms with a wide array of field choices.
- Checkbox: Create multiple checkable selections with checkboxes.
- Date Input: Capture date information with a convenient date picker interface.
- Email Input: Gather email information and validate its format to ensure valid submissions.
- Select: Provide a predefined list of choices for users to select from (single option).
- Multi-select: Offer a predefined list of choices for users to select from (multiple options).
- Number Input: Capture numeric information and validate it to ensure accurate submissions.
- Radio: Present predefined radio options for users to choose from.
- Switch: Toggle control with binary options, perfect for binary questions.
- Submit Button: Toggle control with binary options, perfect for binary questions.
- Telp Input: Collect phone number information and validate its format for accuracy.
- Text Input: Gather string information (excluding the “Return” character).
- Textarea: Obtain long text strings, including the “Return” character.
- [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.
- [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.
- [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.
- [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.
- [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.
- [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.
Form Blocks Feature
- Form Setting: Customize and configure form fields, design, and behavior to create a seamless and interactive user experience on your website.
- [PRO] Sticky: Stick an element in any position on the page viewport as visitors scroll.
- Display: Easily control the visibility of your website elements on any device.
- Animation Effects: Create dynamic transitions and interactive elements.
- [PRO] Transform: Easily rotate, scale, or skew elements on your website as you like.
- [PRO] Mouse Move Effect: Make an effect on the pointed object whenever the cursor moves.
- Spacing: Adjust margins, paddings, and gaps between elements.
- [PRO] Condition: Control which elements or content are displayed on the page using conditional filters.
- [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.
- Advanced ID & Classname: Assign unique IDs, HTML anchor, and CSS class.
- 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.
- Background: Choose from a variety of background styles, including colors, gradients, images, and videos.
- Border: Define and enhance your design with versatile border options.
- Masking: Use masking to create unique shapes and effects.
🏆 **[PRO]** Advanced Features
- Advanced Form Builder: Design any type of forms that perform using advanced features to collect all types of data for your business in less time.
- Custom Font: Personalize your website with custom fonts to match your brand’s unique style.
- Premium Themes: Access a selection of premium themes designed to elevate the look and functionality of your website.
- Premium Template Library: Explore a wide variety of beautifully designed templates to make building your website
- Advanced Popup Builder: Packed with premade templates and advanced triggering options, optimize user engagement and conversions on your WordPress websites without needing to code.
Use of 3rd-Party Services
To improve the user experience, Gutenverse may use the following third-party services. Here are the details:
- Gutenverse Newsletter
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 gutenverse.com. 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 here!
⭐️ Join Gutenverse Community
Become part of our community, share your thoughts and experiences about Gutenberg, and let’s collaborate to achieve your goals!
- Facebook Community – Join hundreds of members (and still growing) for support, advice, bug reports, and feedback.
- Social Media – Gain valuable insights from our Instagram, Facebook Page, X (formerly Twitter), and TikTok.
- Documentation – Access guides, tutorials, and resources to answer your questions.
- Need Help? – Kindly visit the Gutenverse Forum for any inquiries and support.
DOCUMENTATION
We have some documentation articles here that might help you start your journey with Gutenverse.
Screenshots
Blocks
This plugin provides 17 blocks.
- Flexible Wrapper Flexible Wrapper / Container to contain your block
- Section Add a section to wrap several blocks or column.
- Checkbox Gutenverse Input Checkbox
- Submit Button Create an interactive and beautiful action button.
- Number Input Gutenverse Input Number
- Radio Gutenverse Input Radio
- Switch Gutenverse Switch
- Date Input Gutenverse Input Date
- Multi Select Gutenverse Input Multi Select
- Select Gutenverse Select
- Textarea Gutenverse Input Textarea
- Form Builder Build a flexible form with many field choices.
- GDPR gdpr Gutenverse Input GDPR gdpr
- Text Input Gutenverse Input Text
- Phone Input Gutenverse Input Phone
- Email Input Gutenverse Input Email
- Column Draggable column, to make your experience flawless when resize it.
Installation
Installing Gutenverse Form is a breeze. Follow one of the two methods below:
From the WordPress Plugin Dashboard:
- Go to the WordPress plugin dashboard and search for “Gutenverse Form.”
- Click on the “Install Now” button next to the Gutenverse Form plugin.
- Once installed, activate the plugin from your WordPress Dashboard.
Using the Upload Method:
- Download the Gutenverse Form plugin as a zip file from the official website.
- In your WordPress Dashboard, navigate to “Plugins” and click on “Add New.”
- Select the “Upload Plugin” button and choose the Gutenverse Form zip file.
- Click on “Install Now” and activate the plugin after installation.
For more detailed instructions, refer to our comprehensive plugin installation guide available on our website.
For additional information and assistance, please visit our extensive Documentation section.
FAQ
Here are answers to some common questions about Gutenverse Form:
-
Does Gutenverse Form require the Gutenberg plugin to be installed?
-
No, Gutenverse Form does not require the Gutenberg plugin. Since WordPress version 5.9 or above already includes Gutenberg integrated, you can seamlessly use Gutenverse Form without any additional installation steps.
-
How can I search for Gutenverse Form blocks within the block editor?
-
To find Gutenverse Form blocks in the block editor:
Click on the top left corner of the editor.
Enter the keyword “gutenverse”, “input” or “form” in the search bar.
The editor will display a list of all available Gutenverse Form blocks. You can also search for specific blocks by adding details, such as “email input.” -
My blocks contain unexpected or invalid content. What should I do?
-
If your blocks display unexpected or invalid content after an update, follow these steps:
- If available, click on the “Attempt Block Recovery” button to recover and restore the blocks.
- If the button is not available or the issue persists, please reach out to our support team by creating a support ticket. We will promptly assist you in resolving the issue.
-
Is Gutenverse Form compatible with other Gutenberg plugins?
-
Gutenverse Form is designed to be compatible with other Gutenberg plugins. We have thoroughly tested Gutenverse Form with popular Gutenberg plugins like Spectra, Otter, Essential Blocks, Stackable, and Gutenberg Blocks by Kadence Blocks. You can confidently use Gutenverse Form alongside these plugins to enhance your block editing experience.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Gutenverse Form – Contact Form Builder, Booking, Reservation, Subscribe for Block Editor” is open source software. The following people have contributed to this plugin.
ContributorsInterested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.5
Bug Fixes
- Fix sticky & vertical align issue on wrapped column 100%
1.1.4
Improvements
- Improve Blocks Loading inside editor
- Add option in dashboard to enable/disable lazy load blocks in editor
Bug Fixes
- Fix sticky & vertical align issue
1.1.3
New
- Add new GDPR input block
Bug Fixes
- Fix animation effect on frontend
- Fix section vertical-align when column position stretch
- Fix section “fixed background” responsive on frontend
1.1.2
Improvements
- Improve banner experience
1.1.1
Improvements
- Improve banner experience
1.1.0
Bug Fixes
- Fix warning issue related to global fonts when certain values are empty
1.0.9
Bug Fixes
- Fix appearance menu for some themes
1.0.8
Bug Fixes
- Fix issue with scrolling when url has no anchor tag
- Fix issue with opening link in flexible wrapper
1.0.7
Bug Fix
- Fix issue with system status on sites using WP Engine
1.0.6
Improvements
- Update core version
1.0.5
Improvements
- Improve blocks loading inside editor
1.0.4
Bug Fixes
- Fix issue if there is no form action assigned
1.0.3
Improvements
- Fix issue if form builder is inside pattern
1.0.2
Improvements
- Add better phone pattern
Bug Fixes
- Fix issue with default number pattern
1.0.1
Improvements
- Update core framework
Bug Fixes
- Fix form builder notice styling
- Fix issue with form builder in template part
- Fix exported form CSV for entry layout is broken in some cases
- Fix issue with styling on frontend
1.0.0
New
- Add new ability to copy styles between blocks
- Add new block: Flexible Wrapper block
0.6.0
- Fix compatibility with WordPress version 6.6
0.5.1
- Initial Release