[WordPress] 外掛分享： Styler Mate for Contact Form 7

內容簡介

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

查看我們的實時演示

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

特點

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

🔥下一步操作

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

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

加入我們

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

外掛標籤

開發者團隊

原文外掛簡介

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