Style and enhance Contact Form 7 for Divi, Bricks, Elementor, Gutenberg, and more.

PlugPress

Fahim Reza

WPPaw

Divi Torque

DiviEpic

M. Asif Hossain

DiviPeople by PlugPress

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.
<h4>Why CF7 Mate?</h4>
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.
<h4>Free Features</h4>
<ul>
<li>Visual Form Styling — Customize colors, spacing, borders, and typography for every form element</li>
<li>Multi-Builder Support — Native modules for Divi (4 & 5), Gutenberg block, Elementor widget, and Bricks element</li>
<li>Form Header — Add titles, descriptions, icons, or images above your form</li>
<li>Grid Layout — Arrange fields in responsive multi-column grids</li>
<li>Field Styling — Control background, borders, focus states, height, and spacing</li>
<li>Button Styling — Customize text color, background, padding, border radius, and hover effects</li>
<li>Label & Placeholder Styling — Fine-tune label color, spacing, and placeholder appearance</li>
<li>Radio & Checkbox Styling — Custom sizes, colors, and border styles for radio buttons and checkboxes</li>
<li>Validation Messages — Style success, error, and field-level validation messages</li>
<li>Responsive — All styles adapt to desktop, tablet, and mobile screens</li>
<li>Lightweight — No bloat. Only loads assets on pages that use your forms</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>Form Entries — Save every submission to your WordPress database and export to CSV</li>
<li>Multi-Step Forms — Build wizard-style forms with progress indicators and step navigation</li>
<li>Multi-Column Layouts — Advanced column arrangements with custom responsive breakpoints</li>
<li>Star Rating Field — Collect feedback and reviews with customizable star ratings</li>
<li>Range Slider Field — Let users pick values with an interactive slider</li>
<li>Calculator Field — Add calculated fields based on other form inputs</li>
<li>Design Presets — Save and reuse form styles across your site</li>
<li>AI Form Generator — Generate complete CF7 forms from a text prompt</li>
<li>Webhook Integration — Send form data to external services on submission</li>
<li>Heading, Separator, Icon & Image Fields — Enhance your forms with visual elements</li>
</ul>
<a href="https://cf7mate.com" rel="nofollow ugc">Learn more about Pro features →</a>
<h4>Builder Compatibility</h4>
CF7 Mate includes native integrations — not shortcode wrappers — for each builder:
<ul>
<li>Divi 4 — Full Divi Builder module with visual controls</li>
<li>Divi 5 — Purpose-built module for the new Divi 5 architecture</li>
<li>Gutenberg — Block editor block with live server-rendered preview</li>
<li>Elementor — Dedicated widget with Elementor-native controls</li>
<li>Bricks — Custom element for the Bricks Builder</li>
</ul>
<h4>Developers</h4>
The free version source code is available on <a href="https://github.com/plugpress-io/cf7-styler-for-divi" rel="nofollow ugc">GitHub</a>. Feel free to fork or build from source.
<h4>Who Is This For?</h4>
<ul>
<li>Agencies building branded forms for clients</li>
<li>Online stores that need styled order or inquiry forms</li>
<li>Service businesses collecting leads through custom contact forms</li>
<li>Anyone using Contact Form 7 who wants better-looking forms without writing CSS</li>
</ul>

Alternatives to Styler Mate for Contact Form 7

Top alternatives