如何充分利用聯繫表格 7
已發表: 2019-01-09Contact Form 7 是目前 WP.org 存儲庫中最流行的表單插件。 與大多數插件的整體功能相比,CF7 具有更多的功能。 不僅如此,該插件還有大量擴展選擇,讓您可以做幾乎任何您能想到的事情。 考慮到這一點,我們希望向您展示如何充分利用 Contact Form 7 和大量 Contact Form 7 擴展程序。
訂閱我們的 YouTube 頻道
聯繫表 7:簡要概述

就像我們上面所說的,CF7 是迄今為止最流行的表單插件,也是最通用的插件之一。 但是,如果您不熟悉它,一開始它可能看起來很複雜。 但是當你分解它時,你會發現事實並非如此。

不應該僅僅因為您使用代碼來創建表單就將您嚇跑。 這真的很直觀。 從技術上講,您甚至不需要學習使用的代碼,因為文本區域上方的按鈕為您提供了自定義模式。 您可以放心使用模態,聯繫表格 7 對您很有用。 但是,當您深入了解標籤和代碼時,您將獲得插件的全部功能。

例如,默認的聯繫表單模板有 4 個字段:
- 姓名
- 電子郵件
- 主題
- 信息
但是假設您也需要某人的電話號碼。 如果您按電話按鈕,您可以將該字段插入到表單中。

選項非常簡單,但有幾個可能需要澄清。
- 名稱:此字段僅供您使用。 您既可以使用它來標識組織列表中的表單,也可以在短代碼中使用它來告訴 Contact Form 7 您要顯示哪個電話輸入字段。
- 默認值:默認情況下,此值將是字段中的值。 例如,如果您想向他們展示您希望如何格式化數字。
- ID 屬性:如果你想用 CSS 設置這個特定字段的樣式,請在此處給它一個 ID。
- 類屬性:用於所有電話字段或一般字段的 CSS 類。 但是,您是否執行類命名約定取決於您。
- 簡碼:聯繫表格 7 會在您進行時填寫所有值,因此您只需複制代碼或點擊插入標籤即可完成。 如果您稍後需要在表單中對其進行編輯,您可以這樣做,因為所有信息都在此處,您無需重新執行任何操作。 最終代碼將類似於[[tel contact-phone-1 id:phone-1 class:phone placeholder “1 (931) 762-0897”]]
默認情況下,您擁有的每個標籤都以這種方式工作。
其他標籤:郵件和消息
郵件選項卡非常簡單。 在這裡,您將從上一個表單中獲取短代碼標籤,並使用它們來格式化發送到可讀電子郵件中的信息。 這樣,當人們使用聯繫表單時,提交的內容不會作為 gobbledygook 發送給您。 您還可以在此處設置標題和電子郵件地址。

“消息”選項卡是許多人不會弄亂的東西。 這是 CF7 保存用戶將看到的所有前端消息的地方。 謝謝,您的電子郵件已發送某種消息,或者我們很抱歉,您尚未填寫所有必填字段。 諸如此類的事情。

它還具有較小的條件邏輯,例如如果郵件被標記為垃圾郵件會發生什麼。 Contact Form 7 在這方面給了你大量的控制權,這很好。 尤其是因為所有這些都與基本免費版有關。
它變得更好。 現在您已經熟悉了可以使用插件本身做什麼,讓我們深入研究一些最好的 Contact Form 7 擴展,這樣您就可以真正看到 CF7 引擎蓋下的力量。
前七名聯繫表格 7 擴展
我們認為七是一個很好的數字,因為它是聯繫表 7。這是有道理的。 憑藉免費基礎插件內置的所有功能,您只需幾個插件就可以走很長很長的路。 那麼讓我們開始吧。
1. 聯繫表 7 的條件字段

在所有 Contact Form 7 擴展中,這可能是最重要的。 基本插件沒有的功能之一是條件邏輯。 這個插件通過擴展 CF7 的功能來解決這個問題。 與其說,無論使用何種設備,都向所有人顯示相同的表單,您可以為他們提供更適合其平台的特定表單。 而且您不必僅將 CF7 用於聯繫人——您可以製作任何您想要的表格。 因此,如果您需要在滿足某些條件後顯示反饋表單,您可以使用此插件來實現。

價格:免費 | 更多信息
2. PayPal & Stripe 插件

也許您不需要完整的電子商務解決方案。 也許運行 WooCommerce 或其他東西對於您銷售的一兩件東西來說太過分了。 這個插件可能是你最好的選擇。 您可以為您銷售的每件特定商品保留一個表格(每件都有唯一的 SKU 或 ID),您的用戶在提交表格後將被重定向到 PayPal 或 Square。 您不會託管或處理他們的付款信息,只需點擊幾下即可獲得銷售商品的好處。
價格:免費 | 更多信息
3. 非常簡單的驗證碼

我們都討厭驗證碼。 儘管如此,它們仍然是抵禦垃圾郵件和安全威脅的有效第一道防線。 真正簡單的驗證碼是由與聯繫表 7 相同的開發人員編寫的,所以您知道在提供此功能的所有擴展中,這個是值得信賴的。
價格:免費 | 更多信息
4. 聯繫表 7 皮膚

CF7 非常容易定制。 當然,您可以向每個表單添加 CSS ID 並以這種方式設置樣式,但是當 Contact Form 7 Skins 存在時,您為什麼要這樣做呢? 此插件使用拖放式編輯器,因此如果您不是設計高手並且可以輕而易舉地編寫 CSS,則可以改為執行此操作。 專業網站的標誌之一是完全集成的設計,包括表單,這可以幫助您在沒有專業設計人員幫助的情況下自行完成。
如果您真的想在您的網站上充分利用 Contact Forms 7,您將需要多種選項來設置您的樣式。 CF7 Skins 提供了許多高級捆綁包和附加組件,這樣您不僅可以獲得更多的網站模板和皮膚,還可以獲得邏輯和將表單分成多個頁面的能力,甚至比現有的更高級的樣式。免費版。
價格:免費,高級升級 | 更多信息
5. CF7 自動回复(高級版)

如果您保留了電子郵件列表(我們幾乎可以肯定您這樣做了),那麼這個高級聯繫表 7 擴展程序可能值得一看。 許多電子郵件自動回复服務與網站的前端集成都不盡如人意。 他們的小部件和 API 有時會變得非常混亂。 因此,CF7 Autoresponder 可讓您使用功能強大的插件,您已經將其樣式完美地匹配您的站點,並且仍然使用您首選的電子郵件服務生成和存儲您想要的所有潛在客戶。 在 CodeCanyon 上只需 18 美元,這簡直是物超所值。 特別是因為它也適用於既定形式。 無需重建任何東西。 只要確保這個人知道它們存在,並且你在做生意。 字面上地。
價格: 18 美元 | 更多信息
6. 聯繫表格 7 存儲(高級版)

如果您真的想充分利用 Contact Form 7,您需要充分利用它全部安裝在 WordPress 上的優勢。 CF7 Storage 使您提交的所有表單都保存到您的 WP 數據庫中。 很多時候,電子郵件會丟失。 或者,也許電子郵件服務器出了問題,而您錯過了一個主要的線索。 或者更糟的是,您的電子郵件開始將來自您網站的提交標記為垃圾郵件/垃圾郵件(根據經驗......這是最糟糕的)。 該插件通過為您提供來自任何表單的每次提交的服務器端收件箱來解決該問題。 19 美元,不到一年的 Google One。 我們認為您會同意為這種實用程序(以及安全性,老實說)付出的代價很小。
價格: 19 美元 | 更多信息
7. CF7 Drop Uploader (Premium)

搜索文件結構和目錄以找到要上傳的文件是 2002 年的事。CF7 Drop Uploader 為每個人都喜歡的插件帶來了這種現代風格,然後是一些。 將任何文件拖到表單上都將開始上傳,您的用戶在搜索、單擊、單擊和單擊時不會浪費任何時間。 很多時候,用戶會就問題聯繫您尋求幫助,如果您的表單至少不允許上傳屏幕截圖,那麼您在用戶和他們問題的解決方案之間就會產生摩擦。 將此與其他 Contact Form 7 擴展(例如保存到您的數據庫的擴展)結合使用,您就已經真正開始發揮小插件的強大功能了。 Drop Uploader 售價 17 美元,但它為您的用戶帶來的便利絕對值得。
價格: 17 美元 | 更多信息
結論
如果您已經是 Contact Form 7 用戶,希望我們能夠讓您了解一些可以在您的網站上擴展其效用的方法。 如果您不熟悉它,請瀏覽所有的 Contact Form 7 擴展。 如果您真的想充分利用 CF7,您需要找到合適的擴展。 就擴展庫中免費插件的可能性而言,上述七項確實涵蓋了您的大部分基礎。
您最喜歡的聯繫表 7 擴展程序是什麼?
Vitya_M/shutterstock.com 提供的文章特色圖片
