無論你是個人部落格、企業網站還是電商平臺，都需要一個 “聯絡表單”—— 讓訪客能方便地給你發訊息（如諮詢問題、提交需求、反饋建議）。Contact Form 7 是 WordPress 最老牌的表單外掛（安裝量超 500 萬），免費、靈活且功能強大，能幫你快速建立各種表單（聯絡表單、報名表單、反饋表單等），新手只需簡單配置就能用。
一、為什麼需要聯絡表單？直接放郵箱 / 電話不行嗎？
直接放郵箱或電話看似簡單，但有 3 個明顯缺點：
- 訪客嫌麻煩：需要複製郵箱、開啟郵件客戶端才能傳送，很多人會中途放棄；
- 容易被垃圾郵件騷擾：公開的郵箱地址會被機器人抓取，收到大量垃圾郵件；
- 資訊不規範：訪客可能漏掉關鍵資訊（如諮詢產品時沒說清需求），回覆效率低。
而聯絡表單能解決這些問題：
- 訪客在網站內直接填寫提交，一步完成；
- 郵箱地址隱藏在後臺，避免被垃圾郵件盯上；
- 可自定義需要填寫的欄位（如姓名、電話、需求型別），確保資訊完整。
二、Contact Form 7 安裝與建立第一個表單
步驟 1：安裝並激活外掛
- 後臺【外掛】→【安裝外掛】，搜尋 “Contact Form 7”；
- 點選【安裝現在】，完成後點選【啟用】。
- 啟用後，左側選單會出現【聯絡】選項。
步驟 2：建立預設聯絡表單（新手推薦，直接可用）
Contact Form 7 自帶一個預設的聯絡表單模板，包含常用欄位（姓名、郵箱、主題、訊息內容），新手可直接使用：
- 點選左側【聯絡】→【新增新】，進入表單編輯頁；
- 外掛會自動生成一個表單名稱（如 “聯絡表單 1”），可修改為 “網站聯絡表單”（方便識別）；
- 下方 “表單” 區域是表單的程式碼（不用懂程式碼，保持預設即可），預設包含 4 個欄位：
- 姓名（文字框）；
- 郵箱（帶驗證的郵箱框，確保格式正確）；
- 主題（文字框，方便你快速瞭解訊息主題）；
- 訊息（多行文字框，填寫詳細內容）。
步驟 3：設定表單提交後的 “反饋” 和 “郵件接收”
表單能提交還不夠，還需要設定：訪客提交後看到什麼提示？訊息傳送到哪個郵箱？
1. 設定 “郵件” 接收地址（關鍵！確保能收到訊息）
- 在表單編輯頁下拉到 “郵件” 區域；
- 找到 “收件人” 輸入框，填寫你的常用郵箱（如
contact@你的域名.com）； - 其他選項保持預設（“發件人”“主題” 等會自動填充表單內容）。
2. 設定 “訊息” 提示（告訴訪客提交結果）
- 下拉到 “訊息” 區域，可自定義提示文字：
- “傳送成功訊息”：如 “感謝您的留言，我們會盡快回復！”；
- “驗證錯誤訊息”：如 “請檢查填寫的內容是否正確（如郵箱格式）”。
步驟 4：儲存表單並獲取 “短程式碼”
- 點選頁面右上角【儲存】，表單建立完成；
- 儲存後，頁面頂部會顯示一個 “短程式碼”（如
[contact-form-7 id="123" title="网站联系表单"]），複製這個程式碼（後面要用到）。
三、將表單新增到 “聯絡我們” 頁面
建立好表單後，需要把它放到網站的 “聯絡我們” 頁面（或其他需要的頁面），讓訪客能看到：
- 進入【頁面】→【新增新】（或編輯已有的 “聯絡我們” 頁面）；
- 在編輯器中，將游標定位到需要顯示錶單的位置；
- 貼上剛才複製的短程式碼（如
[contact-form-7 id="123" title="网站联系表单"]）； - 點選【釋出】或【更新】，訪問頁面就能看到表單了。
四、自定義表單：新增 / 刪除欄位（按需調整）
如果預設表單不符合需求（如需要新增 “電話”“公司名稱” 欄位），可以自定義修改：
舉例：給表單新增 “電話” 欄位
- 進入【聯絡】，找到你建立的表單，點選【編輯】；
- 在 “表單” 編輯區，找到 “郵箱” 欄位下方，點選工具欄的【插入標籤】→【文字】；
- 在彈出的視窗中：
- “名稱” 填寫 “tel”（內部標識，小寫英文）；
- “標籤” 填寫 “電話”（顯示給訪客看的文字）；
- 勾選 “必填欄位”（確保訪客必須填寫）；
- 點選【插入標籤】，會自動生成一行程式碼（如
[text* tel placeholder "请输入您的电话"]）；
- 點選【儲存】，更新頁面後，表單就會多出 “電話” 欄位。
常用欄位型別（按需選擇）
- 文字框：適合填寫姓名、電話、公司名稱等短內容；
- 郵件框：專門用於填寫郵箱，會自動驗證格式；
- 文字區域：適合填寫長內容（如留言、需求描述）；
- 下拉選單：適合讓訪客選擇選項（如 “諮詢型別：產品諮詢 / 售後問題 / 合作洽談”）；
- 複選框：適合勾選多個選項（如 “感興趣的服務：網站建設 / SEO 最佳化 / 品牌設計”）。
五、新手常見問題
- 表單提交後沒收到郵件？這是最常見的問題，解決方法：
- 檢查 “郵件” 設定中的 “收件人” 郵箱是否正確（別填錯了！）；
- 檢視郵箱的 “垃圾郵件” 資料夾（表單郵件可能被誤判為垃圾郵件）；
- 若還是收不到，安裝外掛 “WP Mail SMTP”（修復 WordPress 郵件傳送功能，新手按外掛嚮導設定即可）。
- 如何修改表單的樣式（如字型、顏色、寬度）？Contact Form 7 本身不支援視覺化改樣式，需要簡單的 CSS 程式碼：
- 方法 1：在主題設定中找到 “自定義 CSS”（通常在【外觀】→【自定義】→【額外 CSS】）；方法 2：舉例：讓輸入框寬度為 80%，新增程式碼：
.wpcf7 input, .wpcf7 textarea { width: 80%; padding: 10px; margin-bottom: 15px; } - （不會寫 CSS 可搜尋 “Contact Form 7 樣式程式碼”，複製現成的修改即可）。
- 表單提交後，能自動儲存到後臺嗎？免費版不支援，提交的訊息只通過郵件傳送。若需要儲存到後臺（防止郵件丟失），可安裝外掛 “Flamingo”（Contact Form 7 作者開發的配套外掛，專門用於儲存表單資料）。
- 如何防止機器人提交垃圾資訊？啟用 “反垃圾郵件” 功能：
- 編輯表單，在 “表單” 區域新增一行程式碼
[recaptcha]（谷歌驗證碼）； - 進入【聯絡】→【整合】，按提示連線谷歌 reCAPTCHA（需要註冊一個免費的 API 金鑰，按嚮導操作即可）。
- 編輯表單，在 “表單” 區域新增一行程式碼
總結：聯絡表單是 “轉化的最後一公里”
對訪客來說，聯絡表單是 “表達需求的最快方式”；對網站運營者來說，它是 “獲取潛在客戶的重要渠道”。
Contact Form 7 雖然需要手動寫短程式碼、改欄位，但免費、靈活且穩定，學會基礎操作後，能滿足從簡單到複雜的各種表單需求。記住：表單不要太複雜（欄位越多，訪客越容易放棄），保留核心資訊（姓名、聯絡方式、需求）即可，讓溝通門檻降到最低。