您是否正在建立聯繫表單並將其添加到您的 WordPress 網站?
每個網站都需要一個聯繫表單,這樣訪客就可以方便地聯繫您,瞭解您的產品和服務。 默認情況下,WordPress 沒有內置聯繫表單,但有一種簡單的方法可以將聯繫表單添加到您的網站上。
在本文中,我們將向您展示如何在 WordPress 中輕鬆創建聯繫表單,而無需使用任何代碼。
為什麼需要 WordPress 聯繫表單?
你可能想知道為什麼我需要聯繫表單? 我不能直接在網站上添加電子郵件位址,讓別人給我發電子郵件嗎?
這是初學者經常提出的問題,因為他們擔心添加聯繫表單需要編碼知識。
幸運的是,您可以使用 WordPress 外掛程式在 WordPress 網站上添加聯繫表單,而無需任何編碼知識。
以下是聯繫表單比在頁面上粘貼電子郵件位址更好的三大原因。
- 垃圾郵件保護–垃圾郵件機器人會定期在網站上搜索 mailto: 電子郵件地址標籤。 當您在網站上發佈您的電子郵件位址時,您就會開始收到大量垃圾郵件。 另一方面,您的聯繫表單可以攔截聯繫表單垃圾郵件,阻止幾乎所有垃圾郵件。
- 資訊一致–在發送電子郵件時,人們不一定會向你發送你需要的所有資訊。 有了聯繫表單,您就可以準確地告訴使用者您需要的資訊,如電話號碼、預算、專案詳情等。
- 節省時間 –聯繫表單在很多方面都能説明您節省時間。 除了資訊的一致性,您還可以使用表單確認來告訴使用者下一步應該採取的措施。 例如,觀看視頻或等待 24 小時以獲得回復,這樣他們就不會向你發送多個詢問。
說到這裡,讓我們一步步教你如何在 WordPress 中輕鬆創建聯繫表單。
步驟 1. 選擇最佳 WordPress 聯繫表單外掛程式
您需要做的第一件事就是選擇一個 WordPress 聯繫表單外掛程式。
雖然有幾種免費和付費的 WordPress 聯繫表單外掛程式可供您選擇,但我們網站使用的是 WPForms,並認為它是市場上最好的選擇。
以下是我們認為 WPForms 是最佳選擇的三個原因:
- 它是最適合初學者使用的聯繫表單外掛程式。 你可以使用拖放創建器,只需點擊幾下就能輕鬆創建聯繫表單。
- WPForms Lite 是 100% 免費的,你可以用它創建一個簡單的聯繫表單(超過 500 萬個網站使用它)。
- 如果您需要更強大的功能,可以升級到 WPForms 專業版。
既然我們已經確定了聯繫表單外掛程式,那麼現在就把它安裝到你的網站上吧。
步驟 2. 在 WordPress 中安裝聯繫表單外掛程式
在本教程中,我們將使用 WPForms Lite,因為它免費且易於使用。
登錄 WordPress 控制面板,進入外掛程式 >添加,即可在網站上安裝該外掛程式。
然後在搜索欄中輸入 「WPForms」,點擊 「立即安裝」 按鈕。
![如何在 WordPress 中创建联系表单 2 image 35](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-35.png)
這會自動將外掛程式安裝到您的網站上。
接下來,您需要點擊 「啟動 」按鈕啟動外掛程式。
![如何在 WordPress 中创建联系表单 3 image 36](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-36.png)
如果您沒有看到外掛程式功能表或需要更詳細的說明,請參閱我們的逐步指南,瞭解如何安裝 WordPress 外掛程式。
步驟 3. 在 WordPress 中創建聯繫表單
現在您已經啟動了 WPForms,可以在 WordPress 中創建聯繫表單了。
為此,請在 WordPress 管理面板中導航到 WPForms 》所有表單。 然後點擊 「添加新表單 」 按鈕。
![如何在 WordPress 中创建联系表单 4 image 37](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-37.png)
這將打開 WPForms 拖放表單生成器範本庫。 首先為聯繫表單命名,然後選擇聯繫表單範本。
要選擇範本,只需將滑鼠懸停在範本上,然後點擊 「使用範本」按鈕即可。
WPForms Lite 有 20 多種免費表單範本可供選擇。 您可以使用這些範本建立任何類型的聯繫表單。
在本例中,我們將選擇 「簡單聯繫表單 」範本。 它會自動添加姓名、電子郵件和資訊欄位。
![如何在 WordPress 中创建联系表单 5 image 38](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-38.png)
您可以點擊任何表單欄位進行編輯。
點擊表單欄位後,左側會出現一個 「字段選項」面板,您可以在此進行更改。
![如何在 WordPress 中创建联系表单 6 image 39](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-39.png)
您還可以使用滑鼠拖放欄位來更改順序。
![如何在 WordPress 中创建联系表单 7 image 40](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-40.png)
如果要添加新欄位,只需從左側邊欄的可用欄位中進行選擇。
您可以把它拖到表單上,或者點擊它,它就會自動添加到您的表單中。
![如何在 WordPress 中创建联系表单 8 image 41](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-41.png)
完成自定義表單后,請務必點擊 「保存 」按鈕。
步驟 4. 配置 WordPress 表單通知和確認
現在您已經創建了聯繫表單,正確配置表單通知和表單確認選項非常重要。
表單確認是指網站訪客提交表單后看到的內容。 這可以是一條簡單的感謝資訊、一個上傳了可下載 PDF 文件的頁面或任何你想看到的內容。
表單通知是有人在您的 WordPress 博客上提交聯繫表單后您收到的電子郵件。
要自定義確認資訊,請點擊表單生成器中的 「設置 」選項卡,然後點擊 「確認」選項卡。
這裡已經有了預設的感謝資訊。
不過,如果您願意,也可以在 「確認資訊 」框中進行自定義。
![如何在 WordPress 中创建联系表单 9 image 42](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-42.png)
如果您想在成功提交表單后重定向使用者,而不是顯示一條資訊,那麼請從 「確認類型」下拉功能表中選擇 「轉到 URL」。
然後輸入要重定向使用者的URL。
![如何在 WordPress 中创建联系表单 10 image 43](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-43.png)
如果您在此處做了任何更改,請務必點擊 「保存 」按鈕。
之後,您可以確保表單通知設置正確無誤。 只需點擊同一 「設置」選單中的 「通知 」選項卡即可。
WPForms 的最大優點是預設設置非常適合初學者。 當您進入通知設置時,所有欄位都將動態預填。
![如何在 WordPress 中创建联系表单 11 image 44](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-44.png)
默認情況下,通知會發送到您創建網站時設置的管理員電子郵件。
如果要發送到自訂電子郵件位址,則可以更改。 如果要向多個電子郵件發送通知,只需用逗號分隔每個電子郵件位址即可。
電子郵件主題已預填表單名稱。 寄件者姓名字段會自動填入使用者姓名。
![如何在 WordPress 中创建联系表单 12 image 45](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-45.png)
當您回復表單查詢時,它將發送到使用者在聯繫表單中填寫的電子郵件。
如果您在此處做了更改,請確保點擊 「保存 」 按鈕。
如果您想將表單電子郵件發送給多人或不同部門,請參閱我們的指南:如何創建具有多個收件人的聯繫表單。
如果您在接收表單電子郵件時遇到問題,請參閱我們的指南:如何解決 WordPress 無法發送電子郵件的問題。
步驟 5. 在頁面中添加 WordPress 聯繫表單
現在,您已經完成了 WordPress 聯繫表單的配置,是時候將它添加到頁面中了。
您既可以將它添加到現有的聯繫頁面,也可以在 WordPress 中創建一個新頁面。
如果你想創建一個新的聯繫表單頁面,只需進入 「頁面」 「 添加新的」 然後給頁面命名即可。
我們將使用 WPForms 塊在頁面中添加表單。 只需點擊加號添加區塊按鈕,然後搜索 「WPForms」。
然後點擊 「WPForms」塊。
![如何在 WordPress 中创建联系表单 13 image 46](https://www.xiaolikt.com/wp-content/uploads/2023/11/2_image-46-1024x307.png)
現在,WPForm 塊將出現在頁面的內容區域。
您需要點擊下拉功能表,選擇之前創建的表單。
![如何在 WordPress 中创建联系表单 14 image 47](https://www.xiaolikt.com/wp-content/uploads/2023/11/1_image-47.png)
WPForms 將在編輯器中載入您的聯繫表單預覽。 現在,您可以點擊 「發佈 」或 「更新 」 按鈕儲存表單。
現在,您可以訪問您的網站查看表單的運行情況。
下面是表單在 WordPress 聯繫頁面示例中的樣子:
![如何在 WordPress 中创建联系表单 15 image 48](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-48.png)
如果您只想在頁面上添加聯繫表單,那麼到此為止。 恭喜您,WPForms 已經為您準備好了。
WPForms 還附帶了一個 WordPress 聯繫表單簡碼。 您可以訪問 WPForms 》所有表單,然後複製表單旁邊的簡碼來使用它。
![如何在 WordPress 中创建联系表单 16 image 49](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-49.png)
然後,您需要做的就是打開要添加它的頁面,點擊 加號添加塊按鈕並搜索 “Shortcode”。
接下來,點擊 “Shortcode ”塊。
![如何在 WordPress 中创建联系表单 17 image 50](https://www.xiaolikt.com/wp-content/uploads/2023/11/1_image-50.png)
然後,將上面複製的簡碼粘貼到框中。
然後,點擊 「更新 」或 「發佈」 您的聯繫表單就會像上面一樣出現在您的網站上。
步驟 6. 在側邊欄中添加 WordPress 聯繫表單
WPForms 還附帶了一個 WordPress 聯繫表單小部件,您可以使用它將聯繫表單添加到側邊欄或 WordPress 主題中任何其他可使用小部件的區域。
為此,您需要轉到外觀 > 小工具,然後點擊要添加表單的小工具區域中的加號。
![如何在 WordPress 中创建联系表单 18 image 51](https://www.xiaolikt.com/wp-content/uploads/2023/11/image-51.png)
然後,搜索 「WPForms」。
然後,點擊 「WPForms」塊,將其添加到側邊欄。
![如何在 WordPress 中创建联系表单 19 image 52](https://www.xiaolikt.com/wp-content/uploads/2023/11/1_image-52.png)
然後,您需要從下拉功能表中選擇您的聯繫表單。
這將自動載入表單預覽。
![如何在 WordPress 中创建联系表单 20 image 53](https://www.xiaolikt.com/wp-content/uploads/2023/11/1_image-53.png)
接下來,點擊 「更新 」按鈕保存更改。
現在,您可以訪問您的網站,在側邊欄或其他小部件區域看到您的聯繫表單。