[WordPress] 外掛分享: Void Contact Form 7 Widget For Elementor Page Builder

首頁外掛目錄 › Void Contact Form 7 Widget For Elementor Page Builder
WordPress 外掛 Void Contact Form 7 Widget For Elementor Page Builder 的封面圖片
20,000+
安裝啟用
★★★★
4.9/5 分(103 則評價)
602 天前
最後更新
問題解決
WordPress 4.4+ v2.4.2 上架:2017-06-08

內容簡介

這個外掛程式為 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 更新外掛程式。更新後,請確定清除您的瀏覽器快取。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.4.2) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Void Contact Form 7 Widget For Elementor Page Builder」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

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.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon