[WordPress] 外掛分享： CF7 Mate – AI Form Builder, Styler & Multi-Step Forms for Contact Form 7

內容簡介

Divi Contact Form 7視覺化網頁建構器。現在你可以使用Divi可視化建構器定制和設計美麗的聯繫表單，而不用寫一行代碼。

查看我們的實時演示

您可以選擇包裝或下劃線佈局，並控制表單內間距和間隔。您還可以享受各種樣式選項，如佈局調整和間距以及表格元素樣式設置。

特點

格狀建構器(觀看影片)
Easy Contact form 7 讀取
文字和背景風格設置
可自定義的間距、邊框和邊框設置
表單元素樣式設置
按鈕風格設置
自定義信息樣式設置

🔥下一步操作

如果您喜歡Divi Contact Form 7，請考慮查看我們的其他Divi插件：

⭐Wow Divi Carousel — Divi觸控插件，可讓您創建美麗的響應式滑塊或輪播

加入我們

訪問DiviPeople網站
加入我們的新社區
在Facebook上關注我們

外掛標籤

開發者團隊

原文外掛簡介

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.
Pro features
The Pro plan (cf7mate.com/pricing) adds the heavyweight features most form-building plugins charge extra for:

Multi-step forms — split long forms into a guided wizard so visitors don’t bounce.
Conditional logic — show, hide, or skip fields and steps based on what the user enters.
Form entries — save every submission to your own WordPress database with search, filter, and CSV export. Never lose a lead to a missed email.
Form analytics — per-form views, submissions, and conversion rate, stored locally, no third-party tracker.
Form scheduling — open and close any form on a date/time window with a custom closed-state message.
Conditional email routing — send notifications to different recipients based on what the user picked.
Save and continue later — let visitors resume long forms from an email link.
Style presets — save a styled form as a reusable preset and apply it to other forms in one click.
White label (Agency plan) — replace CF7 Mate branding with your own for client sites.

Everything stays inside the standard CF7 workflow. Pro doesn’t fork CF7 or hide your data — entries live in your database, schedules in post meta, analytics in your database.
Who this is for
Anyone who uses Contact Form 7 and wants modern styling, smarter forms, or both. We hear most often from agencies and freelancers building branded forms for clients, service businesses capturing leads, and event organizers running registration windows.
Privacy
The free plugin sends nothing off your site. The AI generator sends only your design prompt (not user submissions) to the AI provider you configure. The Pro license check exchanges your license key with our licensing server — no form data, no submissions. Form Entries stores submissions only in your own database.
Source
The free plugin is open source: github.com/plugpressco/cf7-styler-for-divi. Issues and PRs welcome.