找我們做網站
↑
Woocommerce · WooCommerce 教學

WooCommerce 教學(電子郵件設定):訂單通知信與進階頁面設定

WooCommerce 教學發布 2019.04.22更新 2026.10.02閱讀約 6 分鐘
WooCommerce 教學(電子郵件設定):訂單通知信與進階頁面設定

重點整理
WooCommerce 會在下單、付款等時機自動寄信給商家與顧客,設定位置在「WooCommerce → 設定 → 電子郵件」。每種通知都能開關、修改收件者,並用 {site_title}、{order_number}、{order_date} 等代碼自訂主旨與標題;文末另說明進階選項中的頁面指定。

WooCommerce 教學(電子郵件設定) 主要是說明在 WooCommerce 基本設定頁面中要如何對電子郵件發送做設定,並且能夠懂得如何變更電子郵件顯示內容與外觀,能做設定的電子郵件通知項目並不難,運用一些 WooCommerce 內建的代碼,就能為整體下單流程帶出全自動的電子郵件通知方式,不僅是向商家通知有新訂單的訊息,同時也會向顧客發送已購買的商品資訊內容,更重要的時如果是以轉帳付款下單,也會將轉帳付款帳號同樣顯示在通知電子郵件中,相當方便。
另外在第二小節中也會簡單介紹 WooCommerce 基本設定中最後的進階選項,會簡單解說如何指定或變更網站電子商務系統的重要頁面,接下來就進入教學內容。

商家收取訂單與顧客下單行為使用電子郵件通知設定方式

第一步:進入 WooCommerce 設定後,點選電子郵件頁籤選項。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

第二步:在電子郵件設定介面中,最左方打勾的符號代表此通知方式是啟用的狀態; 電子郵件下方是會發送電子郵件通知的動作; 收件者則是會收到此通知的電子郵件信箱,如果顯示為顧客,則代表會傳送到顧客下單購買或帳號註冊時所提供的電子信箱。而最後一列的管理按鈕則是可以對電子郵件發送內容做詳細設定。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

第三步:以新訂單的電子郵件通知項目為例,以下說明:

  • 啟用/停用:勾選擇啟用通知。
  • 收件者:要收到新訂單通知的電子信箱地址,預設是網站建置時申請的電子信箱,可以直接做變更。
  • 主旨:[{site_title}]:新訂單 #{order_number} 這組設定為系統預設,也就是會在通知電子郵件中顯示 [網站名稱]:新訂單 #訂單編號,網站名稱是在 WordPress 後台一般>設定中所填入的網站標題,而訂單編號則是 WooCommerce 對每一筆訂單自動生成的編號,另外也能使用{order_date} 來顯示訂單日期。也就是説此欄位提供 {site_title}、{order_number}、{order_date} 三種代碼。
  • 電子郵件標題:與主旨的設定方式相同,預設會顯示為新訂單:#1234。
WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

第四步:下圖是收到新訂單的電子郵件內容,以上一步使用預設的方式對照的話,鵠崙設計 – 購物網站範例 等於 {site_title}、748 等於 {order_number}、 2019-04-21 等於 {order_date} ,參照後就能了解該如何設定欄位值。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

第五步:電子郵件發送選項中可以自訂寄件者名稱與電子郵件地址,按照本身需求輸入即可,而下方電子郵件樣板則可以根據自己喜愛的樣式來改變信件內容與外觀,一般來說頁首圖片都會使用網站 Logo 或品牌標誌,讓顧客更了解是在商品是在哪一個網站購買的,設定方式要輸入圖片位址,可以在媒體庫中點選圖片後將圖片網址複製並貼上即可,格式為 https://www.design-hu.com.tw/wp-content/uploads/年份/月份/圖片名稱.png。

頁尾文字指的是顯示在電子郵件內容最下方的內容,可以使用 HTML 元素來編輯,如果不懂如何改,只需要變更網址即可。另外下方則是設定電子郵件所要顯示的顏色,點選色塊按鈕後可以直接以色彩樣盤選擇想要的顏色。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

第六步:下圖是點選預覽電子郵件樣板的文字後可以先查看設定後的電子郵件外觀樣式如何,下圖為預設的樣式。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

電子商務系統頁面指定與網址名稱

第一步:在 WooCommerce 設定中選擇最後的進階頁籤,在下圖標示處可以看到這裡分別設定 WooCommerce 各頁面的位置, WooCommerce 在安裝完成後就會自動建立這些頁面,在沒有重新建立這些頁面的情況下,只需要根據選項一一選擇對應的頁面即可。

在安全結帳中如果網站沒有申請 SSL (https),如果勾選強制使用的話在結帳時會出現問題,因此如果網站網址是以 http 開頭,則不要勾選此項目。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

 

第二步:在沒有客製化結帳流程的狀態下,這些名稱都不需要變動,也不要隨意更改名稱,有很大的機會造成結帳問題。

WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)
WooCommerce 教學(電子郵件設定)

設定完通知信後要怎麼測試?

通知信設定完,建議實際跑一次完整流程:

  1. 用一般顧客帳號(或訪客)在前台下一筆測試訂單,付款方式選銀行轉帳。
  2. 確認商家信箱收到「新訂單」、顧客信箱收到「保留中訂單」,並檢查是否被分到垃圾信件匣。
  3. 到後台把訂單改成「處理中」、「已完成」,確認對應的通知信有寄出。
  4. 檢查信中的 Logo、匯款帳號與頁尾文字是否正確。

測完記得把測試訂單刪除或改為已取消,避免影響報表與庫存。

常見問題

WooCommerce 通知信寄不出去或收不到怎麼辦?

最常見的原因是主機直接寄信被收件端當成垃圾信或擋掉。建議安裝 SMTP 外掛,改由網域信箱或寄信服務發信,並設定好網域的 SPF、DKIM 紀錄;設定後用外掛的測試寄信功能確認。

可以自訂 WooCommerce 通知信的內容和版型嗎?

可以。主旨、標題、頁首圖片、頁尾文字與顏色在「設定 → 電子郵件」就能改;要更動信件內容版面,可以把信件樣板複製到佈景主題中覆寫,或使用 YayMail 這類可視化編輯外掛。

顧客下單後會收到哪些信?

預設會依訂單狀態寄出處理中訂單、訂單完成、退款、給顧客的備註等通知;用轉帳付款時,保留中訂單的通知信會附上匯款資訊。每種信件都能在「設定 → 電子郵件」個別開關。

結語

電子郵件通知的設定非常重要,尤其是在向顧客通知的郵件,一定要啟用並且正確設定內容,在確保每一個以不同付款方式下單的顧客都能收到訂單通知郵件的狀態下,建議在金流物流建立好之後,自行在網站中嘗試下單,測試在不同條件狀態下購買商品是否都能正確收到對應的郵件通知,這樣也是一種比較保險的驗證做法,

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。