CF7 Mate – AI Form Builder, Styler & Multi-Step Forms for Contact Form 7
Contact Form 7 is rock-solid but plain. CF7 Mate fills in the parts most people end up writing CSS or shopping around for: a clean visual styler that lives inside your page builder, an AI generator that writes a working CF7 form from a one-sentence description, and a few extra field types CF7 doesn’
About this tool.
Contact Form 7 is rock-solid but plain. CF7 Mate fills in the parts most people end up writing CSS or shopping around for: a clean visual styler that lives inside your page builder, an AI generator that writes a working CF7 form from a one-sentence description, and a few extra field types CF7 doesn’t ship — star ratings, range sliders, an international phone field.
Nothing replaces CF7. You still build and manage forms in the regular CF7 editor. CF7 Mate just makes the result look the way you want and adds the things power users keep asking for.
Works with Divi 4 & 5 , the WordPress block editor , Elementor , and Bricks .
Product site · Documentation · Pricing · GitHub
AI Form Generator (free)
Describe the form you want in plain English — “a booking form with name, date, time slot, and a notes box” — and CF7 Mate writes the Contact Form 7 markup for you. The result is a normal CF7 form you can save, edit field-by-field, or extend with any other CF7 plugin. There’s no proprietary format and no lock-in.
You bring your own OpenAI (or compatible) API key. Generation costs a fraction of a cent per form, and your key is stored only in your own WordPress database.
Useful for contact forms, booking forms, surveys, NPS questionnaires, quote requests, job applications, and anything else you’d normally build by hand.
Visual styling that lives in your builder
Open a CF7 form inside Divi, Elementor, Bricks, or the WordPress block editor and you get the same point-and-click styling controls you already use for the rest of your page — colors, typography, spacing, focus states, responsive breakpoints. No CSS file to maintain, no shortcode to remember.
The integrations are real builder modules, not generic shortcode wrappers, so they pick up your theme’s global colors, presets, and breakpoints automatically.
Extra field types CF7 doesn’t ship
- Star rating for reviews, feedback, and CSAT-style questions.
- Range slider for budgets, quantities, and quote calculators.
- International phone number with a country flag picker and dial-code prefixing.
- Heading , separator , image , and icon decorative elements to break up long forms.
Each one is registered as a real CF7 form tag — the values land in your notification emails like any built-in field.
Grid layout for CF7
Arrange fields into responsive multi-column rows so your forms don’t look like a stack of inputs on desktop. Per-breakpoint column counts mean a 3-column lead form on desktop still stacks cleanly on phones.
