如何在 WordPress 中建立聯絡表單（步驟指南）

您是否希望在 WordPress 網站上新增一個聯絡表單？每個網站都需要聯絡表單，以便訪客可以輕鬆聯絡您了解您的產品和服務。預設情況下，WordPress 沒有內建的聯絡表單，但有一個簡單的方法可以在您的網站上新增聯絡表單。

在本文中，我們將逐步展示如何在不需觸碰任何程式碼的情況下，輕鬆地在 WordPress 中建立聯絡表單。

為什麼需要 WordPress 聯絡表單？

您可能會問，為什麼需要聯絡表單？難道不能簡單地在網站上放上我的電子郵件地址，讓人們給我發郵件嗎？

這是初學者常見的問題，因為他們擔心新增一個聯絡表單需要程式碼知識。幸運的是，您可以使用 WordPress 外掛，在不需要任何程式碼知識的情況下，輕鬆地在 WordPress 網站上新增聯絡表單。

以下是聯絡表單比直接在頁面上放置電子郵件地址更好的三個主要原因：

垃圾郵件保護 – 垃圾郵件機器人經常會掃描網站中的mailto:電子郵件地址標籤。當您在網站上發佈電子郵件地址時，您將開始收到大量垃圾郵件。另一方面，聯絡表單可以阻止聯絡表單垃圾郵件，幾乎可以避免垃圾郵件。

一致的信息 – 通過電子郵件聯絡時，人們並不總是會提供您需要的所有信息。而有了聯絡表單，您可以告訴使用者您需要哪些信息，比如他們的電話號碼、預算、項目詳情等。

節省時間 – 聯絡表單可以幫助您節省更多時間。不僅僅是一致的信息，您還可以使用表單確認來告訴使用者他們應該採取的下一步措施，例如觀看視頻或等待最多24小時以獲得回覆，使得他們不會發送多個詢問。

步驟指南

第一步：選擇最佳的 WordPress 聯絡表單外掛

首先，您需要選擇一個 WordPress 聯絡表單外掛。儘管有多款免費和付費的 WordPress 聯絡表單外掛可供選擇，但我們在我們的網站上使用 WPForms，並認為這是市場上最佳的選擇。以下是我們認為 WPForms 是最佳選擇的三個原因：

這是目前最適合初學者的聯絡表單外掛。您可以使用拖放生成器，只需幾次點擊即可輕鬆建立聯絡表單。

WPForms Lite 完全免費，您可以使用它來建立簡單的聯絡表單（超過 600 萬個網站在使用）。

當您準備使用更強大的功能時，可以升級到 WPForms Pro。

如需了解更多，請參見我們詳細的 WPForms 評測。

第二步：在 WordPress 中安裝聯絡表單外掛

在本教程中，我們將使用 WPForms Lite，因為它免費且易於使用。您可以通過登錄到您的 WordPress 儀表板並前往 外掛 > 新增 來在您的網站上安裝此外掛。

然後，在搜尋欄中輸入 ‘WPForms’，點擊‘現在安裝’按鈕。這將自動在您的網站上安裝外掛。接下來，您需要點擊‘啟用’按鈕來啟用外掛。

如果您看不到外掛菜單或需要更詳細的說明，請參見我們的 逐步指南。

第三步：在 WordPress 中建立聯絡表單

現在您已啟用了 WPForms，您已準備好在 WordPress 中建立聯絡表單。為此，前往 WPForms > 所有表單，然後點擊‘新增’按鈕。

這將打開 WPForms 的拖放表單構建器模板庫。首先為聯絡表單命名，然後選擇聯絡表單模板。要選擇模板，只需將滑鼠懸停在模板上，然後點擊‘使用模板’按鈕。WPForms Lite 提供了超過 20 種免費表單模板，您可以使用這些模板來建立幾乎任何類型的聯絡表單。為了此示例，我們將選擇‘簡單聯絡表單’模板。這將自動新增名稱、電子郵件和訊息字段。

您可以點擊任何字段來編輯它。點擊字段時，左側將彈出一個‘字段選項’面板，您可以在這裡進行更改。您還可以使用滑鼠拖放字段以改變順序。如果希望新增新的字段，只需從左側邊欄中的可用字段中選擇。您可以將它拖動到表單中，或點擊它即可自動新增到表單中。完成自定義後，請確保點擊‘保存’按鈕。

第四步：配置 WordPress 表單通知和確認

現在您已建立聯絡表單，重要的是正確配置表單通知和表單確認選項。表單確認是訪客提交表單後在網站上看到的內容。這可以是一個簡單的感謝訊息、一個下載 PDF 檔案的頁面，或您想要的任何內容。表單通知是當有人在您的 WordPress 網站上提交聯絡表單後，您收到的電子郵件。

要自定義確認訊息，請點擊‘設置’標籤，然後在表單生成器中點擊‘確認’標籤。預設情況下已有一條感謝訊息。不過，您可以在‘確認訊息’框中自定義此訊息。如果您希望在成功提交表單後重定向使用者，而不是顯示訊息，請選擇‘確認類型’下拉列表中的‘前往 URL’，然後輸入您要重定向使用者的 URL。如果此處進行了任何更改，請確保點擊‘保存’按鈕。

接下來，您可以確保表單通知設定正確。從相同的‘設置’菜單中點擊‘通知’標籤。WPForms 最好的一點是，預設設定對初學者來說是理想的。當您進到通知設定時，所有字段將自動填充。預設情況下，通知將發送到您在建立網站時設置的管理員電子郵件。如果您希望將其發送到自訂電子郵件地址，可以進行更改。如果希望將通知發送到多個電子郵件，則只需用逗號分隔每個電子郵件地址。‘電子郵件主旨行’會自動填入您的表單名稱。‘發件人名稱’字段會自動填充使用者名稱。

當您回覆表單詢問時，會發送到使用者在聯絡表單中填寫的電子郵件。確保在此處進行更改後點擊‘保存’按鈕。如果希望將您的表單電子郵件發送給多個人或不同部門，請參閱我們的指南。如果您在接收表單電子郵件遇到問題，請參閱我們的指南。

第五步：在頁面中新增 WordPress 聯絡表單

現在您已完成配置 WordPress 聯絡表單，該將其新增到頁面中了。您可以將其新增到現有聯絡頁面或在 WordPress 中建立一個新頁面。如果您想建立一個新的聯絡表單頁面，只需前往 頁面 > 新增，然後為頁面命名。我們將使用 WPForms 區塊將表單新增到頁面中。只需點擊‘新增區塊’的‘加號’按鈕，然後搜尋‘WPForms’，再點擊‘WPForms’區塊即可。WPForms 區塊將出現在頁面內容區域中。您需要點擊下拉選單，選擇您先前建立的表單。WPForms 會在編輯器中載入您的聯絡表單預覽。現在可以點擊‘發佈’或‘更新’按鈕來保存您的表單。

現在，您可以訪問您的網站查看其效果。以下是在範例 WordPress 聯絡頁面上的表單樣子：

如果您只希望將聯絡表單放在頁面上，那麼您到這裡就完成了。恭喜。WPForms 還提供了一個 WordPress 聯絡表單短碼。您可以通過訪問 WPForms > 所有表單，然後複製表單旁邊的短碼來使用它。然後，您只需打開要新增短碼的頁面，點擊‘新增區塊’的‘加號’按鈕，並搜尋‘短碼’。接著點擊‘短碼’區塊，然後將先前複製的短碼粘貼到框中。之後，點擊‘更新’或‘發佈’按鈕，您的聯絡表單就會像上面那樣在您的網站上上線。

如需了解更多關於短碼的資訊，請參閱我們的終極指南。

第六步：在側邊欄中新增 WordPress 聯絡表單

WPForms 還提供了一個 WordPress 聯絡表單小工具，您可以使用它將聯絡表單新增到側邊欄或 WordPress 主題中的任何其他小工具可用區域。為此，您需要前往 外觀 > 小工具，然後點擊您要新增表單的小工具區域中的‘加號’新增區塊圖標。接下來，搜尋‘WPForms’，然後點擊‘WPForms’區塊將其新增到側邊欄。之後，您需要從下拉選單中選擇您的聯絡表單。這將自動載入您的表單預覽。接著，點擊‘更新’按鈕來保存您的更改。

現在，您可以訪問您的網站查看您的聯絡表單在側邊欄或其他小工具區域的效果。如需了解更多有關小工具的資訊，請參閱我們的指南。

將您的 WordPress 聯絡表單提升到下一個層次

除了建立簡單的聯絡表單外，WPForms Pro 還提供了超過 1,800 種預製表單模板，您可以用來快速建立任何類型的 WordPress 表單。還有強大的功能，如條件邏輯、調查投票、電子簽名收集、表單放棄、地理位置數據、自訂優惠碼等。

此外，它可以輕鬆地通過 Stripe、PayPal、Authorize.net 和 Square 接受線上支付。即使是 WPForms 的免費版本也允許您收取 Stripe 的支付。更不用說，它還與數千種市場營銷和商業工具如 Google Sheets, HubSpot 等集成，以幫助您簡化工作流程。WPForms 還增加了表單自訂工具，如表單登陸頁面、會話表單、引導表單和計算器表單，讓您不需要高昂的成本便能在網站上新增互動表單。

如需更多提示，請參閱我們的指南了解如何在 WordPress 中建立更具互動性的表單。

遇到聯絡表單錯誤？讓 WPPressize Me 專業服務幫您解決！我們提供價格實惠的 WordPress 緊急支援服務，可快速排查和修復聯絡表單錯誤，節省時間，讓您心安，確保您的客戶能夠聯絡到您。立即安排 WordPress 支援服務吧！

希望這篇文章能幫助您在 WordPress 中建立一個簡單的聯絡表單。您可能還想查看我們的指南，了解如何正確地建立電子報以及我們精選的最佳小型企業電話服務。如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道，觀看 WordPress 教學視頻。您也可以在 Twitter 和 Facebook 上找到我們。