Abdullah Nahian

Ultimate CF7 Widget for Elementor allows you to integrate Contact Form 7 directly into Elementor and Gutenberg with advanced features. Manage form submissions, track analytics, generate reports, export to CSV/Excel/PDF, and style forms visually without shortcodes.
Pro-Level Features: 
* Drag & Drop CF7 widget for Elementor 
* Select any CF7 form from dropdown 
* Full style control for: 
 – Input fields & Textareas 
 – Select dropdowns 
 – Radio buttons & Checkboxes 
 – Labels & placeholders 
 – Error & success messages 
 – Buttons (color, typography, hover, border-radius, shadow) 
 – Form container (background, padding, margin, border, box-shadow) 
* AJAX submission support 
* Optional redirect URL after submission 
* Responsive controls for all devices 
* Prebuilt form templates (Contact, Subscription, Quote Request, Feedback) 
* Multi-step forms (Pro version) 
* Custom CSS class for advanced styling 
* Translation ready (WPML, Polylang compatible) 
* Lightweight & optimized for performance 
* Compatible with all Elementor themes 
* Developer-friendly hooks and filters
Why use this plugin? 
– No shortcode copying required 
– Full Elementor integration 
– Instant form styling without custom CSS 
– Professional look for every form type 
– Save time using prebuilt templates

Ultimate CF7 Integration with Analytics, Reports & Export

Drag & drop Contact Form 7 forms in Elementor with full styling, AJAX submission, redirects, and prebuilt templates.

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>

Styler Mate for Contact Form 7

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

Ultimate CF7 Integration with Analytics, Reports & Export vs Styler Mate for Contact Form 7