Contact Form 7
Columns or Grid
[Test the Live Form to See the Multi-Column Layout in Action. The Dynamic Country -> State -> City selection feature on this form is powered by our Autocomplete addon]
Break Them into Structured Layouts
Quick and Easy Implementation
Our columns are built with shortcodes and pre-designed templates. Simply select the columns you need, insert them into the editor, and you’re all set to go!
Seamless Database Storage
All form entries are securely saved in your database addon within the dashboard, allowing you to easily view and manage both completed and partial submissions in one place.
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.
A Sneak Peek of the Backend Editing Panel
Form Code Sample
[uacf7-row] [uacf7-col col:12] <label> Two Columns Example </label> [/uacf7-col] [/uacf7-row] [uacf7-row] [uacf7-col col:6] [uacf7_country_dropdown uacf7_country_dropdown-282 ds_country] [/uacf7-col][uacf7-col col:6] [uacf7_state uacf7_state-605 ds_state] [/uacf7-col] [/uacf7-row] <br> [uacf7-row] [uacf7-col col:6] [uacf7_city uacf7_city-128 ds_city] [/uacf7-col][uacf7-col col:6] [uacf7_zip uacf7_zip-993 placeholder:Zip] [/uacf7-col] [/uacf7-row] <br> [uacf7-row] [uacf7-col col:12] <label> Three Columns Example </label> [/uacf7-col] [uacf7-col col:4] [text* text-337 placeholder "Name"] [/uacf7-col] [uacf7-col col:4] [email* your-email placeholder "Email"] [/uacf7-col] [uacf7-col col:4] [tel tel-538 placeholder "Phone"] [/uacf7-col] [/uacf7-row] <br> [uacf7-row] [uacf7-col col:12] <label> Four Columns Example </label> [/uacf7-col] [uacf7-col col:3] [number number-315] <small>Width (in inch)</small> [/uacf7-col] [uacf7-col col:3] [number number-316] <small>Height (in inch)</small> [/uacf7-col] [uacf7-col col:3] [number number-317] <small>Length (in inch)</small> [/uacf7-col] [uacf7-col col:3] [number number-318] <small>Weight (in inch)</small> [/uacf7-col] [/uacf7-row] <br> [uacf7-row] [uacf7-col col:12] [submit "Submit"] [/uacf7-col] [/uacf7-row]
Are you looking for Flexible / Custom Columns?
How to setup Contact Form 7 Multiple Columns
FAQ for Contact Form 7 Columns
Why would I want columns in my Contact Form 7 form?
Columns improve the visual layout of your forms, especially longer ones. They allow you to place fields side-by-side, making the form more compact and user-friendly.
Does Contact Form 7 have built-in column functionality?
Contact Form 7 itself doesn’t have native column features. You’ll typically need to use either:
- Add-on plugins like Ultimate Addons for Contact Form 7.
- Custom CSS and HTML.
What are the common methods for creating contact form 7 columns?
The most common and easier method would using Contact Form 7 add-ons plugin like Ultimate addons which provide easy-to-use column features.
Can I use conditional logic within a contact form 7 column form?
Yes, you can use Ultimate Addon’s Conditional Logic addon with it’s column addon, allowing you to show or hide steps based on user input.
Can I save progress and allow users to resume later?
Yes, with our Save Progress addon you can easily do so.
Will the form still work on mobile devices?
Yes, our column addon is responsive and work seamlessly on mobile devices. Always test your form on different screen sizes.
How do I install and activate the column addon?
Please follow our step by step doc to install, activate and configure our columns addon.
Can I use this plugin to create two column contact form 7?
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.
Autocomplete Country, City, State, Zip Fields
Set up IP Geolocation-based Auto Complete for Country, City, State, Zip Fields on Contact Form 7.
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.