技術文件目前產品線:WooCommerce 商店

WooCommerce 電子郵件設定完整教學

更新日期
閱讀時間
約 7 分鐘
來源狀態
generated-draft

本篇說明

WooCommerce 內建多種訂單與帳戶通知信,可在後台統一管理寄件人資訊、信件範本外觀,並針對每封信個別設定收件人、主旨、內容格式等,協助商店與顧客保持順暢溝通。

適合誰使用

使用 WooCommerce 經營網路商店、需要設定或客製化訂單通知信的網站管理員

開始前準備

  • 需具備後台管理權限以進入 WooCommerce 設定頁面
  • 若要修改 PHP 範本檔案,需具備開發能力或熟悉 PHP 編輯

教學內容

信件設定入口與內建通知信

所有電子郵件設定都位於後台的 WooCommerce > Settings > Emails 頁面

WooCommerce 屬於高度可擴充的開源軟體,其他外掛、佈景主題或客製化程式碼也可能新增額外的通知信

內建通知信種類

New order 會在收到新訂單時寄送給指定收件人

Failed order 會同時寄出兩封信,一封給指定收件人,一封說明付款失敗並請顧客改用其他付款方式

Order Details 需在 Edit Order 畫面手動寄送,用來提供發票與付款連結

官方文件介面截圖 1
官方文件介面截圖:官方文件介面截圖 1

設定寄件人資訊

可設定信件顯示的 From name 與 From address

建議使用與網站網域相符的電子郵件地址,以提高信件送達率

官方文件介面截圖 2
官方文件介面截圖:官方文件介面截圖 2

Email Template 設定(新舊版本)

WooCommerce 9.8 版起提供新版信件設定,新商店預設啟用,可於 Advanced > Features 開關,可設定 Logo、Logo width、Header alignment、Font family 與 Footer text

官方文件介面截圖 3
官方文件介面截圖:官方文件介面截圖 3

官方文件介面截圖 4
官方文件介面截圖:官方文件介面截圖 4

舊版可設定 Header image、Base color、Background color、Body background color、Body text color

Footer Text 可使用 {site_url} 與 {site_title} 佔位符,並可設定 Footer Text Color

  1. 可透過 Media > Add New Media File 上傳 Header image 圖片

色彩配置與郵件洞察

9.8 版起提供 Color palette 功能,新商店預設啟用,可於 Advanced > Features 開關

官方文件介面截圖 5
官方文件介面截圖:官方文件介面截圖 5

可選擇 Sync with theme 或手動設定 Accent color、Email background、Content background、Heading & text、Secondary text

勾選 Enable email insights 後,商店會依經營狀況寄送提示信,此為商店本身寄出的信件而非訂閱電子報

預覽與測試信件

9.8 版起 Email preview 功能預設啟用,可於 Advanced > Features 開關

官方文件介面截圖 6
官方文件介面截圖:官方文件介面截圖 6

  1. 儲存變更後,點選區塊上方「Click here to preview your email template」連結查看信件外觀
  2. 在 Email Preview 區塊的下拉選單選擇範本,並點選桌面或手機圖示查看對應顯示效果
  3. 使用 Send a test email 選項將預覽信寄送到指定電子郵件地址

編輯個別通知信

Enable/Disable 用來啟用該通知信,但 Order Details 為手動寄送信件因此無法停用

Recipient(s) 欄位預設為網站管理員信箱,僅 New order、Cancelled order、Failed order 等給商店管理者的信件才有此欄位

Email type 可選 Plain Text、HTML 或 Multipart,Plain Text 欄位限制 155 字元,商品名稱過長或多樣式時內容可能被截斷

  1. 在 Email Notifications 清單中,點選欲編輯信件右側的 Manage 按鈕

    官方文件介面截圖 7
    官方文件介面截圖:官方文件介面截圖 7

  2. 填寫 Subject 與 Email heading,留空則使用預設值,兩者皆可使用佔位符
  3. 在 Additional content 欄位加入顯示於信件內容下方的文字,可使用 {site_title}、{site_address}、{site_url}、{order_date}、{order_number} 等佔位符
  4. 依需求填寫 Cc(s) 與 Bcc(s) 欄位加入副本或密件副本收件人

    官方文件介面截圖 8
    官方文件介面截圖:官方文件介面截圖 8

自訂範本檔案(開發者適用)

每封信設定頁面底部會註明該信件對應的 PHP 範本檔案,並提供按鈕可快速將範本複製到目前佈景主題

建議將範本客製化保留在子佈景主題中,避免更新時被覆蓋

介面名稱對照

  • WooCommerce > Settings > Emails:管理所有電子郵件通知與範本設定的後台頁面路徑
  • Manage:點選此按鈕可進入編輯個別通知信的詳細設定畫面
  • Email type:選擇信件格式,包含 Plain Text、HTML 與 Multipart 三種
  • Enable email insights:勾選後商店會依營運狀況主動寄送提示信,並非電子報訂閱
  • Sync with theme:讓信件範本色彩自動比照商店佈景主題的配色
  • WooCommerce > Settings > Advanced > Features:用來開啟或關閉新版信件設定、色彩配置與預覽等實驗性功能的頁面

注意事項

注意

使用 Plain Text 格式時,文字欄位限制 155 字元,商品名稱過長或有多個變體/附加選項時內容可能被截斷

注意

Order Details 信件為手動寄送,無法在 Enable/Disable 選項中停用

注意

若看到未在官方說明中提及的額外信件或欄位,可能是外掛、佈景主題或客製化程式碼所新增

常見問題

為什麼有些信件的 Recipient(s) 欄位看不到?

Recipient(s) 欄位只出現在給商店管理者或店員的信件中,例如 New order、Cancelled order 與 Failed order,其他寄給顧客的信件不會有此欄位。

如何在寄送真正的信件前確認外觀是否正確?

儲存設定後可點選頁面上方的預覽連結查看信件外觀,也可以在 Email Preview 區塊選擇桌面或手機檢視,並使用 Send a test email 將測試信寄到自訂的信箱。

要修改信件的 HTML 範本檔案該怎麼做?

每封信設定頁面底部會標示對應的 PHP 範本檔案名稱,並提供按鈕可將檔案複製到目前佈景主題中進行修改,建議在子佈景主題中操作以免更新時被覆蓋。

官方來源

還是卡住了?

先把問題問清楚,通常比直接開工單更快。複製下面的結構,補上你的情況後送出。

用 AI 先釐清問題

/ai 我正在閱讀「WooCommerce 電子郵件設定完整教學」,目前卡在:

我已嘗試:

我看到的畫面/錯誤訊息:

請用一步一步的方式告訴我下一步。

需要我們實際進入網站調整設定、修改佈景主題或處理資料時,再建立 /task 工單。