內容簡介
邊框、背景、標題、描述、輸入框、標籤、佔位符、錯誤、提交按鈕等重力表單的樣式，在 Divi 可視化編輯器中嵌入重力表單。高級版有 7 天的免費試用期。無需預先付款。
此外，它還依賴以下項目：
- Divi 主題（聯盟鏈接）
- Gravity Form（聯盟鏈接）
免費插件可讓您：
- 在 Divi 頁面上使用可視化編輯器添加重力表單。
- 配置重力表單短代碼參數
重力表單短代碼參數包括：
- 顯示標題 - 切換以顯示表單標題。默認為「on」。
- 顯示說明 - 切換以顯示表單說明。默認為「on」。
- AJAX - 切換使用 AJAX 提交表單。默認為「off」。
- 鍵盤選項卡索引 - 指定此表單字段的開始選項卡索引。
- 字段值 - 指定默認字段值。
高級插件位於 https://wptools.app/wordpress-plugin/gravity-forms-divi-module/，提供 7 天免費試用。
您可以設置表單背景、邊框、樣式、標題、描述、輸入框、標籤、佔位符、錯誤和提交按鈕。管理輸入框包裝器的邊距和填充，設置標題和描述的排版，調整字段包裝器的填充和邊距，以及調整標籤、子標籤和輸入框描述的排版和排列。
外掛標籤
開發者團隊
② 後台搜尋「Divi Gravity Forms (WP Tools)」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Embed gravity forms in Divi visual builder. Add styles for gravity forms border, background, title, description, inputs, labels, placeholder, errors, submit button & more. Premium version has 7-day FREE trial. No upfront payments needed.
It has dependencies on the following,
Divi Theme – Affiliate link
Gravity Form – Affiliate link
With the FREE plugin you can,
* Add a gravityform on a divi page using the visual builder.
* Configure the gravityform shortcode params
Gravityform Shortcode Parameters
Show Title – Toggle to display the form title. Defaults is on
Show Description – Toggle to display the form description. Defaults is on
Ajax – Toggle to use AJAX to submit the form. Defaults is off
Tab Index – Specify the starting tab index for the fields of this form
Field Values – Specify the default field values.
Example: field_values=’check=First Choice,Second Choice’. See also https://docs.gravityforms.com/using-dynamic-population/ for detailed information on dynamic population.
Premium Plugin
Premium plugin is available at https://wptools.app/wordpress-plugin/gravity-forms-divi-module/
We offer a 7-day FREE trial on the premium plugin.
Style Form Background, Spacing & Border
Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper.
Style Gravity Form Title
Style the title typography and spacing using the divi module
Style Gravity Form Description
To render gravityform description, toggle the Show Description to on in Gravityform Shortcode Parameters.
Style the description typography and spacing using the divi module
Style Gravity Form Section Break Field
Section break field adds a content separator to your gravity form – https://docs.gravityforms.com/section-break/
Style the content’s title, description, spacing and border color using the divi module.
Style Input Fields, Input Wrapper & Input Placeholder
Input fields are text, textarea, checkbox and radio fields.
Input Wrapper wraps an input field. Manage input wrappers margin and padding.
Add background, border and rounded corners for text, textarea and dropdown fields.
Manage typography for input fields in the Input General section.
Manage checkbox and radio typography settings in Checkbox/Radio section.
Manage margin and padding for text fields.
Manage typography for input placeholder text.
Style Label, Sub-Label & Input Field Description
Style gravityform’s label, sub-label and description for the inputs.
Set typography and spacing for them.
Style Field Wrapper
A field wrapper wraps the input field, label, sub-label and description.
Manage the field wrappers padding and margin in divi.
Style Form & Field Validation Errors
Form Validation Error is a general validation error text for the whole form.
Manage typography, border color, margin and padding.
Field Validation Error shows the validation per field.
Manage typography, border color, background color, margin & padding.
Style Forms Submission Confirmation Message
Form submission displays a message. Style typography & background of the confirmation message.
Style Gravityform Button
Set button alignment, typography, border, rounded corner and background color with hover styles.
Style Consent Field & Description
A gravityform consent field is a checkbox accompanied by description.
It’s a compulsory field.
Style the checkbox’s and description’s typography, margin & padding
Style Gravityform Footer
Footer wraps the form buttons. Manage margin and padding for this element.
Style Progress Bar
A multi-step gravityform has a progressbar at the top.
Style the progressbar title’s typography, progressbar’s background and font color.
Custom CSS Setting
A fine-grained control over writing custom css for large number of form elements
