Contact Form 7：WordPress 聯絡表單設定與排錯

快速認識 Contact Form 7：免費且夠用的表單起點

Contact Form 7 是一款免費的 WordPress 聯絡表單外掛，也是許多網站管理者建立基本溝通管道的起點。作為一款經典的 contact form plugin，它的核心價值在於輕量、免費，且提供高度的彈性，能透過表單標記語言自訂欄位。這款外掛專注於處理表單提交與郵件傳送，非常適合用於製作聯絡表單、詢價表單或簡易的訂閱表單。如果你剛開始使用 WordPress 架站，需要一個能快速上手且無成本的表單解決方案，Contact Form 7 是一個務實的選擇。

第一步：安裝並啟用 Contact Form 7

從 WordPress 後台的「外掛」功能表單中，即可搜尋、安裝並啟用 Contact Form 7 這款 contact form plugin。完成後，你的後台會出現一個新的「聯絡」選單，所有設定都從這裡開始。這代表外掛已成功安裝並在網站中註冊，準備好讓你建立和管理表單。

1. 登入你的 WordPress 後台。
2. 在左側選單點選「外掛」，接著點選「安裝外掛」。
3. 在頁面右上方的搜尋欄位中，輸入「Contact Form 7」。
4. 在搜尋結果中找到「Contact Form 7」（作者是 rocklobster.in），點擊「安裝」按鈕。
5. 安裝完成後，按鈕會變成「啟用」，點擊它以啟用外掛。

啟用後，管理選單中會出現「聯絡」項目，這代表外掛已成功安裝。

第二步：建立你的第一個聯絡表單

安裝後，Contact Form 7 這款 contact form plugin 會自動建立一個範本表單。你可以直接編輯這個範本，或是新增一個全新的表單。編輯器主要分為「表單」與「Mail」兩個標籤頁，分別控制表單的呈現與提交後的郵件內容。

1. 在後台左側選單，點選「聯絡」下方的「聯絡表單」。
2. 你會看到一個預設的「聯絡表單 [id 1]」，點擊其下的「編輯」連結。
3. 進入編輯頁面後，預設顯示的是「表單」標籤頁。這裡是表單的架構，由一串標記組成。例如，[your-name] 代表姓名欄位，[your-email] 代表電子郵件欄位。你可以直接修改這些標記來調整欄位順序、名稱或新增其他欄位（如電話、主旨）。
4. 你可以參閱 WordPress 主題的選擇 搭配合適的主題樣式，讓表單在網站前台更美觀。表單標記的詳細用法，可參考 Contact Form 7 的官方文件。

關鍵設定：確保表單信件能寄到你的信箱

這是最重要的一個步驟。在 Contact Form 7 這款 contact form plugin 的「Mail」標籤頁設定的資訊，決定了當訪客提交表單後，表單內容會寄到哪裡，以及郵件內容如何呈現。若未正確設定，你可能無法收到任何表單提交的通知。

1. 在表單編輯頁面，切換到「Mail」標籤頁。
2. 「收件人」欄位：這裡填入你希望接收表單通知的電子郵件地址，例如 [email protected]。這是必填且最關鍵的欄位。
3. 「主旨」欄位：這裡定義收到的郵件標題。你可以使用表單欄位標記來自動帶入資料，例如 [your-name] 從網站來的訊息，這樣收到的郵件標題就會是「王小明 從網站來的訊息」。
4. 「訊息」欄位：這裡是郵件的內文。預設已使用多個標記（如 [your-name], [your-email], [your-message]）來串接訪客提交的所有資訊。你可以自由調整這些標記的順輯與排版。
5. 設定完成後，務必點擊頁面下方的「儲存」按鈕。

第三步：將表單放到你的網站頁面上

Contact Form 7 作為一款靈活的 contact form plugin，使用「短代碼」來將表單嵌入到網站的任何地方，無論是頁面、文章或是自訂欄位。這是一個WordPress通用的嵌入機制，讓你能輕鬆地將表單加入任何想展示的頁面。

1. 回到「聯絡」>「聯絡表單」列表頁面。
2. 在你要使用的表單名稱下方，會有一串被框起來的短代碼，例如 [contact-form-7 id="1" title="聯絡表單"]。點擊該短代碼即可複製。
3. 前往你想放入表單的「頁面」或「文章」編輯器。
4. 在文字編輯器中，將剛才複製的短代碼貼上。在區塊編輯器中，你也可以新增一個「短代碼」區塊來貼上。
5. 儲存或發布該頁面。前往網站前台查看，表單應該就會正確顯示出來。

測試、隱私權注意與常見問題

完成所有設定後，最重要的步驟是親自進行測試。請務必在網站前台實際填寫並提交一次測試表單，以確保這款 contact form plugin 的流程完全正常。同時，了解表單資料的處理方式，有助於你向訪客提供更透明的資訊。

測試清單：

• 前往嵌入表單的頁面前台。
• 填寫所有必填欄位（通常標有星號）。
• 點擊「傳送」或「提交」按鈕。
• 檢查你的收件信箱（包含垃圾郵件匣），確認是否收到通知信。信件主旨與內容應與你在「Mail」標籤頁的設定相符。
• 檢查表單下方是否顯示「訊息已成功送出」的確認訊息。

隱私權與資料儲存說明：

Contact Form 7 預設會將訪客提交的表單資料儲存在 WordPress 資料庫中。若你安裝並整合了像是 Google reCAPTCHA 這類的驗證碼服務以防止垃圾表單，則表單提交的過程會涉及與第三方服務的數據通訊。基於透明原則，建議在網站的隱私權政策頁面中說明此類資料處理流程。