Deskripsyon
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
Pag-install
- 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
-
Do I need Divi to use this plugin?
-
No. CF7 Mate works with Divi, Gutenberg (WordPress block editor), Elementor, and Bricks. You only need one of these builders installed.
-
Does this work with the default WordPress editor?
-
Yes. CF7 Mate includes a Gutenberg block that works in the standard WordPress block editor — no additional page builder required.
-
Is this compatible with Divi 5?
-
Yes. CF7 Mate has a dedicated module built specifically for Divi 5, alongside continued support for Divi 4.
-
Does this replace Contact Form 7?
-
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.
-
Why did the name change from CF7 Styler to CF7 Mate?
-
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.
-
Can I use this on multiple sites?
-
The free version can be used on unlimited sites. Pro license terms depend on your plan.
-
Where can I get support?
-
Visit cf7mate.com for documentation and support.
Mga Review
Mga Contributor at Developer
Ang “Styler Mate for Contact Form 7” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.
Mga Contributor
Isalin ang “Styler Mate for Contact Form 7” sa iyong wika.
Interesado sa development?
Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.
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