前言介紹
- 這款 WordPress 外掛「WP Tools Gravity Forms Divi Module」是 2019-10-23 上架。
- 目前有 2000 個安裝啟用數。
- 上一次更新是 2025-04-08，距離現在已有 26 天。
- 外掛最低要求 WordPress 4.5 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.2.5 以上。
- 有 7 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！
外掛協作開發者
外掛標籤
divi | GravityForms | gravity forms | gravityforms divi | gravity forms divi |
內容簡介
邊框、背景、標題、描述、輸入框、標籤、佔位符、錯誤、提交按鈕等重力表單的樣式，在 Divi 可視化編輯器中嵌入重力表單。高級版有 7 天的免費試用期。無需預先付款。
此外，它還依賴以下項目：
- Divi 主題（聯盟鏈接）
- Gravity Form（聯盟鏈接）
免費插件可讓您：
- 在 Divi 頁面上使用可視化編輯器添加重力表單。
- 配置重力表單短代碼參數
重力表單短代碼參數包括：
- 顯示標題 - 切換以顯示表單標題。默認為「on」。
- 顯示說明 - 切換以顯示表單說明。默認為「on」。
- AJAX - 切換使用 AJAX 提交表單。默認為「off」。
- 鍵盤選項卡索引 - 指定此表單字段的開始選項卡索引。
- 字段值 - 指定默認字段值。
高級插件位於 https://wptools.app/wordpress-plugin/gravity-forms-divi-module/，提供 7 天免費試用。
您可以設置表單背景、邊框、樣式、標題、描述、輸入框、標籤、佔位符、錯誤和提交按鈕。管理輸入框包裝器的邊距和填充，設置標題和描述的排版，調整字段包裝器的填充和邊距，以及調整標籤、子標籤和輸入框描述的排版和排列。
原文外掛簡介
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
https://www.youtube.com/watch?v=Vk_uk
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
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「WP Tools Gravity Forms Divi Module」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
5.0.0 | 5.0.1 | 5.1.0 | 5.2.0 | 5.2.2 | 6.0.1 | 6.2.0 | 6.3.0 | 6.4.0 | 6.5.0 | 6.6.1 | 6.6.2 | 6.6.3 | 6.6.4 | 6.6.6 | 6.7.0 | 6.7.1 | 6.7.2 | 7.0.0 | 7.0.2 | 7.1.0 | 7.1.1 | 8.0.0 | 8.1.1 | 8.1.2 | 8.2.0 | 8.3.0 | 8.4.0 | 8.5.0 | 8.5.1 | 8.5.2 | 8.5.3 | 8.5.4 | trunk |
延伸相關外掛（你可能也想知道）
Supreme Modules Lite – Divi Theme, Extra Theme and Divi Builder 》Divi Supreme不像其他Divi外掛，它配備了許多免費的創意和有用的強大Divi模組和擴展功能。使用我們簡單易實現的模組和擴展功能，把Divi帶到下一個水平並輕鬆...。
Popups for Divi 》一旦啟用了此外掛，在「區段設定」彈出式視窗中的 Visual Builder 會顯示一個名為「Popup」的新標籤。在「Popup」標籤中，您可以將一個普通的區段變成彈出式...。
Divi Torque – Plugin for Divi Theme and Builder 》, 厭倦了複雜的模組、差勁的表現和昂貴的附加功能，只為得到平庸的結果？, 現在介紹Divi Torque，它是Divi Page Builder的終極Addon。它包含了最全面的模...。
Divi Carousel Maker 》l module for showcasing customer testimonials in a carousel format, including images and text., Countdown Carousel – Create a sense of urgency by d...。
Divi Contact Form 7 Styler 》, Divi Contact Form 7視覺化網頁建構器。現在你可以使用Divi可視化建構器定制和設計美麗的聯繫表單，而不用寫一行代碼。, 查看我們的實時演示, 您可以選擇包...。
Surbma | Divi & Gravity Forms 》, 這個外掛程式可以為 Gravity Forms 增加 Divi 主題的表單樣式，非常輕量化，CSS 壓縮以降低載入時間。, 此外掛程式支援 GF 2.5 標記和 2.6 內嵌按鈕功能，...。
Simple Divi Shortcode 》使用這個工具，您可以透過簡單的短代碼在另一個模組內容或 PHP 模板中嵌入任何 Divi 圖書館項目。, 您只需要在 Divi 圖書館中建立佈局、區段或模組。, 項目 I...。
Shortcodes for Divi 》「Divi 縮略語外掛」由WP Zone製作，允許您在任何文字出現的地方使用Divi縮略語。 , 此外掛可讓您顯示Divi程式庫中的任何範本為縮略語，並為Divi程式庫新增一...。
Breadcrumbs Divi Module 》此外掛為 Divi Builder 新增了一個麵包屑模組。啟用此外掛之後，你的模組清單中會多一個名為 "Breadcrumbs" 的模組。你可以使用這個模組在 Divi Builder 中任...。
Image Carousel Module for Divi 》使用Divi圖像輪播外掛在您的網站上添加圖像輪播。此外掛會在Divi Builder中添加一個新的Image Carousel模組。啟用外掛後，模組列表中將出現名為Image Carouse...。
Customizer Reset 》一鍵重設 WordPress 客製化 (Customizer) 的佈景主題設定。適用於 99％ 的佈景主題，包括WPZOOM佈景主題以及知名的佈景主題，如Divi、Astra。, 此外掛可移除...。
Category Ajax Filter 》支援 Elementor Builder, 不用重新載入網頁，即可按類別篩選文章/自訂文章類型中的文章。在前端選擇特定的分類和分類名詞。使用預置的多種版面和 Ajax 請求來...。
Divi Lightbox for Images 》如果在 Divi 選項菜單中啟用了 Divi Gallery 設置，Divi 主題和生成器將使用本地燈箱腳本，在用戶從相冊中點擊圖像時打開模態窗口。但是，此腳本對於個別自身...。
Flip Cards Module For Divi 》這個外掛在 Divi Builder 中新增了一個翻轉卡片模組。啟用外掛後，模組清單將新增一個名為 Flip Cards 的模組。您隨後可以使用此模組在 Divi Builder 中任何...。
Contact Form DB Divi 》Contact Form DB Divi 外掛是專為 Divi 網站提供儲存及管理表單提交資料的易用工具，安裝後會在 WordPress 後台創建一個名為「Divi Form DB」的選單項目，使...。