Steph Wells

Use any of your Contact Form 7 Forms in your sidebars. You can even style it from the widget options. This will also work with any other shortcodes that only work in posts. Just insert the shortcode (ie [contact-form 1 “Contact form 1”]) in the ‘Contact Form 7 tag’ text field. Leave styling options blank in order to style from your theme’s css.
note: rounded corners do not work in Internet Explorer… Surprise! Get a different browser! 
another note: Use 6 digit hex colors for better results

Contact Form 7 Widget

Use your Contact Form 7 forms and other shortcodes in your sidebars.

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.

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