Custom Columns for Contact Form 7
To give you more control and flexibility, we’ve introduced the Custom Column Pro addon. This upgraded version builds on the free addon, adding enhanced customization options, advanced features, and greater flexibility to tailor your form exactly the way you need them.
Customize Every Column with Precision!
Advanced Column Customization
Easily create and modify multi-column form layouts, giving you full control over form structure and alignment.
Responsive Grid System
Ensure that your form adapts beautifully to all devices, with columns that automatically adjust for desktop, tablet, and mobile views.
Customizable Form Styler
With the Form Styler, you can adjust colors, fonts, layouts, and more, ensuring your forms look great on every device.
Smooth Integration
Enjoy full compatibility with a range of powerful addons, including redirects, columns, autocomplete, repeaters, and more.
Custom Column Widths & Spacing
Manually define the widths of the columns, along with padding and margins, to achieve a flawlessly structured form layout.
Quick and Easy Implementation
Our PDF Generate pro addon is built with shortcodes and pre-designed templates. Simply select the pdf option you need, insert them into the editor, and you’re all set to go!
A Sneak Peek of the Backend Editing Panel
Form Code Sample
[uacf7-row][uacf7-col 36%] <label> Your name [text* your-name] </label> [/uacf7-col][uacf7-col 49%] <label> Your email [email* your-email] </label> [/uacf7-col][uacf7-col 15%] <label> Select [select* menu-593 include_blank "Yes" "No"] </label> [/uacf7-col][/uacf7-row] <label> Your message (optional) [textarea your-message] </label> [submit "Submit"]
Need Condition based Redirection or WhatsApp Integration?
How to setup Contact Form 7 Custom Column
Building Contact Form 7 AI Form Custom Column has never been easier! Watch the video to see how seamlessly it all comes together.
FAQ for Contact Form 7 Custom Column
What is the Contact Form 7 Custom Column Addon?
The Custom Column addon allows you to organize form fields into structured layouts by creating multiple columns and rows. This enhances form readability, improves user experience, and provides greater design flexibility.
How does Custom Column improve my Contact Form 7 forms?
Instead of displaying all form fields in a single-column layout, this addon lets you arrange fields into side-by-side columns, making forms more compact, user-friendly, and visually appealing.
Can I adjust the width of individual columns?
Yes! You can manually set column widths to customize the spacing between form fields, ensuring a well-balanced layout.
Does this addon work with all Contact Form 7 fields?
Yes! Custom Column supports text fields, dropdowns, checkboxes, radio buttons, file uploads, and dynamic fields, ensuring compatibility with any form type.
Is Custom Column responsive for mobile devices?
Absolutely! The addon ensures that your form automatically adjusts for different screen sizes, providing a smooth experience on desktops, tablets, and smartphones.
Does this addon require coding knowledge?
No! The Custom Column addon is beginner-friendly and can be configured directly from the Contact Form 7 form editor without writing any code.
Will this work with other Contact Form 7 addons?
Yes! The addon is fully compatible with other Contact Form 7 extensions, including:
- Multi-Step Forms
- Conditional Fields
- Dynamic Text Extension
Does the Custom Column addon affect form submission speed?
No, this addon is optimized for performance, ensuring that form submission remains fast and efficient.
Is the Custom Column feature available in a free version?
The basic column layout feature is available in our free addons, but the Pro version provides advanced customization options like adjustable column widths, enhanced styling controls.
Discover More Powerful Features!
Conditional Field
Show or hide Contact Form 7 fields based on Conditional Logic, compatible with Checkbox and Range Slider.
Conditional Redirect
Redirect user to a specific page after submission based on condition. e.g. Condition A user goes to abc.com and Condition B user goes to xyz.com
Database
The Database addon helps store form data, view data in the admin backend, and export data in CSV format.
Form Styler (Single)
Style your entire form without any CSS coding, including colors, margins, button styles, and font sizes.
Whatsapp Integration + CF7 Tag Support
Tag support for CF7 fields to be used on redirect URL to pass data. You can also pass submission data to Whatsapp.
WooCommerce Checkout
Choose a product from the dropdown field, submit the form, and get redirected to the WooCommerce Cart page with the product added automatically.