7 個最佳 WooCommerce 電子郵件定制器插件 [免費 + 專業版]

已發表: 2021-07-27

您在尋找最好的 WooCommerce 電子郵件定制器插件嗎?

如果您想避免使用與競爭對手相同的 WooCommerce 電子郵件模板,自定義電子郵件模板會有所幫助。

在本指南中,我們將向您展示如何在不編寫任何代碼的情況下自定義 WooCommerce 訂單電子郵件。

立即修復您的 WooCommerce 電子郵件

如何在 WooCommerce 中自定義我的電子郵件?

您可以使用 WooCommerce 中的設置自定義您的 WooCommerce 電子郵件。 但是,這只允許您更改字體、顏色和徽標。

WooCommerce Email Template

如果您想進行更高級的佈局更改,您有 2 個選項:

  • 在您的子主題中編輯代碼
  • 安裝 WooCommerce 電子郵件定制器插件。

除非您是開發人員,否則您可能會發現定制器插件是最佳選擇。 我們將向您展示如何選擇最好的,然後解釋如何通過將電子郵件導出為 WordPress 中的 EML 文件來測試您的電子郵件。

最佳 WooCommerce 電子郵件定制器插件

以下是我們將在本指南中介紹的信息的快速摘要:

  1. 安裝 WooCommerce 電子郵件定制器插件
    • YayMail – WooCommerce 電子郵件定制器
    • Kadence WooCommerce 電子郵件設計師
    • 裝飾器 WooCommerce 電子郵件定制器
    • Themehigh 的 WooCommerce 電子郵件定制器
    • YITH WooCommerce 電子郵件模板
    • WooCommerce 的電子郵件模板定制器
    • 郵件詩人
  2. 測試您的 WooCommerce 電子郵件模板
    • 安裝 WP 郵件 SMTP
    • 為 WooCommerce SMTP 設置郵件程序
    • 啟用 WooCommerce 電子郵件記錄
    • 將 WooCommerce 測試電子郵件導出為 EML 文件

我們已準備好選擇最好的插件來編輯您的 WooCommerce 電子郵件佈局。

第 1 步:安裝 WooCommerce 電子郵件定制器插件

讓我們從最受歡迎的 WooCommere 電子郵件設計師之一開始。

YayMail – WooComerce 電子郵件定制器

YayMail 是 WooCommerce 的真正可視化電子郵件設計器插件。 它有一個乾淨且易於理解的拖放界面。

如果您過去使用過頁面構建器,那麼使用 YayMail 進行設計對您來說會很容易。

YayMail WooCommerce Email Customizer

您可以通過更改字體、顏色或編輯內容來自定義默認電子郵件設計。 它帶有許多小部件和動態元素,這意味著插件根據訂單填寫個性化標籤。

如果您想檢查您的電子郵件模板,可以使用預覽選項在不同設備上查看模板。 該插件還允許您發送測試電子郵件,以便您了解它的外觀。

您可以從頂部欄切換到不同的電子郵件,還可以查看可用短代碼的完整列表。

它甚至還有一個高級版本,支持更多功能,如貨運跟踪和訂單狀態管理器。

Kadence WooCommerce 電子郵件設計師

Kadence WooCommerce 電子郵件設計器讓您可以使用可視化編輯器輕鬆自定義默認的 WooCommerce 電子郵件模板。 這是一個完全免費的插件,您可以從 WordPress 存儲庫下載。

Kadence woocommerce email template

該插件使用大多數用戶已經熟悉的內置 WordPress 定制器。 您可以從 WooCommerce 下的導航菜單或 WooCommerce 設置中的電子郵件選項卡訪問它。

該插件允許您從預建的模板佈局中進行選擇。 它還允許您更改顏色、字體、背景顏色以匹配您的品牌。

您甚至可以通過更改字體、顏色和間距來更改訂單項表格樣式。 想在電子郵件中顯示產品圖片? Kadence WooCommerce 電子郵件設計器也可以讓您這樣做。

提示:如果您在發送但未收到電子郵件時遇到問題,請查看我們的 Kadence WooCommerce 電子郵件設計器指南不發送電子郵件通知。

裝飾器 WooCommerce 電子郵件定制器

Decorator 是一個免費的 WooCommerce 電子郵件構建器插件。 它允許您使用原生 WordPress 定制器更改 WooCommerce 電子郵件的默認外觀。

Decorator email template

您可以從插件頁面或 WooCommerce 設置中的電子郵件選項卡進入定制器頁面。

該插件讓您只需單擊幾下即可更改每個設計元素,例如電子郵件的顏色、字體。 您還可以實時預覽您對模板所做的每項更改。

與此列表中的其他插件不同,自定義是全局的,適用於 WooCommerce 的每種電子郵件類型。 它很簡單,但是免費且易於學習。

Themehigh 的 WooCommerce 電子郵件定制器

WooCommerce 的電子郵件定制器可讓您使用可視化編輯器定制 WooCommerce 電子郵件模板。

您可以添加以下元素:

  • 動圖
  • 圖片
  • 社會圖標
  • 鈕扣
  • 和更多。

Email Customizer by Themehigh

您可以輕鬆更改顏色並為模板的每個部分定義字體屬性。 動態佔位符選項可讓您根據訂單個性化電子郵件內容。 這可以為您的電子郵件帶來更好的打開率。

預覽模式可讓您查看每個模板與實際訂單詳細信息的外觀。 您甚至可以發送測試電子郵件以獲得更好的想法。

該插件有免費和高級版本。 高級版有一些額外的自定義選項,例如:

  • 額外的自定義掛鉤和占位符
  • 更多專欄
  • 與第三方插件的兼容性。

YITH WooCommerce 電子郵件模板

YITH WooCommerce 電子郵件模板是一個電子郵件定制器插件,提供 4 種不同的佈局。 它沒有實時編輯器,但具有許多您可以利用的功能。

YITH WooCommerce Email Templates

就像此列表中的其他插件一樣,您可以更改 WooCommerce 和 WordPress 電子郵件的電子郵件內容的顏色和排版。

它還允許您將社交網絡圖標添加到佈局中,並使用自定義文本或徽標編輯頁腳。

您可以查看已創建模板的預覽以了解其外觀。 該插件僅提供高級版本,但您可以在 YITH 網站上試用演示。

WooCommerce 的電子郵件模板定制器

WooCommece 的電子郵件模板定制器是一個拖放式電子郵件模板構建器。 它提供實時預覽,您還可以查看它在移動設備和桌面上的外觀。

Email Template Customizer for WooCommerce

所有電子郵件元素都顯示在左側面板上,您可以將它們拖到編輯器區域。 這將打開帶有編輯文本或更改顏色選項的設置。 您還可以調整間距和邊距,以獲得完美的電子郵件設計。

動態佔位符使個性化電子郵件正文的內容變得容易。 單擊右上角的漢堡菜單可以訪問所有可用的佔位符。

有一個免費版本的插件,您可以在提交付費許可證之前試用。

郵件詩人

MailPoet 是 WooCommerce 的簡單拖放電子郵件模板編輯器工具。 它提供內容小部件,例如圖像、按鈕和文本。

MailPoet 沒有提供更改每個元素顏色的選項,而是提供了一個選項來設置品牌顏色並將其應用到正確的位置。

MailPoet email

MailPoet 不僅是 WooCommerce 電子郵件定制器,而且還是用於創建新聞通訊的有用電子郵件插件。 最多可免費使用 10,000 名訂閱者,付費計劃起價為每月 13 美元,每年收費。

第 2 步:測試您的 WooCommerce 電子郵件模板

您可以使用 WP Mail SMTP 高級電子郵件日誌功能來測試您的電子郵件在不同電子郵件客戶端應用程序上的外觀。

這種方法的好處是您還可以使用 WP Mail SMTP 通過事務性電子郵件提供商發送電子郵件。 這有助於提高訂單電子郵件的送達率。

讓我們現在設置它。

安裝 WP Mail SMTP 插件

首先,您需要安裝 WP Mail SMTP。 要導出 WooCommerce 電子郵件,您需要 Pro 許可證或更高版本。

如果您希望有人為您設置所有內容,Elite 許可證是更好的選擇,因為它包括用於 SMTP.com 或 Mailgun 的 White Glove 設置。

WP Mail SMTP Pro pricing

我們在銷售期間拍攝了這張截圖。 點擊這裡查看這些價格是否仍然可用!

如果您想自己進行設置,請首先從您的 WP Mail SMTP 帳戶的“下載”頁面中獲取插件 zip 文件。

單擊橙色的下載 WP Mail SMTP按鈕以將副本保存到您的計算機。

Download the WP Mail SMTP plugin

接下來,打開您的 WordPress 儀表板並前往Plugins » Add New

Add new plugin in WordPress

現在單擊屏幕頂部的上傳插件按鈕。

Add plugin button

單擊選擇文件以選擇插件 zip 文件,然後單擊立即安裝進行安裝。

Install WP Mail SMTP

安裝並激活插件後,WP Mail SMTP 設置嚮導將打開。

現在我們已準備好為您的 WooCommerce 商店選擇電子郵件服務提供商。

為 WooCommerce SMTP 設置郵件程序

在繼續使用設置嚮導之前,有必要考慮一下您希望電子郵件服務提供商提供的功能。

讓我們單擊“讓我們開始吧”以查看選項。

Start the WP Mail SMTP setup wizard to fix Elementor form not sending email

WP Mail SMTP 將顯示插件支持的電子郵件提供商列表。

Choose SMTP mailer

對於 WooCommerce,我們強烈建議您為您的商店使用交易電子郵件提供商。 雖然 SMTP 和 Gmail 可以使用,但它們的發送限制較低,並且不是專門為即時電子郵件傳遞而設計的,而這正是您的客戶所期望的。

現在點擊鏈接打開您選擇的郵件的文檔:

郵件程序可用於所有版本Pro 中的其他郵件程序
SMTP.com 微軟展望
森丁藍亞馬遜 SES
郵筒Zoho Mail
發送網格
Gmail/谷歌工作區
其他 SMTP

如果您有任何問題,請查看本指南,了解如何配置您的 WordPress SMTP 設置。

完成嚮導後,我們就可以打開電子郵件記錄了。

啟用 WooCommerce 電子郵件記錄

現在我們都準備好了,接下來我們需要做的是啟用電子郵件日誌記錄。

您可以在 Pro 中的設置嚮導結束時打開基本日誌記錄,以及每週電子郵件摘要。

Enable WordPress email logs and weekly summary

完成嚮導後,我們還希望打開另一個設置,該設置也將記錄您的電子郵件的全部內容。

為此,請前往WP Mail SMTP » Settings

WP Mail SMTP settings

現在單擊電子郵件日誌選項卡。

Email log settings tab

向下滾動並選中記錄電子郵件內容旁邊的框。

Log email content in WordPress

然後,您可以在您的網站上下一個測試訂單,以生成您想要試用的電子郵件。

將 WooCommerce 測試電子郵件導出為 EML 文件

要測試您自定義的 WooCommerce 電子郵件,您可以從 WP Mail SMTP 將其導出為 EML 文件。 這將允許您在任何電子郵件客戶端中打開電子郵件,以確保它看起來正確。

首先,搜索您的電子郵件日誌以找到您要測試的電子郵件。 單擊主題行以查看更多詳細信息。

WP Mail SMTP email log search WooCommerce

在右側,單擊邊欄中的導出 (EML)

export email file WP Mail SMTP

現在,您可以在任何應用程序中打開您自定義的 WooCommerce 電子郵件以查看其外觀。

而已! 我們希望本文能幫助您選擇最好的 WooCommerce 電子郵件定制器插件並測試您的新模板。

立即修復您的 WooCommerce 電子郵件

下一個:打印您的 WooCommerce 訂單電子郵件

現在您已經自定義了您的電子郵件,您想學習如何將它們打印出來嗎?

查看本指南,了解如何使用 WP Mail SMTP 打印 WooCommerce 訂單電子郵件。

此外,如果您想了解有關 WooCommerce 電子郵件問題的更多信息,請參閱這篇關於 WooCommerce 自動電子郵件修復的文章。

準備好修復您的電子郵件了嗎? 立即開始使用最好的 WordPress SMTP 插件。 WP Mail SMTP Elite 包括完整的白手套設置並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們以獲取更多 WordPress 提示和教程。