電子郵件設計最佳實務:您的設計能轉換嗎?

已發表: 2023-10-25

您的電子郵件行銷活動效果如何? 根據 Constant Contact 的數據,2023 年,2 億封電子郵件的平均開啟率為 34.51%,點擊率為 1.33%。

考慮到這些指標因行業而異,如果您的指標低於平均水平,則需要考慮的因素之一是您的電子郵件設計。 精心設計的電子郵件會吸引收到它的受眾。 您的電子郵件應該是響應式的,也許是互動的,並且肯定是針對行動裝置進行最佳化的。

如果您正在為您的行銷活動尋找一些靈感和有用的技巧,那麼這篇部落格文章中的電子郵件設計最佳實踐將為您提供很好的幫助。

目錄

精美行銷活動的電子郵件設計最佳實踐

讓我們來看看一些已被證明對最好的電子郵件行銷人員有效的技巧。

1. A/B 測試一切

無論電子郵件技術和設計多麼先進:拆分測試始終是必要的。

您有比以往更多的方式對電子郵件內容進行 A/B 測試。 許多電子郵件行銷工具都有內建的自動化或人工智慧,可以比較您的電子郵件,而無需您手動執行。 這些工具可協助您確定最佳影像、CTA 位置、主旨行、電子郵件長度,甚至何時發送。

拆分測試可確保您的訊息具有相關性、以效能為導向,並且可以隨時發布。

2. 在頁腳中包含正確的訊息

電子郵件頁尾設計範例
圖片由布雷沃提供

電子郵件頁腳或簽名區塊是郵件中最重要的部分之一,即使它不在首頁。 有些行銷人員使用通用頁腳,這對自己沒有好處。

那麼,您應該在電子郵件頁腳中包含什麼內容呢? 以下是一些想法:

  • 支援連結:您可以使用此部分徵求對電子郵件的反饋(除非從無回覆電子郵件地址發送)或提供支援鏈接,以便客戶或潛在客戶可以獲得問題的答案。
  • 推薦連結:電子郵件頁腳是放置推薦連結的理想位置,特別是當您的推薦計劃是新的並且您正在傳播意識時。
  • 應用程式連結:透過在電子郵件頁腳中添加指向 Google Play 商店和 Apple App Store 中您的應用程式的鏈接,鼓勵更多應用程式下載和參與。
  • 社群媒體連結:為主要平台建立社群媒體按鈕,包括 Facebook、LinkedIn、Twitter、Instagram 和 YouTube。 為每個按鈕新增超連結。
  • 網站連結:在頁腳中新增指向您網站的額外連結並沒有什麼壞處。 但是,如果您的頁腳已經包含大量鏈接,則可以忽略此頁腳。
  • 法律資訊:您必須包含一份簡潔但完整的法律聲明,包括取消訂閱鏈接,聲明您不會共享個人資訊。 在本法律聲明中詳細說明您的條款和條件,並考慮諮詢律師進行審查。

3. 簡約的設計就可以

Harry's 的電子郵件設計範例
圖片由 Uplers 提供

您的電子郵件應該是什麼樣子? 這是一個價值百萬美元的問題,而且沒有正確答案。

您的電子郵件的設計將根據您所推廣的產品或服務以及您的受眾而有所不同。 然而,無論設計如何,它肯定可以受益於極簡主義。 許多新的電子郵件行銷人員認為他們的電子郵件必須具有所有視覺效果才能吸引高開啟率和點擊率。

事實上,情況恰恰相反,因為雜亂的訊息看起來像是垃圾郵件,最終可能會被丟進垃圾箱。 不要害怕空白。 它使電子郵件中的視覺元素更具影響力,並為這些元素提供呼吸的空間。

它還可以幫助行動優化,確保視覺元素不會相互堆疊或以其他方式錯誤載入。

另請閱讀:15 個魅力十足的介紹電子郵件模板

4.使用動態內容

動態內容在電子郵件行銷中引起了轟動,這是理所當然的。

顧名思義,動態內容會根據受眾而變化。 這種類型的電子郵件可讓您為受眾群體創建個人化內容,而無需每天發送數千封電子郵件。

一個好的電子郵件行銷工具將幫助您充分利用動態內容,因為它會自動對受眾進行細分和評分。 您還可以自動包含動態內容元素,例如客戶調查、廢棄購物車訊息、產品或服務優惠以及推薦。

5. 仔細檢查文法和拼字錯誤

無論您是自己寫電子郵件還是使用電子郵件行銷工具,在您點擊“發送”按鈕(如果您使用行銷自動化工具,則為“安排”按鈕)之前,您至少應該讓另一雙眼睛仔細閱讀內容。 。

語法和拼寫錯誤會令人尷尬並降低您的可信度。 您可以使用 Grammarly 擴充功能甚至 ChatGPT 來尋找副本中的錯誤。 如今,我們很容易發現這些錯誤,因此我們沒有藉口發送副本不完美的電子郵件。

6.優先考慮行動端優化

FluentCRM 報告稱,41% 的電子郵件查看量來自行動裝置。 您的電子郵件必須針對行動裝置進行最佳化,才能在智慧型手機和平板電腦上正確顯示。

行動響應式電子郵件範本很常見,但在發送訊息之前請仔細檢查您的範本是否已最佳化。 電子郵件行銷活動的所有元素都必須針對行動裝置進行最佳化,包括您的網站和登陸頁面。

另請閱讀:新客戶和員工的入職電子郵件模板

7. 讓你的訊息適合深色模式

EarthWeb 表示,深色模式比以往任何時候都更受歡迎,81.9% 的行動用戶喜歡它。 它比白色背景更護眼,並且不會消耗太多行動裝置電池。

暗模式友善的電子郵件設計範例
圖片由 Sidemail 提供

大多數電子郵件用戶端都支援深色模式,無論它們提供部分還是全色反轉。 以下是針對深色模式最佳化電子郵件的一些提示:

  • 讓您的圖示和 CTA 按鈕適合深色模式
  • 限制飽和顏色,偏向更蒼白、更柔和的色調,以避免視覺刺眼
  • 將您的徽標和其他圖形儲存為透明 PNG
  • 在透明 PNG 中的所有深色文字周圍創建半透明輪廓
  • 測試您的電子郵件

8.注意你的語氣

您的語氣是您品牌的元素之一。 您的受眾會希望您的電子郵件保持與您的網站和社交媒體上使用的相同語氣。

也就是說,您可以根據聽眾的情況改變語氣。 例如,年輕的觀眾會喜歡非正式的語氣,而年長的觀眾可能喜歡更正式的書面訊息。

9.考慮你的電子郵件佈局

遵循傳統的電子郵件設計將有助於您的行銷活動取得最佳效果。 您的選擇包括之字形、倒金字塔或單柱設計。

以下是每種設計風格的概述。

  • 鋸齒形:交替的圖像和文字以鋸齒形圖案吸引眼球,因此得名。 從左到右呈現您的訊息,以遵循眼睛在消費資訊時自然移動的方式。
  • 倒金字塔:如果您的資訊只有一個目標(例如介紹一種新產品),那麼倒金字塔是一個不錯的選擇。 您首先展示一張大圖像,然後展示電子郵件正文和 CTA 按鈕,從而創建倒金字塔的形狀。
  • 一欄:一欄設計是一種多面手,在圖像和文字之間取得了良好的平衡。 它適合行動設備,適當地間隔電子郵件元素,並且可以輕鬆、快速地閱讀。

另請閱讀:18 個趨勢電子郵件行銷活動創意 [+ 範本]

10.尋找GIF

圖片由 Giphy 提供

如今 GIF 無所不在。 我們可以將它們發佈在社交媒體回復中,互相發送短信,並將它們包含在電子郵件中。 選擇 GIF 而不是影片可以為您的電子郵件提供動畫元素,而不會使其變大且加載緩慢。

也就是說,您必須控制 GIF 的大小。 不要發送超過 1 MB 的文件。

11.嵌入您的視頻

從 Thunderbird 到 Outlook 和 Gmail,我們熱切地等待電子郵件用戶端自動播放電子郵件中的影片的那一天。 在我們生活在那個時代之前,我們總是可以使用 HTML5,至少對於大多數電子郵件用戶端來說是如此。

HTML5 允許我們將影片嵌入到訊息中。 影片將顯示為帶有播放按鈕的圖像。 當讀者點擊按鈕時,他們可以開始觀看影片。 視訊連結託管在您的網站或伺服器上,而不是電子郵件用戶端。

有時,GIF 無法傳達您的訊息,尤其是在推出新產品或服務時。 這時候影片嵌入就派上用場了。

12.加入一些用戶生成的內容

建立對品牌的信任的最佳方法之一是透過社會證明。 你可以兜售你的品牌,直到你臉色發青,但這總是意味著你的客戶會帶來更多。

用戶生成的內容(UGC)來自您的受眾。 你不要求他們生產它;你會要求他們生產它。 他們這樣做是因為他們真正熱衷於您的產品或服務,並希望與其他人分享他們的正面體驗。

UGC 的範例包括發佈到第三方網站(例如客戶部落格)的社交媒體貼文、影片、圖像、回饋和評論。 當您找到適合您品牌的 UGC 時,請聯絡內容創作者並詢問是否可以在電子郵件中分享。

另請閱讀:如何在 2023 年創建出色的電子郵件通訊 [帶有 7 個免費模板]

13.檢查你的鏈接

無論您的電子郵件有兩個還是 20 個鏈接,您都必須在將其發送給受眾之前檢查它們。

點擊每個鏈接,確保將您帶到正確的頁面。 修復所有可能導致點擊時出錯的拼寫錯誤鏈接,並刪除所有死鏈接。

14.注意文字與圖像的比例

建立電子郵件設計時的另一個考慮因素是圖像與文字的比例。 精心設計的電子郵件不應包含太多這兩者。 該比例需要 60% 的文字和 40% 的圖像。

從設計角度來看,發送文字與圖像比例不穩定的電子郵件不僅會損害您的行銷活動。 大多數網路服務供應商可能會認為您的電子郵件是垃圾郵件。

15. 優先考慮 CTA 展示位置

電子郵件設計範例中的 CTA 展示位置
圖片由Campaign Monitor提供

您的 CTA 按鈕必須突出,您的訊息才能成功。 按鈕必須有足夠的空白; 觀眾可以輕鬆地將按鈕與電子郵件中的其他視覺元素區分開來。

無論是在淺色模式還是深色模式下觀看,顏色都應該清晰且對比鮮明,但不刺眼。 CTA 按鈕位於資料夾上方越高越好。 插入按鈕的好地方是在電子郵件標題中,但不要僅限於此。

您也可以在頁腳附近新增第二個按鈕,特別是如果您有一個很長的訊息或包含許多需要滾動的視覺元素的訊息。

另請閱讀:來自流行品牌的電子郵件群發範例可激發您的靈感

16.添加互動內容

另一個很好的最佳實踐是使用互動式電子郵件內容。 影片是互動式內容的一個例子,但每個人都期待它。 為什麼不在下一次的電子郵件行銷活動中加入嵌入式調查或民意調查?

您還可以使用「加入購物車」按鈕、手風琴功能來展開和縮回您的訊息、提供顯示、翻轉效果、產品輪播、搜尋選項和動畫(例如動畫 CTA 按鈕)。

這些元素需要更多的時間和精力來融入您的訊息中,但應該會產生積極的效果。

17. 電子郵件中始終保留一些文字副本

僅包含圖像的電子郵件可能會給受眾留下不好的印象。 考慮到人們在行動裝置上存取電子郵件的頻率,您一定認為他們並不總是能夠存取可靠的網路連線。

如果您的圖像無法載入怎麼辦? 如果您的訊息包含影片和文字等其他元素,這並不是世界末日。 然而,僅包含圖像的電子郵件看起來會顯得異常空洞。 您的潛在客戶或客戶可能會認為您不小心發送了它。

這種習慣可能會導致退訂和垃圾郵件投訴,所以不要冒險。

18. 寫出好的 CTA

雖然你不需要太多帶有 CTA 按鈕的文案,但每個字都必須是無懈可擊且有意義的。 編寫以利益為中心的號召性用語,並保持具體。 CTA 按鈕也應指示使用者點擊後將前往的位置。

您不能說“單擊此處”,因為這不夠具體。 相反,您可以寫“單擊此處以了解有關[產品名稱]的更多信息”或“立即下訂單”。

在這兩種情況下,讀者都知道你要把他們引向何方。 在第一個範例中,您將它們帶到登入頁面,在第二個範例中,將它們帶到產品頁面。

另請閱讀:12 個可自訂並點擊「發送」的電子郵件發票模板

19.考慮你的CTA尺寸

我們討論了 CTA 按鈕的空白和顏色的值,但它的大小又如何呢? CTA 按鈕的最佳尺寸是 50 像素。 它足夠大,讓您的讀者不會錯過它,但又不能太大,以免影響電子郵件中的其他元素。

20.使用合併標籤

這是為您提供的個人化提示。 使用合併標籤,將郵件清單資料拉入您的訊息中。 您將擁有更多客戶和潛在客戶數據,包括他們的全名、暱稱和用戶名。

您可以更輕鬆地個性化您的信件,讓您的訊息感覺更加量身定制。

21.知道使用哪種行動電子郵件編碼

您可以為針對行動裝置最佳化的電子郵件選擇兩種編碼選項:混合式或響應式。

混合編碼的佈局可以根據顯示尺寸流暢地改變。 如果用戶在 iPad 上開啟電子郵件,外觀將與在 iPhone 上一樣好。 響應式電子郵件利用 CSS 和媒體查詢來修改樣式,以便電子郵件在較小的顯示器上看起來不錯。

另請閱讀:27 個讓客戶滿意的確認電子郵件範例

22. 在電子郵件圖像中寫入替代文本

每當使用圖像時,您還應該包含替代文字。 如果您的圖像無法加載,這個簡短的圖像內容描述符可以提供上下文,並可以防止您的電子郵件受眾取消訂閱。

23. 仔細選擇字體

儘管您的電子郵件設計的許多方面都可以變得華麗,但字體不是其中之一。 電子郵件用戶端有自己喜歡的字體,例如 Outlook 的 Times New Roman、Gmail 的 Arial 和 Apple Mail 的 Helvetica。

其他字體對於大多數電子郵件用戶端來說都是安全的,包括:

  • 影響
  • 韋爾達納
  • 投石機 MS
  • 塔霍馬
  • 帕拉蒂諾排字機
  • 露西達·格蘭德
  • Lucida Sans 統一碼
  • 露西達控制台
  • 黑體
  • 喬治亞州
  • 快遞新
  • 漫畫無 MS
  • 宋體黑

但是,使用字體後備是一個很好的做法,它告訴電子郵件用戶端在無法顯示原始選項時使用輔助字體。

另請閱讀:掌握電子郵件行銷活動的所有關鍵類型

24.避免庫存圖片

庫存圖片在緊要關頭是可以的,但請記住它們不是您的電子郵件行銷活動的原創圖片。 任何人,包括您的競爭對手,都可以透過支付許可費來獲得它們。

消費者很精明,可能記得以前在某個地方看過庫存圖片。 使用庫存圖像會讓您看起來不太可信,因此請盡可能優先考慮原始圖像。 原創圖像可以吸引觀眾,並且是您品牌的延伸。

25.注意電子郵件圖片尺寸

越大並不總是越好,例如電子郵件中的圖像。 大圖像載入速度較慢,尤其是高解析度時。 PNG 圖像不應超過 1 MB(JPG 等其他格式的圖像應該更小),並且不超過 1200 像素。

26.用標題吸引註意力

電子郵件標題是開啟電子郵件時的第一個指示,因此您必須做好它。 標題可以利用圖像、文字或兩者,並帶有令人難忘的標題,觸及讀者的情感,但絕不會誤導他們。

標題後的描述應該告訴讀者他們繼續閱讀的目的是什麼,但又不洩露所有內容。 目標是提供資訊和激勵。

另請閱讀:重新參與電子郵件 101:指南 [帶模板]

27.注意你的電子郵件寬度

您不希望電子郵件超出頁面範圍,這會導致呈現問題並使您的電子郵件看起來沒有吸引力。 大多數電子郵件用戶端支援 640 像素的電子郵件寬度,因此請將您的電子郵件用戶端保持在該限制範圍內,以便更安全地傳送。

28.使用情境行銷

情境行銷使您的電子郵件具有人性化和個性化的元素。 這種行銷形式利用一對一的元素來增加您的品牌和讀者之間的互動。

這些電子郵件的個人化元素使其難以抗拒,並且您的受眾會欣賞內容的量身定制。

29.新增前置頭

不要忘記您的前置標題,它們是電子郵件內內容的預覽文字。 立即檢查您的電子郵件,您將看到收件匣中任何專業電子郵件中的幾個前置標題文字。

標題文字是您鼓勵受眾打開郵件的機會。 再次強調,不要使用誤導性的垃圾文本,這會產生相反的效果。

另請閱讀:完美溫柔提醒電子郵件的秘密和模板

底線

電子郵件設計隨著消費者的喜好而不斷發展,但一些最佳實踐仍然存在。

其中包括使用適量的白平衡、遵循圖像與文字的比例、設計良好的 CTA 並正確放置它們、透過字體優先考慮可讀性以及對比測試。

既然您知道電子郵件行銷活動需要什麼,您就可以開始建立更好的電子郵件了! 如果您想要一個附帶免費整合 CRM 的超酷電子郵件行銷解決方案,請註冊 EngageBay。