Styler Mate for Contact Form 7
Styler Mate for Contact Form 7
Description
CF7 Mate (formerly CF7 Styler for Divi) is an all-in-one toolkit for Contact Form 7. Customize every aspect of your forms visually — no CSS needed — and unlock powerful features like form entries, star ratings, range sliders, and multi-step forms.
Works with Divi 4 & 5, Gutenberg, Elementor, and Bricks.
Why CF7 Mate?
Contact Form 7 is powerful but ships with minimal styling. CF7 Mate bridges that gap by giving you full visual control over how your forms look and behave — directly inside the page builder you already use.
Free Features
- Visual Form Styling — Customize colors, spacing, borders, and typography for every form element
- Multi-Builder Support — Native modules for Divi (4 & 5), Gutenberg block, Elementor widget, and Bricks element
- Form Header — Add titles, descriptions, icons, or images above your form
- Grid Layout — Arrange fields in responsive multi-column grids
- Field Styling — Control background, borders, focus states, height, and spacing
- Button Styling — Customize text color, background, padding, border radius, and hover effects
- Label & Placeholder Styling — Fine-tune label color, spacing, and placeholder appearance
- Radio & Checkbox Styling — Custom sizes, colors, and border styles for radio buttons and checkboxes
- Validation Messages — Style success, error, and field-level validation messages
- Responsive — All styles adapt to desktop, tablet, and mobile screens
- Lightweight — No bloat. Only loads assets on pages that use your forms
Pro Features
- Form Entries — Save every submission to your WordPress database and export to CSV
- Multi-Step Forms — Build wizard-style forms with progress indicators and step navigation
- Multi-Column Layouts — Advanced column arrangements with custom responsive breakpoints
- Star Rating Field — Collect feedback and reviews with customizable star ratings
- Range Slider Field — Let users pick values with an interactive slider
- Calculator Field — Add calculated fields based on other form inputs
- Design Presets — Save and reuse form styles across your site
- AI Form Generator — Generate complete CF7 forms from a text prompt
- Webhook Integration — Send form data to external services on submission
- Heading, Separator, Icon & Image Fields — Enhance your forms with visual elements
Builder Compatibility
CF7 Mate includes native integrations — not shortcode wrappers — for each builder:
- Divi 4 — Full Divi Builder module with visual controls
- Divi 5 — Purpose-built module for the new Divi 5 architecture
- Gutenberg — Block editor block with live server-rendered preview
- Elementor — Dedicated widget with Elementor-native controls
- Bricks — Custom element for the Bricks Builder
Developers
The free version source code is available on GitHub. Feel free to fork or build from source.
Who Is This For?
- Agencies building branded forms for clients
- Online stores that need styled order or inquiry forms
- Service businesses collecting leads through custom contact forms
- Anyone using Contact Form 7 who wants better-looking forms without writing CSS
Installation
- Install the plugin from the WordPress plugin directory or upload the files to
/wp-content/plugins/. - Activate the plugin through the Plugins menu in WordPress.
- Make sure Contact Form 7 is installed and active.
- Open your preferred page builder and look for the CF7 Mate module, block, widget, or element.
Requirements
- WordPress 5.6 or higher
- PHP 7.4 or higher
- Contact Form 7 plugin (active)
- At least one supported page builder: Divi, Gutenberg, Elementor, or Bricks
Faq
No. CF7 Mate works with Divi, Gutenberg (WordPress block editor), Elementor, and Bricks. You only need one of these builders installed.
Yes. CF7 Mate includes a Gutenberg block that works in the standard WordPress block editor — no additional page builder required.
Yes. CF7 Mate has a dedicated module built specifically for Divi 5, alongside continued support for Divi 4.
No. CF7 Mate extends Contact Form 7. You still create and manage your forms in CF7 — this plugin adds styling and extra features on top.
The plugin has grown well beyond styling. With form entries, star ratings, multi-step forms, calculators, and more, the new name better reflects everything it does.
The free version can be used on unlimited sites. Pro license terms depend on your plan.
Visit cf7mate.com for documentation and support.
Reviews
So handy
By 
Very handy, best such plugin for its purpose I know of
Good for Divi Users
By 
Good for Divi users.
Funciona 10, queda super bien
By 
Me encanta el programa, a ver si se adapta también a divi5, de momento en divi4 va perfecto, gracias
Removed best feature
By 
I've used this plugin for more than 3 years fore the ability structure contact form 7 fields into grids. All of my past sites that already had the plugin are still able to use it. But any site new site or migrated site cannot longer access the grid building feature.
Not worth it anymore.
Took Away an Implemented Feature
By 
It seems this plugin developer locked down access to a feature to only previous installs. Blocking all new installs from using the CF7 grid shortcodes that are literally still in the plugin code. They have not said anything about this, nor have they given a reason why. Just enable it again. Everyone will be happy, this review will become a 5 star. Thanks.
Whatever you do, do NOT upgrade from version 1.2.6
By 
The name of this plugin used to be "Divi Contact Form 7". Now they have changed the name and with that change, they have also made it mandatory to pay even for what used to be free features. If you don't, nothing works.
Whatever you do, do NOT upgrade from version 1.2.6. Block the upgrading of it. There are plugins that can do that. The one I use works perfectly as long as it is 1.2.6. The 1.2.6 version works perfectly, it would deserve a 5 star rating, but with these sleazy methods of pulling it from open source to renaming it to "Divi Forms Styler" and remove the free features is just bad.
If the license terms allows it, I will add the 1.2.6 version to WordPress.org. If so, lookout for "Divi Contact Form 7" with some extra words added to the name..
Broken Now?
By 
Had this plug-in installed. Guess the latest version of WordPress doesn't work with it? Broke my website. Turned it off. Would like to know when this will be fixed.
Disappointed
By 
Beautiful...
By 
This is a beautiful amazing plugin, and a thousand times better than Divi's standard contact module... So happy I found it... I've been using CF7 for years, and it is soooo great that it has been incorporated into Divi this way... Thank you for making this available... 🙏🌻
Happy to design my own forms
By 
Changelog
3.0.3
- Fixed: Add composer.json to distribution package for better dependency management and future updates
3.0.2
- Fixed: Minor bug fixes and performance improvements
- Improved: Lite vs Pro feature detection for better compatibility with third-party plugins
- WordPress 6.9 compatibility updates
- Removed: pro css from free package
3.0.1
- Fixed: Fix naming of plugin
3.0.0
- New: Rebranded to CF7 Mate (formerly CF7 Styler for Divi)
- New: Divi 5 module with full visual builder support
- New: Gutenberg block with live server-rendered preview
- New: Admin dashboard with feature toggles
- New: Elementor and Bricks builder integrations
- Improved: Codebase rewritten for better performance and maintainability
- Improved: Compatibility with WordPress 6.9
2.3.4
- Improved: Admin notice system with cleaner design
- Improved: Review request flow and user experience
- Fixed: Minor performance optimizations and bug fixes
2.3.3
- Fixed: Compatibility issues with recent WordPress versions
- Improved: Form styling performance
- Improved: Mobile responsiveness
- Fixed: Error handling improvements