如何在 WordPress 中創建聯繫表單

您是否正在建立聯繫表單並將其添加到您的 WordPress 網站?

每個網站都需要一個聯繫表單,這樣訪客就可以方便地聯繫您,瞭解您的產品和服務。 默認情況下,WordPress 沒有內置聯繫表單,但有一種簡單的方法可以將聯繫表單添加到您的網站上。

在本文中,我們將向您展示如何在 WordPress 中輕鬆創建聯繫表單,而無需使用任何代碼。

為什麼需要 WordPress 聯繫表單?

你可能想知道為什麼我需要聯繫表單? 我不能直接在網站上添加電子郵件位址,讓別人給我發電子郵件嗎?

這是初學者經常提出的問題,因為他們擔心添加聯繫表單需要編碼知識。

幸運的是,您可以使用 WordPress 外掛程式在 WordPress 網站上添加聯繫表單,而無需任何編碼知識。
以下是聯繫表單比在頁面上粘貼電子郵件位址更好的三大原因。

  • 垃圾郵件保護–垃圾郵件機器人會定期在網站上搜索 mailto: 電子郵件地址標籤。 當您在網站上發佈您的電子郵件位址時,您就會開始收到大量垃圾郵件。 另一方面,您的聯繫表單可以攔截聯繫表單垃圾郵件,阻止幾乎所有垃圾郵件。
  • 資訊一致–在發送電子郵件時,人們不一定會向你發送你需要的所有資訊。 有了聯繫表單,您就可以準確地告訴使用者您需要的資訊,如電話號碼、預算、專案詳情等。
  • 節省時間 –聯繫表單在很多方面都能説明您節省時間。 除了資訊的一致性,您還可以使用表單確認來告訴使用者下一步應該採取的措施。 例如,觀看視頻或等待 24 小時以獲得回復,這樣他們就不會向你發送多個詢問。


說到這裡,讓我們一步步教你如何在 WordPress 中輕鬆創建聯繫表單。

步驟 1. 選擇最佳 WordPress 聯繫表單外掛程式

您需要做的第一件事就是選擇一個 WordPress 聯繫表單外掛程式。

雖然有幾種免費和付費的 WordPress 聯繫表單外掛程式可供您選擇,但我們網站使用的是 WPForms,並認為它是市場上最好的選擇。

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

  1. 它是最適合初學者使用的聯繫表單外掛程式。 你可以使用拖放創建器,只需點擊幾下就能輕鬆創建聯繫表單。
  2. WPForms Lite 是 100% 免費的,你可以用它創建一個簡單的聯繫表單(超過 500 萬個網站使用它)。
  3. 如果您需要更強大的功能,可以升級到 WPForms 專業版。

既然我們已經確定了聯繫表單外掛程式,那麼現在就把它安裝到你的網站上吧。

步驟 2. 在 WordPress 中安裝聯繫表單外掛程式

在本教程中,我們將使用 WPForms Lite,因為它免費且易於使用。

登錄 WordPress 控制面板,進入外掛程式 >添加,即可在網站上安裝該外掛程式。

然後在搜索欄中輸入 「WPForms」,點擊 「立即安裝」 按鈕。

image 35

這會自動將外掛程式安裝到您的網站上。

接下來,您需要點擊 「啟動 」按鈕啟動外掛程式。

image 36

如果您沒有看到外掛程式功能表或需要更詳細的說明,請參閱我們的逐步指南,瞭解如何安裝 WordPress 外掛程式。

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

現在您已經啟動了 WPForms,可以在 WordPress 中創建聯繫表單了。

為此,請在 WordPress 管理面板中導航到 WPForms 》所有表單。 然後點擊 「添加新表單 」 按鈕。

image 37

這將打開 WPForms 拖放表單生成器範本庫。 首先為聯繫表單命名,然後選擇聯繫表單範本。

要選擇範本,只需將滑鼠懸停在範本上,然後點擊 「使用範本」按鈕即可。

WPForms Lite 有 20 多種免費表單範本可供選擇。 您可以使用這些範本建立任何類型的聯繫表單。

在本例中,我們將選擇 「簡單聯繫表單 」範本。 它會自動添加姓名、電子郵件和資訊欄位。

image 38

您可以點擊任何表單欄位進行編輯。

點擊表單欄位後,左側會出現一個 「字段選項」面板,您可以在此進行更改。

image 39

您還可以使用滑鼠拖放欄位來更改順序。

image 40

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

您可以把它拖到表單上,或者點擊它,它就會自動添加到您的表單中。

image 41

完成自定義表單后,請務必點擊 「保存 」按鈕。

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

現在您已經創建了聯繫表單,正確配置表單通知和表單確認選項非常重要。

表單確認是指網站訪客提交表單后看到的內容。 這可以是一條簡單的感謝資訊、一個上傳了可下載 PDF 文件的頁面或任何你想看到的內容。

表單通知是有人在您的 WordPress 博客上提交聯繫表單后您收到的電子郵件。

要自定義確認資訊,請點擊表單生成器中的 「設置 」選項卡,然後點擊 「確認」選項卡。
這裡已經有了預設的感謝資訊。

不過,如果您願意,也可以在 「確認資訊 」框中進行自定義。

image 42

如果您想在成功提交表單后重定向使用者,而不是顯示一條資訊,那麼請從 「確認類型」下拉功能表中選擇 「轉到 URL」。

然後輸入要重定向使用者的URL。

image 43

如果您在此處做了任何更改,請務必點擊 「保存 」按鈕。

之後,您可以確保表單通知設置正確無誤。 只需點擊同一 「設置」選單中的 「通知 」選項卡即可。

WPForms 的最大優點是預設設置非常適合初學者。 當您進入通知設置時,所有欄位都將動態預填。

image 44

默認情況下,通知會發送到您創建網站時設置的管理員電子郵件。

如果要發送到自訂電子郵件位址,則可以更改。 如果要向多個電子郵件發送通知,只需用逗號分隔每個電子郵件位址即可。

電子郵件主題已預填表單名稱。 寄件者姓名字段會自動填入使用者姓名。

image 45

當您回復表單查詢時,它將發送到使用者在聯繫表單中填寫的電子郵件。

如果您在此處做了更改,請確保點擊 「保存 」 按鈕。

如果您想將表單電子郵件發送給多人或不同部門,請參閱我們的指南:如何創建具有多個收件人的聯繫表單。

如果您在接收表單電子郵件時遇到問題,請參閱我們的指南:如何解決 WordPress 無法發送電子郵件的問題。

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

現在,您已經完成了 WordPress 聯繫表單的配置,是時候將它添加到頁面中了。

您既可以將它添加到現有的聯繫頁面,也可以在 WordPress 中創建一個新頁面。

如果你想創建一個新的聯繫表單頁面,只需進入 「頁面」 「 添加新的」 然後給頁面命名即可。

我們將使用 WPForms 塊在頁面中添加表單。 只需點擊加號添加區塊按鈕,然後搜索 「WPForms」。
然後點擊 「WPForms」塊。

image 46

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

image 47

WPForms 將在編輯器中載入您的聯繫表單預覽。 現在,您可以點擊 「發佈 」或 「更新 」 按鈕儲存表單。

現在,您可以訪問您的網站查看表單的運行情況。

下面是表單在 WordPress 聯繫頁面示例中的樣子:

image 48

如果您只想在頁面上添加聯繫表單,那麼到此為止。 恭喜您,WPForms 已經為您準備好了。
WPForms 還附帶了一個 WordPress 聯繫表單簡碼。 您可以訪問 WPForms 》所有表單,然後複製表單旁邊的簡碼來使用它。

image 49

然後,您需要做的就是打開要添加它的頁面,點擊 加號添加塊按鈕並搜索 “Shortcode”。
接下來,點擊 “Shortcode ”塊。

image 50

然後,將上面複製的簡碼粘貼到框中。
然後,點擊 「更新 」或 「發佈」 您的聯繫表單就會像上面一樣出現在您的網站上。

步驟 6. 在側邊欄中添加 WordPress 聯繫表單

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

為此,您需要轉到外觀 > 小工具,然後點擊要添加表單的小工具區域中的加號。

image 51

然後,搜索 「WPForms」。

然後,點擊 「WPForms」塊,將其添加到側邊欄。

image 52

然後,您需要從下拉功能表中選擇您的聯繫表單。
這將自動載入表單預覽。

image 53

接下來,點擊 「更新 」按鈕保存更改。
現在,您可以訪問您的網站,在側邊欄或其他小部件區域看到您的聯繫表單。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *