Styler Mate for Contact Form 7
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