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

Learn more about Pro features →

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