如何在 WordPress 中創建聯繫表單(加上最好的插件)

已發表: 2019-05-29

每個站點都需要一個聯繫表單,這可能就是您閱讀有關如何使用聯繫表單 WordPress 插件創建自己的表單的帖子的原因。

因此,您可以使用大量出色的選項在 WordPress 中添加聯繫表單。 在這篇文章中,我將逐步向您展示如何免費使用一個。 是的,您將確切地了解如何在不打開錢包的情況下創建自定義的、美觀的聯繫表格。

在該教程之後,我將分享一些其他最佳聯繫表單插件,以及為什麼您可能想要在教程中的插件上選擇這些選項之一。

在 WordPress 中創建聯繫表單的最簡單方法

如果您想向 WordPress 添加聯繫表單,您需要一個聯繫表單 WordPress 插件。

現在,有很多可靠的選擇,我接下來會介紹。 但如果您只想要一個基本的聯繫表格,最簡單的選擇是使用一個名為 HappyForms 的免費插件。

以下是如何通過幾個步驟在 WordPress 中創建聯繫表單......

1. 安裝並激活 HappyForms Contact Form WordPress 插件

HappyForms 插件是免費的,可在 WordPress.org 上獲得,這意味著您可以通過轉到插件 → 添加新並蒐索“HappyForms”來安裝它:

聯繫表格 wordpress 1

2. 創建一個新表單

安裝並激活 HappyForms 插件後,轉到HappyForms →在 WordPress 儀表板中添加新內容

聯繫表格 wordpress 2

這將啟動一個看起來很像 WordPress 定制器的新界面(您可以在實時預覽中自定義主題的界面)。

與 WordPress 定制器一樣,您將能夠在構建聯繫表單時看到它的實時預覽。

不過,首先,只需為您的表單命名以幫助您記住它:

聯繫表格 wordpress 3

3. 添加表單域

接下來,使用表單字段列表來選擇要包含在表單中的字段。 對於基本的聯繫表單,您可能需要以下選項:

  • 短文本- 用於人名。
  • 電子郵件– 用於此人的電子郵件地址。
  • 長文本- 用於此人的消息。

要添加表單域,您只需單擊它即可。 單擊它後,您將能夠在側欄中配置其設置。 當您更改字段的設置時,您會在實時預覽中看到它的更改:

聯繫表格 wordpress 4

添加所有表單字段後,您應該會看到聯繫表單的完整預覽:

聯繫表格 wordpress 5

如果需要,您可以添加其他符合您需求的字段。 例如,您可能希望添加一個複選框或下拉列表,讓提交者選擇消息的內容(並幫助您組織所有內容)。

添加完表單域後,單擊“設置”按鈕繼續。

4. 配置訪客提交表單後發生的事情

單擊“設置”按鈕後,您將獲得許多選項來控制訪問者提交您的聯繫表單後發生的情況。

在頂部,您可以設置確認消息,這是在您的網站上的表單提交者提交表單後顯示給他們的消息 (1)。

下面,你可以選擇是否收到電子郵件通知時,有一個新的表單提交,並在其電子郵件地址,你想收到意見書(2)。 HappyForms 還將在您的 WordPress 儀表板中存儲表單提交 - 稍後會詳細介紹

聯繫表格 wordpress 6

接下來,您可以選擇是否向表單提交者發送電子郵件通知,如果是,這些電子郵件通知應包含的內容:

聯繫表格 wordpress 7

最後,設置底部可以讓您配置各種雜項設置,包括是否:

  • 提交表單後將用戶重定向到不同的頁面
  • 在您的 WordPress 儀表板中保存表單提交
  • 使用 Google ReCaptcha 進行垃圾郵件防護
  • 讓表單提交者在提交前預覽他們的消息

如有疑問,您應該將這些設置保留為默認值:

聯繫表格 wordpress 8

做出選擇後,單擊樣式按鈕前進到下一組選項。

5. 配置聯繫表單的樣式

最後的配置步驟! 現在,您可以使用各個區域來配置聯繫表單的外觀和样式:

聯繫表格 wordpress 9

例如,要配置外觀 提交按鈕,您將打開提交按鈕設置。 在那裡,您可以更改其字體、調整寬度、更改顏色等。

當您進行任何更改時,您會看到實時預覽會自動更新,這使您可以輕鬆確定每個調整對您的表單有何影響:

聯繫表格 wordpress 10

完成樣式選項後,單擊“保存並關閉”按鈕完成設置。

6.將您的聯繫表格添加到您希望它出現的頁面

要實際嵌入您的表單,您可以將其添加為:

  • 在新的塊編輯器中塊
  • 經典編輯器或塊編輯器中的簡碼
  • 任何小部件區域中的小部件

例如,如果您使用的是新的 WordPress 塊編輯器,您將創建一個名為“聯繫我們”的新頁面並插入HappyForms塊。

從那裡,您可以選擇要插入的表單:

聯繫表格 wordpress 11

或者,如果您仍在使用經典的 WordPress 編輯器,您可以通過單擊添加 HappyForms按鈕將您的聯繫表單作為短代碼插入:

聯繫表格 wordpress 12

就是這樣! 訪問者將能夠開始通過您的聯繫表格向您發送消息

如何查看表單提交

您可以通過兩種方式查看表單提交。

首先,如果您在表單的設置中設置電子郵件通知,那麼只要有人提交表單,您就會收到一封電子郵件。

其次,您還可以通過轉到HappyForms → Responses從 WordPress 儀表板內部查看提交:

聯繫表格 wordpress 13

如果您單擊特定回复,您將能夠查看完整消息:

聯繫表格 wordpress 14

這就是全部!

其他四個最佳聯繫表單 WordPress 插件,以及您可能想要其中一個的原因

對於簡單的 WordPress 聯繫表單,HappyForms 是大多數用戶的最佳選擇。 但是,它絕不是唯一的高質量聯繫表單 WordPress 插件。 如果您想要的不僅僅是簡單的聯繫表格,您可能更喜歡不同的選擇。

所以為了完成這篇文章,讓我們來看看一些最好的 WordPress 聯繫表單插件,以及什麼可能使它們比我在上面的教程中使用的 HappyForms 插件更好。

1.WPForms wpforms

WPForms 是 WordPress.org 上最受歡迎的聯繫表單 WordPress 插件之一。

這個插件的一個好處是它為您提供了一個拖放構建器來排列您的表單字段,包括設置多列設計的選項。 因此,如果您喜歡這樣,那可能是選擇 WPForms 的原因之一。

除了拖放式構建器之外,還有一些不同的高級版本可以讓您的表單更具創意。 您將能夠:

  • 接受付款
  • 讓人們註冊到您的電子郵件地址
  • 連接到 Zapier
  • 等等。

因此,如果您想要高級功能,那可能是選擇 WPForms 的另一個原因。

高級版本的起價為 39.50 美元,最高可達 299.50 美元,具體取決於您想要的功能以及您想要使用該插件的網站數量。

2. HubSpot 多合一營銷

樞紐

顧名思義,HubSpot 多合一營銷是一種多合一工具,涵蓋從彈出窗口到實時聊天以及(您猜對了)聯繫表格的所有內容。

使用拖放式構建器,您可以創建自己的自定義聯繫表單,以根據需要收集盡可能多或盡可能少的信息。

一大好處是 HubSpot 會自動將您提交的所有表單存儲在集成的 CRM 中。 因此,如果您將聯繫表格用於銷售或其他任何可以從 CRM 中受益的表格,那麼這是一個很好的選擇。

3.忍者形態忍者形態

Ninja Forms 是另一種免費增值產品,具有許多與 WPForms 相同的優勢。

也就是說,它提供了一個有限的免費版本,並為您提供了一個拖放構建器,您可以使用它來安排您的表單字段。

如果你願意付費,你可以讓你的表單做很多更高級的事情,包括:

  • 接受付款
  • 讓人們訂閱您的時事通訊
  • 將表單提交者放入您的 CRM
  • 等等。

一個區別在於這些溢價期權的定價結構。 Ninja Forms 不是不同的高級版本,而是讓您挑選要使用的高級附加組件。 或者,您也可以購買 99 美元起的附加組件。

4. 火山口形式火山口

就您在免費版本中獲得的功能而言,Caldera Forms 是最慷慨的免費 WordPress 聯繫表單插件之一。

即使在免費版本中,您也可以創建具有以下功能的複雜表單:

  • 多頁
  • 條件邏輯,您可以根據一個人如何回答以前的問題來顯示不同的表單選項

它還有一個拖放式構建器,儘管界面不像 WPForms 或 Ninja Forms 那樣適合初學者。

除了慷慨的免費功能外,還有一個高級版本可以添加更高級的功能——比如支付和電子郵件營銷服務集成。

除了這些附加組件外,還有一項訂閱高級服務,其獨特的重點在於:

  • 電子郵件送達率——該服務實際上處理髮送電子郵件以確保它們最終進入訪問者的收件箱
  • 表格到 PDF 的轉換
  • 發送電子郵件確認的統計數據

5. 重力形式重力形式

最後,還有 Gravity Forms,這是一個特別流行的聯繫表單 WordPress 插件,供開發人員使用。

開發人員喜歡它是因為,除了提供許多用於創建從支付表單到前端發布提交的所有內容的內置功能外,Gravity Forms 還具有可擴展性,並且擁有龐大的第三方擴展市場。

因此,如果您想要一些可以真正深入挖掘並根據您的需求進行定制的東西,Gravity Forms 及其各種擴展可能是適合您的插件。

唯一的缺點是沒有免費版本的 Gravity Forms。 如果你想使用它,你需要用你的信用卡。

起價為 59 美元,最高可達 259 美元。

關於 WordPress 聯繫表格的最終想法

使用正確的聯繫表格 WordPress 插件,可以輕鬆創建和自定義完全符合您需求的聯繫表格。

如果您只需要一個簡單的聯繫表格,HappyForms 插件提供了一種可靠、簡化的方法。 如果您想要更多功能,您可以考慮升級到付費表單插件,以完成從接受付款到將人員註冊到您的電子郵件營銷列表的所有操作。

立即創建您的第一個表單,並開始讓訪問者更輕鬆地與您聯繫!