前言介紹
- 這款 WordPress 外掛「Void Contact Form 7 Widget For Elementor Page Builder」是 2017-06-08 上架。
- 目前有 20000 個安裝啟用數。
- 上一次更新是 2024-07-24，距離現在已有 282 天。
- 外掛最低要求 WordPress 4.4 以上版本才可以安裝。
- 有 103 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
soyket | shawon786 | voidcoders | voidthemes |
外掛標籤
cf7 | elementor | contact form | contact form 7 | contact-form-7 widget |
內容簡介
這個外掛程式為 Elementor Page Builder 新增了一個元素/小工具，幫助你輕鬆地從下拉式清單中拖放 Contact Form 7 表單。不需要再進入 CF7、複製 shortcode 並新增到 Elementor 的 Shortcode Widget 中了！
試試我們的新功能，從 Elementor 編輯器中編輯和建立聯絡表單。你不需要離開 Elementor 編輯器即可修改或建立 Contact Form 7。簡樸易用！
現在只需在 Elementor Builder 中拖放小工具並選擇所需的聯絡表單。
若你需要它，有多種樣式選項、滑鼠懸停、焦點甚至自訂 CSS 選項。
是否想為輸入、標籤、送出按鈕及成功訊息定義樣式？沒問題！這個外掛程式讓你可以直接在 Elementor 畫面上進行編輯！
若你想指定送出表單時的自訂頁面，現在這也可以實現了！
不過這只是一個簡單的外掛程式，提供給一般的使用者 🙂
更有趣的是，在同一頁面上使用此外掛程式，你可以使用相同的 Contact Form 7 表單，但是規則和設計都不同！
更多詳細資訊：VOID CF7 Elementor Widget。
我們的其他 Elementor 與 WP 作品：VOID CODERS。
想瞭解更新，請關注我們的Facebook。
發現缺少功能或發現錯誤嗎？歡迎提出功能請求/錯誤回報。
需要利用 Elementor 設計 Contact Form 7 電子郵件嗎？
👉看看 Elemailer – A drag & drop email builder for WordPress。
2.0 版本預覽版（具備滑鼠懸停、焦點、漸層等新樣式控制）
從 Elementor 編輯器中編輯/新增聯絡表單
另一個預覽版
這款外掛程式有什麼功能？
編輯或建立 Contact Form 7 表單時，你不需要離開 Elementor 編輯器。新的彈出視窗將在 Elementor 編輯器上打開。立即編輯或建立表單！
在 Elementor 現場編輯器中輕鬆使用 Contact Form 7 創建的聯絡表單
將 CSS 直接新增到 Elementor 現場預覽中，用於不同的欄位類型的 Contact Form 7！
在 add the VOID Contact Fom 7 Widget 時，直接從 Elementor 編輯畫面新增任何 WordPress 頁面作為感謝頁面！
使用此功能，在同一頁面上使用單一 Contact Form 7 表單，並具有不同的樣式和重定向規則（成功時的感謝頁面）。
注意：此外掛程式是 Elementor Page Builder（https://wordpress.org/plugins/elementor/）的插件，僅在安裝了 Elementor Page Builder 及 Contact Form 7 外掛程式時才能使用。
更新指示
透過 WordPress 儀表板或透過 FTP 更新外掛程式。更新後，請確定清除您的瀏覽器快取。
原文外掛簡介
This plugin adds new element / widget to Elementor Page Builder which helps you to easily drag and drop contact form 7 forms from a drop down list. No need of going in cf7 & copying the shortcode and addding to shortcode widget of elementor anymore !!
Check out our new feature to edit and create contact form from elementor editor. You don’t need to leave elementor editor to modify or create contact form 7. boom!
Now only Drag and drop the widget inside elementor builder & choose your contact form.
Multiple style options, hover, focus and even custom css option if you are into it.
Want to define style for input, lable, send button, success ? No problem ! This plugin let’s you do those directly from elementor screen!
Want to add custom page to redirect to when the form is submitted ? That is also possible now !
Yet this is just a simple plugin for simple users 🙂
What’s more interesting is that you can have multiple form of the same single contact form 7 form with different rules and design with this on same page !
For more details :VOID CF7 Elementor Widget.
For our other elementor & WP works visit : VOID CODERS.
For updates follow us on : Facebook.
Missing a feature or Found a bug? : Feature Request / Bug Report.
Need to design Contact form 7 Emails with Elementor?
👉Check Elemailer – A drag & drop email builder for WordPress.
Version 2.0 Preview ( New Style controls with hover, focus, gradient etc )
Edit/Add contact from inside Elementor
Another Preview
What Does This plugin give you?
For editing or creating contact form 7, You don’t have to leave elementor editor. New popup modal will be open on elementor editor. Edit or create forms on the fly!
Easy use of contact forms created with Contact form 7 pluing inside elementor live editor
Add CSS directly from elementor live preview to your contact form 7 for different field type!!
Add any WordPress page as thank you page with this directly from elementor edit screen when you add the VOID Contact Fom 7 Widget!
Use Single contact form 7 with different Style & redirect rule(Thank you page on success) on the same page with this.
Note: This plugin is an addon of Elementor Page Builder (https://wordpress.org/plugins/elementor/) and will only work with Elementor Page Builder installed along with Contact form 7 plugin.
Update Instructions
Update the plugin either via wp dashboard or via FTP. After update make sure you clear your browser cache.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Void Contact Form 7 Widget For Elementor Page Builder」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
2.0 | 2.1 | 2.2 | 2.3 | 2.4 | 1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.1 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 2.1.1 | 2.4.1 | 2.4.2 | trunk |
延伸相關外掛（你可能也想知道）
Contact Form 7 Database Addon – CFDB7 》「CFDB7」外掛可將「聯絡表單7」的提交內容保存在WordPress資料庫中，並可匯出CSV檔案。, 只要安裝此外掛，它便會自動開始捕捉來自聯絡表單7的表單提交。, CF...。
ReCaptcha v2 for Contact Form 7 》Contact Form 7 v5.1 於 2018 年 12 月停止支援 reCaptcha v2，以及 [recaptcha] 標籤。此外掛從 Contact Form 7 5.0.5 重新帶回了這項功能，同時重新加入了 ...。
Contact Form 7 Captcha 》使用這個外掛，您需要透過 Google 網站註冊 API 金鑰：https://www.google.com/recaptcha/admin, 此外掛實現了「我不是機器人」複選框。在生成金鑰時，請選擇...。
Contact Form 7 – Dynamic Text Extension 》Contact Form 7 是一個出色的 WordPress 外掛，也是免費 WordPress 聯絡表單外掛的首選之一。 Contact Form 7 - Dynamic Text Extension (DTX) 通過添加動態...。
Conditional Fields for Contact Form 7 》此外掛可以讓您的 Contact Form 7 表單加入條件式邏輯。, 當您編輯您的 CF7 表單時，您會看到一個額外的標籤，名為「條件式欄位群組」。您放置在起始標籤和結...。
Contact Form 7 Extension For Mailchimp 》WordPress Extension for Mailchimp (Chimpmatic Lite)可將Contact Form 7與Mailchimp Audience集成。使用Mailchimp的最新API自動將Contact Form 7提交的信息...。
Contact Form 7 Image CAPTCHA, WPForms Image CAPTCHA, Contact Form 7 Spam Image CAPTCHA, WPForms Spam Image CAPTCHA, GDPR 》在你的Contact Form 7表單中添加一個SVG圖像驗證和蜜罐。這個驗證符合GDPR要求，因為圖像是內嵌的SVG格式，所以這個外掛程序不會像Google的ReCAPTCHA那樣通過...。
Advanced Contact form 7 DB 》p>這是一個簡單易用的外掛程式，可儲存透過 Contact Form 7 表單收到的所有查詢詳細資料。只需安裝並啟用此外掛程式，就可以在 wp-admin 中存儲所有詢問。, ...。
Database for Contact Form 7, WPforms, Elementor forms 》Contact Form 7 Entries 外掛程式會自動將使用者在 Contact Form 7、WPforms、CRM Perks Forms 及其他流行聯絡表單外掛程式提交的表單儲存到 WordPress 資料...。
Ultimate Addons for Contact Form 7 》ate a grid or column layout with Contact Form 7 using the Columns / Grid Layout Addon in Ultimate Addons For Contact Form 7. This allows you to dis...。
Drag and Drop Multiple File Upload for Contact Form 7 》拖放多檔案上傳器是一個簡單、直接的 WordPress 外掛擴充套件，可與 Contact Form7 一起使用，讓用戶可以使用拖放功能或網頁表單的常見瀏覽檔案來上傳多個檔...。
Contact Form 7 Multi-Step Forms 》我需要一個可以跨越多個頁面的聯繫表單，並且最終會發送一封帶有所有收集信息的電子郵件。這個外掛通過擴展熱門的 Contact Form 7 外掛來實現這一點。, 這個...。
Country & Phone Field Contact Form 7 》「Country & Phone Field Contact Form 7」外掛是一個 Contact Form 7 的附加功能。這個外掛會在 Contact form 7 中添加兩個新的表單欄位：國家清單（表...。
CF7 Google Sheets Connector 》CF7 Google Sheet Connector是一個外掛插件，可在您的WordPress基於Contact Form 7表單和Google Sheets之間建立一個橋樑。 ** 🚀 是一個最受歡迎的WordPress...。
Date Time Picker for Contact Form 7 》此插件可以透過 CSS 類別將 Contact Form 7 文字欄位轉換為日期選擇器、時間選擇器或日期時間選擇器。安裝完插件後，您只需要在 Contact Form 7 CSS 類別編輯...。