WooCommerce沒有發送電子郵件?

WooCommerce沒有發送電子郵件?

WooCommerce沒有發送電子郵件的原因可能有多種。我們一起來看看是否有下列幾項:

stephen phillips hostreviews co uk F8QgtxUc6 E unsplash
WooCommerce沒有發送電子郵件? 4

檢查是否有待處理的訂單

如果您的新訂單狀態為待處理/待付款,則WooCommerce尚未發送任何電子郵件。待處理訂單是客戶選擇下訂單但放棄付款頁面(取決於付款金流,常見為綠界或藍新)或信用卡交易被拒絕的訂單。

如果您有待處理的訂單,但通過諸如串接金流之類的付款網收到付款,則訂單不會更新,這可能表示付款網存在問題。在這種情況下,您不會收到新訂單的電子郵件。您需要手動解決此問題。請到WordPress管理區域中的WooCommerce–>訂單頁面手動處理。

檢查電子郵件設置

正確更新為處理中的訂單應生成一封電子郵件。(這會是寄給顧客的電子郵件,完成結帳後寄給顧客含有訂單明細的通知信)

另一個可能的問題是錯誤地禁用了電子郵件發送功能。在WooCommerce–>設置–>電子郵件中,仔細檢查訂單通知是否勾選了“啟用此電子郵件通知”,然後選擇“處理訂單” 電子郵件模板。

檢查是否已發送但未收到電子郵件

如果啟用了電子郵件,並且訂單正在更新為“正在處理”,則在向收件人的電子郵件傳遞中可能存在問題。這可能是垃圾郵件阻止程序,安裝郵件記錄外掛可以提供幫助。

安裝WP Mail Logging外掛。可以記錄所有傳出的電子郵件,以便您查看正在發送的內容。安裝完成後:

  • 生成測試訂單
  • 轉到管理控制台–>WP郵件日誌
  • 檢查您的測試訂單是否生成了電子郵件,以及是否報告了任何發送錯誤

成功發送後,應如下所示:

電子郵件
成功發送

如果電子郵件已發送但未收到,則可以採取一些步驟:

  • 確保您正在使用WooCommerce–>設置–>電子郵件中“發件人”地址字段中附加到您自己域的電子郵件地址。由於聲明的發件人(Gmail或Yahoo的服務器)與實際發件人(您的服務器)之間的不匹配,使用您的@ gmail.com,@ yahoo.com或類似的公共域電子郵件地址可能會導致電子郵件進入垃圾郵件夾。
  • 使用專用的SMTP提供程序註冊一個帳戶(一個普通的網站通常可以免費使用),該帳戶將為您發送電子郵件,這應該比您自己服務器的郵件發送功能更可靠。

如果未發送電子郵件,則可能表明外掛發生衝突,例如在生成郵件之前就犯了錯誤,從而阻止了發送。要查明是什麼原因,可以透過禁用WooCommerce本身以外的外掛/主題來排除衝突,也可以使用WP debug log查看錯誤。如果存在“致命錯誤”,則可能是問題所在。

資料來源:WooCommerce Email FAQ

延伸閱讀:WooCommerce訂單狀態說明

WooCommerce訂單狀態說明與庫存設定

WooCommerce訂單狀態說明

當客戶完成結帳過程時將創建訂單,並且只有具有管理員和商店經理角色的用戶才能看到這些訂單。

訂單也具有狀態,例如保留On hold訂單、處理中Processing訂單。訂單狀態可讓你知道訂單的進展情況,以“待付款”開始,以“已完成”結束。

預設會有幾種訂單狀態供管理員使用,同時這些狀態也會同步顯示在會員中心的訂單查詢,這些訂單狀態不只是給管理員看的,也是給消費者參考以掌握訂單狀態

WooCommerce訂單狀態介紹

WooCommerce訂單狀態
  • 等待付款中(Pending)訂單已建立,但尚未有付款資訊。等待付款(未付款)。
  • 失敗(Failed)中途若有付款失敗的訂單,則金流程式可能會將訂單狀態改為失敗。請注意,此狀態可能不會立即顯示,而是顯示為“待處理”,直到經過金流驗證(例如PayPal、綠界、藍新)。
  • 處理中(Processing)通常表示該訂單已經確定會收到款項,例如信用卡刷卡;若消費者使用的是貨到付款或超商取貨付款,那麼訂單的狀態也會是處理中,表示只要出完貨就能收到消費者的付款。因此對消費者而言,當他們看到訂單狀態為「處理中」時,亦表示他們認知電商管理員已經在處理他們的訂單了。此狀態無法編輯修改訂單內容。
  • 完成(Completed)將訂單狀態調整為完成表示該訂單已經出貨完畢無需採取進一步措施
  • 保留(On hold) 客戶已做付款處理,待商家確認付款金額中。這個訂單狀態也是留給管理員處理訂單時的過渡狀態,若訂單狀態處在「處理中」或「完成」的話,是無法調整訂單金額或各別商品項目、數量的,因此必須先將訂單狀態切換至保留中才能修改訂單的購買品項及金額,修改完畢後再切換回正常狀態。
  • 取消(Cancelled)提供給管理員或消費者手動取消訂單用,將訂單註記為取消訂單。無需採取進一步措施
  • 退費(Refunded)需要至對應的金流後台操作實際的退費流程,因此一般建議先至金流後台操作完退費流程後再至電商網站後台將訂單狀態調整為退費。

以情境說明:

當消費者按下付款按鈕的時候,訂單建立且狀態為 等待付款中
接下來進入到金流系統輸入相關的資料,消費者選擇使用第三方ATM轉帳。
畫面回到了訂單的資訊頁同時顯示第三方ATM轉帳相關資訊,訂單的狀態變更為 保留
消費者前往第三方ATM轉帳,在金流服務商發送確認繳費成功並發送資訊通知的時候,訂單的狀態變更為 處理中
當確認消費者收到商品或管理員完成出貨的時候,就可以將訂單狀態變更為 已完成

*非第三方銀行轉帳
需要特別注意的是非第三方銀行轉帳部分,若顧客選擇非第三方銀行轉帳的方式付款,金流的部分都是線下處理,需要自行收款、對帳、退款,也要自行手動變更後台的訂單狀態,否則訂單只會停留在保留中。
因為非第三方銀行轉帳的服務沒有透過第三方金流支援,沒有第三方金流商回傳狀態到網站後台變更訂單狀態為處理中。

*取消訂單、退款
修改訂單狀態(例如,取消訂單、已退款)可以在網站後台處理(文章下半部內容會進一步介紹),但是實際退款的部分,需要根據顧客選擇的付款方式,進行手動退款操作。若顧客是使用非第三方銀行轉帳,需要自行從銀行帳戶退款給客戶。
若顧客選擇第三方金流支付款項,例如信用卡付款,則需要到第三方金流後台進行退款操作。
退款作業並不會在網站後台進行,但是可以利用網站後台發送通知給顧客。

WooCommerce 訂單狀態與商品庫存

截圖 2022 05 24 下午12.17.16
訂單管理頁面

訂單頁面會顯示目前商店的所有訂單,狀態的地方可以一覽目前的訂單狀態。

  • 等待付款中:當顧客結帳時使用第三方支付的銀行轉帳或信用卡支付等等方式,下單後會跳轉到第三方支付的頁面,這時後台訂單狀態會直接自動顯示為等待付款中。
  • 保留中:當顧客結帳時使用銀行轉帳方式付款,在還沒收到款項前,後台訂單狀態會直接自動顯示為保留中。
  • 處理中:當顧客銀行轉帳付款完成,需將後台訂單狀態手動調整為處理中。若顧客結帳時使用貨到付款方式時,後台訂單狀態會直接自動顯示為處理中。
  • 已完成:當商品已寄出或者完成交易,手動將訂單標示為已完成狀態。

訂單狀態的 「保留」 與 「等待付款中」 的不同在於商品數量是否有減少,如果訂單狀態為保留時則商品庫存數量會減少,顯示在網站前台的可購買商品數會有變化;但如果訂單狀態為等待付款中,則後台與前台的商品庫存數量則不會減少

如何編輯訂單狀態

從 WooCommerce -> 訂單,進入訂單後台,可以直接點選訂單編號進入編輯區,或是點選眼睛符號快速瀏覽。

訂單狀態 5
編輯訂單狀態

點選眼睛符號後會跳出訂單資訊的視窗,左下角可以快速變更訂單狀態,或是按右下角,進入完整訂單編輯區。

訂單狀態 4
簡易訂單資訊

進入訂單後台,可以看到訂單的詳細資料,在狀態這邊有下拉選單,可以手動變更訂單狀態。

最下面的退費按鈕,是方便您處理訂單,若訂單尚未付款,可以直接取消訂單(訂單狀態顯示已取消),但如果訂單已付款,則需要選擇退費(訂單狀態顯示已退費)。

訂單狀態 3
訂單後台

注意訂單這邊只是方便您整理、查看訂單狀態,實際退款的部分,還是要手動操作退款

退費項目重新上架:勾選,方便您管理產品庫存。

退費金額:對上述項目進行退款。此操作會顯示即將退款的總金額。

退費理由(選填):退款原因將能讓客戶查看。

訂單狀態 1
手動退款

若有大量訂單需要修改狀態,可以直接在訂單後台處勾選訂單,並選擇批次操作。

訂單狀態 2
批次修改

商品庫存設定

WooCommerce–>設定–>商品–>庫存,可以修改庫存相關設定。

當訂單狀態為等待付款中時,可以在此設定此訂單要保留庫存多久,時間到若還是未付款,此訂單會自動取消。若要取消保留庫存設定留空即可。

截圖 2022 05 24 下午12.54.16
商品庫存設定

在這邊也可以設定庫存通知,若低於庫存臨界值或無庫存臨界值,網站會發送通知給指定收件人。

庫存顯示格式則是在前台商品頁庫存顯示的設定,可以選擇顯示完整庫存量、低庫存量才顯示或永不顯示庫存量。

資料來源:WooCommerce Managing Orders

延伸閱讀:

外掛Elementor更新解決了核心網路問題

外掛Elementor更新解決了核心網路問題

(文章翻譯自:Elementor Update Addresses Core Web Vitals

“公司優化了開發週期,並針對特定的性能領域制定了五軌計劃,例如優化資產加載,JavaScript / CSS庫,優化內部JavaScript和CSS,優化後端和渲染過程以及更苗條的代碼輸出。Elementor的計劃可確保性能的各個方面在前後都有重大改進。”

Elementor的公告

Elementor還為發布商介紹了一種指示如何更有效地加載Google字體的方法:

“新的Google字體加載功能可個性化用戶的加載體驗,使他們能夠修改Elementor加載Google字體的方式。”

Core Web Vitals

Core Web Vitals 是指在衡量行動裝置上實際用戶的網頁體驗的指標。這些測量是由選擇使用Chrome的用戶收集的,這些用戶選擇提供信息,然後將其收集為Chrome用戶體驗(CrUX)報告。

Elementor宣布的是他們重新努力以更有效地交付網頁代碼,以幫助發布者為其網站訪問者提供更好的用戶體驗,並幫助發布者獲得更好的排名。

Elementor現在更加高效

Elementor所做的更改是僅在需要時才下載許多JavaScript文件,這被稱為有條件地加載文件。Elementor也計劃在不久的將來開始有條件地加載CSS。

根據Elementor:

“ Lightbox,Screenful,Dialog和Share鏈接庫都是有條件加載的……”

Elementor還宣布:

“ e-icons CSS文件也已分為兩個單獨的庫-前端和後端-在任何給定的頁面加載中最多可節省50KB。”

另一個改進是,僅影響作為編輯者的網站訪問者的CSS不會自動為所有用戶加載。這意味著,如果網站訪問者不是“編輯者”,則其瀏覽器將下載較少的文件來呈現網頁,從而節省了17 KB。

Elementor發布影片以改善Core Web Vitals

除了更改代碼外,Elementor還提供YouTube課程,幫助使用者更好地了解建立網站的最佳做法,以提供更快的用戶體驗。

“為指導人們完成此更新,我們製作了一些出色的教育材料,包括有關提高網站性能的新課程。由於性能是基於多種因素的綜合考慮,而不僅僅是您選擇的網站構建平台,因此,我們將對整個過程進行研究。”

延伸閱讀:

如何編輯這 5 種 Elementor 小工具

WordPress Shortcode

欲修改Elementor 小工具的內容,在項目上面按右鍵點選編輯左邊就會跑出設定區域囉!

Flip Box 翻轉工具

這是一個有翻轉效果的小工具,可以隨意添加背景圖片及文字。

elementor小工具1 1
編輯 Flip Box 翻轉工具

可以看到左邊的設定欄位,可以選擇 Front(前面)、Back(後面)修改內容。

欲修改前面的圖片,再點選 Background(背景),即可選取想要呈現的圖片。

elementor小工具2
Flip Box 翻轉工具 圖片

想要修改背後的內容,點選 Back 即可設定標題或描述,若有按鈕可以加上連結

elementor小工具3
Flip Box 翻轉工具 back

編輯圖片及標題

同樣點選右鍵編輯,左側可以選擇圖片。

elementor小工具4 1
編輯圖片及標題

下面的連結可以加上圖片的連結,點選圖片時可以放大檢視圖片。

圖片連結可以到媒體庫查看,點選圖片後,右下有圖片連結,複製網址並貼在這裡就可以了。

elementor小工具10
檔案網址

標題的部分也是右鍵編輯即可。

elementor小工具5 1
編輯標題

Call to Action 行動呼籲工具

右鍵編輯,可以修改標題及描述,下方的連結貼上欲顯示的圖片或是跳轉網址,點選整個box的時候就會連到該連結。

elementor小工具7 1
編輯 Call to Action 行動呼籲工具

收合容器及切換工具

收合容器工具,右鍵編輯即會跑出出設定區,可編輯標題及描述。

elementor小工具8 1
編輯收合容器

切換工具,右鍵編輯同樣可以各個項目的編輯標題及描述,欲新增項目,點選下方新增項目即可。

elementor小工具9 1
編輯切換工具

使用工具:Elementor

延伸閱讀: