如何在WordPress中建立無需編碼的聯絡表單
想在 WordPress 網站上新增聯絡表單，但又不懂程式碼？來對地方了。本指南將一步步教你如何操作。 無需編寫任何程式碼，即可在 WordPress 中建立專業的聯絡表單。——而且只需不到5分鐘。
無論你是部落客、小型企業主，還是正在建立你的第一個網站，擁有一個聯絡表單都至關重要。它能讓訪客輕鬆聯絡你，幫助你獲取潛在客戶，而且比起只發布你的電子郵件地址顯得更專業。
為什麼每個 WordPress 網站都需要聯絡表單
在深入學習教程之前，讓我們先了解一下聯絡表單的重要性：
- 保護您的電子郵件免受垃圾郵件侵擾 公開你的電子郵件地址會引來垃圾郵件機器人，導致你的收件匣被垃圾郵件淹沒。
- 看起來很專業 精心設計的表單能夠建立訪客的信任。
- 收集結構化訊息 以條理清晰的方式取得您需要的詳細資訊（姓名、電子郵件、留言）。
- 追蹤查詢 – 將提交內容儲存在 WordPress 控制面板中，而不是遺失在電子郵件中。
- 適合行動裝置的體驗 表單在手機和平板電腦上都能完美運作。
你需要什麼
要學習本教程，您需要：
- 一個 WordPress 網站（自架 WordPress.org）
- 管理員權限安裝插件
- 5分鐘
就是這樣！無需任何程式設計知識、技術經驗或付費工具。
第一步：安裝自動表單產生器（免費外掛程式）
我們會用的 自動表單產生器 （也稱為 空軍基地）—一個免費的， 輕量級 WordPress 插件 它採用可視化的拖放介面，非常適合初學者，因為完全無需學習。
以下是安裝方法：
- 登入您的 WordPress 管理儀表板
- 造訪 插件→添加新
- 搜索 ”空軍基地」（自動表單產生器的簡稱）
- 尋找 ”AFB – 自動表單產生器 – 拖放式表單建立器“
- 點擊 立即安裝，然後 啟用
💡提示： 在 WordPress 外掛程式庫中搜尋「AFB」是找到該外掛程式的最快方法。
啟動後，您將在 WordPress 管理選單中看到「自動表單產生器」。這樣就完成了—您可以創建您的第一個表單了！
步驟二：建立新的聯絡表單
現在讓我們來建立您的聯絡表單：
- 點擊 自動表單產生器 在您的管理選單中
- 點擊 建立新表單
- 你會看到一個模板選擇畫面－選擇 網上聯絡表格
自動表單產生器自備一個預置的聯絡表單模板，其中包括：
此範本可立即使用，但您也可以根據自己的喜好進行自訂。
步驟 3：自訂表單欄位（可選）
想要新增或修改欄位？拖放式編輯器讓這一切變得簡單：
新增字段
在左側邊欄，您會看到可用的欄位類型。 拖曳任意字段 在表單畫布上：
- 文字輸入 – 對於姓名或科目等簡短答案
- 電子郵件 自動驗證電子郵件地址
- 电话 – 用於可選格式的電話號碼
- 文字區 – 用於較長的訊息
- 落下 – 允許使用者從選項中進行選擇（例如「聯絡原因」）
- 複選框 – 用於同意框或多項選擇
編輯字段設定
點擊任意欄位即可進行自訂：
- 更改 標籤 （例如，「你的名字」而不是「全名」）
- 新增 佔位符文字 指導用戶
- 建立字段 必須要戴上 或可選
- 新增 幫助文本 以下字段
重新排序字段
簡單地 上下拖曳字段 更改它們的順序。視覺化編輯器會準確地顯示表單的最終效果。
步驟 4：設定表單設定
在操作欄點擊 設定 此選項卡用於配置使用者提交表單時發生的情況：
成功留言
自訂用戶提交後看到的訊息。例如：
“感謝您聯繫我們！我們將在24小時內回复您。”
電子郵件通知
有人填寫您的表格時，您將立即收到通知：
- 啟用 電子郵件通知
- 請輸入您的電子郵件地址（或多個電子郵件地址，以逗號分隔）
- 自訂電子郵件主題
所有提交的內容都會直接發送到您的收件匣，並安全地儲存在您的 WordPress 控制面板中。
第五步：設定表單樣式（可選）
想讓表單與網站設計風格保持一致嗎？點選「自訂」標籤進行自訂：
- 顏色 – 變更按鈕顏色、背景和文字
- 邊框 – 調整欄位邊界和圓角半徑
- 間距 控制內邊距和外邊距
- 按 自訂提交按鈕的文字和外觀
自動表單產生器表單的設計使其在任何主題上都能呈現出色的外觀，因此樣式完全是可選的。
步驟 6：儲存並取得您的短代碼
當你對表格滿意後：
- 給你的表單取個名字（例如，「聯絡表單」）。
- 點擊 儲存表單
- 複製 SHORTCODE 顯示
步驟 7：將聯絡表單新增至您的頁面
現在讓我們把表單顯示在您的網站上：
選項 A：新增至現有頁面
- 造訪 網頁 並編輯您的聯絡頁面
- 將短代碼貼到您希望表單顯示的位置。
- 點擊 更新狀態
方案 B：建立新的聯絡頁面
- 造訪 頁面 → 新增頁面
- 標題設為“聯絡我們”或“聯絡我們”
- 如果需要，可以添加一些介紹文字。
- 貼上短代碼
- 點擊 發布
造訪您的頁面，即可查看您漂亮的新聯絡表單的實際效果！
步驟 8：測試您的聯絡表單
在向全世界公佈你的新表格之前，先進行測試：
- 造訪您的聯絡頁面
- 請填寫包含測試資訊的表格
- 點擊提交
- 請確認是否看到了成功訊息。
- 請查看您的電子郵件以取得通知
- 在 WordPress 中，前往 自動表單產生器 → 提交 查看已儲存的條目
如果一切正常，恭喜您——您的聯絡表單已上線！
管理聯絡表單提交
自動表單產生器的最佳功能之一是其內建功能 提交管理與某些僅發送電子郵件的表單外掛程式不同，每次提交的內容都會儲存在您的 WordPress 資料庫中。
造訪 自動表單產生器 → 意見書 到：
- 查看所有提交內容 在可搜尋表格中
- 按日期過濾 – 今天、本週、本月等等。
- 搜尋提交 – 立即尋找特定訊息
- 標記為已讀/未讀 – 追蹤您已處理的查詢。
- 重要訊息 – 標記高優先聯絡人
- 導出為CSV – 下載您的資料以用於電子表格或備份
這意味著即使電子郵件發送失敗，您也永遠不會失去客戶諮詢。
為什麼自動表單產生器是聯絡表單的理想選擇
WordPress 表單外掛程式有很多，但 Auto Form Builder 之所以在建立聯絡表單方面脫穎而出，原因如下：
| 獨特之處 | 自動表單產生器 |
|---|---|
| 價格 | ✅ 免費 |
| 拖放生成器 | ✅ 是的 |
| 預置聯絡表單模板 | ✅ 是的 |
| 電子郵件通知 | ✅ 是的 |
| 提交存儲 | ✅ 是的（在 WordPress 中） |
| 移動響應 | ✅ 是的 |
| 無需編碼 | ✅ 是的 |
| 輕量且快速 | ✅ 是的 |
| 符合GDPR要求（資料儲存在您的伺服器上） | ✅ 是的 |
| 出口申報 | ✅ CSV、JSON、XML |
| 條件邏輯 | ✅ 是的 |
常見問題（FAQ）
這個表單能和我的WordPress主題相容嗎？
是的。自動表單產生器旨在與任何 WordPress 主題相容。
我可以透過電子郵件接收表單提交內容嗎？
當然可以。在表單設定中啟用郵件通知，每次有人提交表單時，您都會收到一封郵件。提交的內容也會備份到您的 WordPress 控制面板。
聯絡表格是否支援行動裝置存取？
是的。所有使用自動表單產生器建立的表單都具有完全響應式設計，在手機、平板電腦和桌上型電腦上都能完美呈現。
如何防止垃圾郵件？
自動表單產生器提供垃圾郵件防護插件，包括 Google reCAPTCHA 和 Cloudflare Turnstile。
下一步
既然您的 WordPress 網站上已經有聯絡表單，不妨考慮以下改進了：
- 在頁尾新增聯絡表單 – 使其可從每個頁面訪問
- 建立回饋表單 收集顧客評價和推薦
- 建立新聞簡報註冊表單 – 拓展您的電子郵件列表
- 增加垃圾郵件防護 – 為高流量網站啟用 reCAPTCHA
結語
在 WordPress 中建立聯絡表單不需要任何程式設計技能。 自動表單產生器您可以在 5 分鐘內建立一個專業的、行動響應式的聯絡表單——完全免費。
拖放式介面讓新手也能輕鬆上手，內建的提交管理功能確保您不會錯過任何客戶諮詢。此外，所有資料都安全地保存在您自己的 WordPress 伺服器上。
準備好建立聯絡表單了嗎？ 下載自動表單產生器 從 WordPress 外掛程式庫下載，立即開始使用。
