如何在WordPress中創建聯繫表單(逐步操作)


您是否要在WordPress網站上添加聯繫表單?

每個網站都需要一個聯繫表,以便訪問者可以輕鬆地就您的產品和服務與您聯繫。 默認情況下,WordPress不附帶內置的聯繫表單,但是有一種簡單的方法可以將聯繫表單添加到您的站點。

在本WordPress教程中,我們將向您展示如何輕鬆地在WordPress中(一步一步)創建聯繫表單,而無需觸及任何一行代碼。

在WordPress中輕鬆添加聯繫表單

為什麼需要聯繫表?

您可能想知道為什麼我需要聯繫表格? 我不能只在網站上添加我的電子郵件地址,以便其他人可以給我發送電子郵件嗎?

對於初學者來說,這是一個非常常見的問題,因為他們擔心添加聯繫方式需要代碼知識。

事實是您不需要知道任何代碼。 本入門指南是為絕對初學者編寫的。

以下是聯繫表格比將您的電子郵件地址粘貼到頁面上更好的3個原因。

  • 垃圾郵件防護 –垃圾郵件漫遊器會定期抓取網站以獲取mailto:電子郵件地址標籤。 當您在網站上發布電子郵件地址時,您將開始收到很多垃圾郵件。 另一方面,當您使用聯繫表格時,您幾乎可以清除所有垃圾郵件。
  • 信息一致 –在發送電子郵件時,人們並不總是將您需要的所有信息發送給您。 使用聯繫表,您可以準確地告訴用戶您正在尋找的信息(例如他們的電話號碼,預算等)。
  • 節省時間 –聯繫表格可以幫助您節省更多的時間。 除了上面提到的一致信息之外,您還可以使用表單確認來告訴用戶下一步是什麼。 例如觀看視頻或等待長達24小時以獲得答复,因此他們不會向您發送多次詢問。

以下是我們將在本教程中創建的WordPress聯繫人表單的示例。

聯繫人頁面預覽

在創建完上述表單後,我們還將向您展示如何使用WordPress聯繫人表單小部件輕鬆地將其添加到您的聯繫頁面或網站的側邊欄中。

聽起來不錯? 好的,讓我們開始吧。

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

步驟1.選擇最佳聯繫表插件

您需要做的第一件事是選擇一個WordPress聯繫人表單插件。

雖然有幾個免費的和付費的WordPress聯繫人表單插件可供選擇,但我們在我們的網站上使用WPForms,並認為這是市場上最好的選擇。

以下是我們認為WPForms最佳的三個原因:

  1. 它是可用的最適合初學者的聯繫表單插件。 只需單擊幾下,您就可以使用拖放生成器輕鬆創建聯繫表單。
  2. WPForms Lite是100%免費的,您可以使用它來創建簡單的聯繫表單(超過300萬個站點使用它)。
  3. 當您準備好使用更強大的功能時,可以升級到WPForms Pro。

現在我們已經決定了聯繫表單插件,讓我們繼續將其安裝在您的站點上。

第2步。在WordPress中安裝聯繫表格插件

對於此聯繫表單教程,我們將使用WPForms Lite,因為它是免費且易於使用的。

您可以登錄到WordPress儀表板,然後轉到 插件»添加新

在搜索字段中,鍵入WPForms,然後單擊 現在安裝 按鈕。

安裝WPForms

安裝插件後,請確保您激活了插件。

激活WPForms

如果您沒有看到插件菜單或需要更詳細的說明,那麼請參閱關於如何安裝WordPress插件的分步指南。

步驟3.在WordPress中創建聯繫表單

現在您已經激活了WPForms,就可以在WordPress中創建聯繫表單了。

在您的WordPress儀表板中,單擊WPForms菜單,然後轉到Add New。

新增表格

這將打開WPForms拖放表單構建器。 首先給您的聯繫表命名,然後選擇您的聯繫表模板。

WPForms Lite僅帶有預先構建的表單模板,例如Blank,Simple Contact Form等。您可以使用它們來創建幾乎任何您喜歡的聯繫表單。

為了這個例子,我們將繼續選擇 簡單聯繫表。 它將添加“名稱”,“電子郵件”和“消息”字段。

使用WPForms在WordPress中創建新表單

您可以單擊字段進行編輯。 您也可以使用鼠標拖放字段順序。

如果要添加新字段,只需從左側邊欄的可用字段中進行選擇。

向您的聯繫表添加新字段

完成後,請點擊 保存 按鈕。

步驟4.配置表單通知和確認

現在,您已經創建了WordPress表單,正確配置表單通知和表單確認很重要。

表單確認是網站訪問者提交表單後看到的內容。 這可能是一個謝謝消息,也可以將其重定向到特殊頁面。

表單通知是在有人在您的WordPress網站上提交聯繫表單後收到的電子郵件。

您可以通過轉到WPForms表單構建器中的“設置”選項卡來自定義這兩項。

我們通常將表單確認保留為默認的“謝謝”消息。 但是,您可以根據需要將其更改為重定向到特定頁面。

設置表格確認

關於WPForms最好的部分是默認設置非常適合初學者。 當您進入通知設置時,所有字段將被動態預填充。

設置表單通知

默認情況下,通知會發送到您在站點上設置的管理電子郵件。

如果要將其發送到自定義電子郵件地址,則可以更改它。 如果要將通知發送到多封電子郵件,則只需用逗號分隔每個電子郵件地址。

電子郵件主題已預先填寫您的表單名稱。 “姓名”字段將自動填充您的用戶名。 當您答複查詢時,它將轉到您的用戶在聯繫表中填寫的電子郵件。

我們提供了有關如何設置自定義表單通知的詳細指南,因此您可以將表單發送給多個收件人或不同部門。

步驟5.在頁面中添加WordPress聯繫人表單

既然您已經完成了WordPress聯繫人表單的配置,現在該將其添加到頁面了。

您需要做的第一件事是在WordPress中創建新頁面或編輯要在其中添加聯繫表單的現有頁面。

我們將使用WPForms塊在頁面中添加表單。 只需單擊添加新塊按鈕以查找WPForm,然後單擊以將其添加到您的頁面。

將WPForms聯繫人表單塊添加到您的頁面

WPForm塊現在將出現在頁面的內容區域中。 您需要單擊下拉菜單以選擇您之前創建的表單。

在WPForms塊中選擇您的聯繫表

WPForms將在編輯器中加載您的聯繫表單預覽。 現在,您可以保存或發布您的頁面,並訪問您的網站以查看其運行情況。

這是一個示例WordPress頁面上的表單外觀:

聯繫人頁面預覽

如果您只想在頁面上添加聯繫表格,那麼到此完成。 恭喜你

WPForms還帶有WordPress聯繫人表單簡碼。 您可以通過訪問複製聯繫人表格的簡碼 WPForms»所有表格 頁面,然後將其粘貼到任何WordPress帖子或頁面中。

在帖子和頁面中使用的WordPress聯繫人表單簡碼

如果要在邊欄或其他窗口小部件就緒區域上添加聯繫人表單,請轉到步驟6。

第6步。在邊欄中添加WordPress聯繫人表單

WPForms附帶了一個WordPress聯繫人表單小部件,您可以使用它在側邊欄或主題中基本上任何其他可用於小部件的區域中添加聯繫人表單。

在您的WordPress管理區域中,轉到 外觀»小部件。 您將看到一個WPForms小部件,您可以輕鬆地將其拖動到主題的任何小部件就緒區域。

使用側邊欄小部件添加表單

接下來,為窗口小部件添加標題,然後選擇要顯示的表單。 保存設置,然後訪問您的網站進行預覽。

邊欄聯繫表格

我們希望本文能幫助您在WordPress中創建一個簡單的聯繫表單。 您可能還需要查看我們對最佳WordPress備份插件的比較,以及有關如何修復WordPress不發送電子郵件問題的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。