教程：如何開始 A/B 測試電子郵件設計

已發表: 2016-09-27

在本文中

想知道哪些電子郵件活動吸引了讀者的眼球？ 試試這個簡單的解決方案：A/B 測試。

A/B 測試比較同一事物的兩個版本（主題標題、電子郵件設計佈局、CTA 按鈕等），直到您縮小比較結果的範圍。 毫不奇怪，A/B 測試產生的數據非常強大，從打開率到點擊率再到轉化率，並揭示了您的受眾如何對不斷變化的變量做出反應。

今天，我們將使用 MailUp BEE 編輯器向您介紹如何對電子郵件設計進行 A/B 測試。 通過這種方式，您可以了解受眾對號召性用語、佈局和背景顏色變化的反應。 這是我們研討會的快速視頻概述：

[post_video_embed url=”https://www.youtube.com/embed/fhzlbEXcqVA?list=PLdTMlS6t4dMJesxhENxTAhjBxImgGZqeb” height=””width=””]

你看視頻了嗎？ 好的！ 下面是 A/B 測試的更多提示和最佳實踐，其中包含 3 個關於如何設置測試不同因素的教程。

如何決定測試什麼

在設計 A/B 廣告系列之前，確定要測試的內容。 首先，只選擇一個變量，以便您的結果清晰。 以下是一些常用測試變量的示例：

設計

  • CTA 尺寸和样式。 全角按鈕或更小？ 綠色還是紅色？ 高還是矮？
  • 佈局。 單列還是多列？
  • 配色方案。 白色背景還是灰色背景？ 藍色或綠色標題文本？
  • 圖像大小或種類。 兩張產品圖片還是四張？ 靜止圖像還是動畫 GIF？
  • 信息量。 是否包含次要內容？ 社交媒體按鈕與否？ 導航菜單與否？
  • 信息放置。 頂部或底部的社交按鈕？ CTA 按鈕是中間還是最後？

內容和時間

  • 從行。 您的公司名稱或個人姓名？
  • 主題行。 更短還是更長？ 表情符號還是沒有表情符號？ 是否包括“[網絡研討會邀請]”語言？
  • CTA 語言。 “立即領取您的電子書”還是“領取您的免費電子書”？
  • 正文。 “咄咄逼人”的語言或更微妙？ 六句話還是三句話？
  • 發送時間。 上午 8:00 或下午 4:00 會有更多開放嗎？

A/B 測試的最佳實踐

在準備廣告系列時，請進行研究並確保遵循一些最佳實踐，包括：

  • 首先確定您的成功指標。 如果您正在測試主題行，打開率將是有意義的； 設計更改的點擊率或轉化率。 提前知道你在評估什麼。
  • 一次只測試一件事。 如果您更改了多個變量，您將無法判斷是什麼導致了響應的變化。
  • 測試大樣本量。 了解需要多少響應才能顯示統計顯著性。
  • 同時發送A和B版本。 時間是一個變量，因此通過將兩個活動同時發送（到不同的組）來保持一致——除非發送時間是您的變量。

今天的研討會：如何對電子郵件設計更改進行 A/B 測試

讓我們通過使用來自 Verywell 的電子郵件示例來演練如何進行與設計相關的 A/B 測試，該網站提供健康建議和資源。

A/B 設計測試 1：CTA 按鈕

Verywell 的當前版本的電子郵件沒有號召性用語按鈕。 如果我們在第一個模塊中添加一個來查看它如何改變點擊率會怎樣？

對於“A”版本：首先，讓我們按原樣重新創建 Verywell 電子郵件。 使用拖放功能，可以從結構菜單中拉出基本的電子郵件大綱，然後是適當的內容塊和內容。 這是 BEE Pro 中電子郵件的前半部分，我們測試的“A”部分：

AB測試

對於“B”版本，只需從“內容”菜單中拖出一個 CTA 並對其進行格式化。 我們選擇了一個與標題顏色相匹配的按鈕，幾乎是電子郵件的寬度，並在文本中使用了一些緊迫性，“現在查看食譜。 ” 那麼這個CTA會增加點擊量嗎？ 好吧，我們只需要發送我們的 A/B 測試電子郵件即可找到答案！

關於 A/B 測試需要了解的重要一點是：您還可以在 BEE 中復制整個電子郵件，以對您的“B”版本進行修改並保存。 在“編輯消息”下拉菜單中查找“創建副本”命令。 創建副本意味著您不必從頭開始創建第二個版本。

A/B 設計測試 2：佈局

沒有多列，但如果版本將第一個模塊作為單列包含，Verywell 的電子郵件將如何執行？

讓我們更新佈局，讓圖像出現在文本上方，而不是並排排列標題文本和圖像。

使用 BEE Pro 的拖放功能，更改佈局超級簡單。 從“A”版本開始，我們將拖入一個單列結構作為我們內容的目的地：

然後，獲取現有的標題文本，並將其向下拖動：

最後，抓取圖像並將其拖到文本下方：

就是這樣！ 文本重新流動並調整圖像大小，因此我們的電子郵件會自動格式化得很好。 現在，我們可以刪除空的兩列結構，新的電子郵件就可以使用了：

A/B 設計測試 3：背景顏色

儘管 Verywell 的電子郵件具有漂亮、乾淨的外觀和全白背景，但如果第一個模塊的背景顏色與該品牌的藍綠色相匹配，讀者會如何反應？

要更改背景顏色，讓我們選擇頂行，然後導航到“結構”菜單並更新內容背景。

之後，讓我們將文本從黑色更新為白色以使其可讀，我們的新模塊已準備好進行測試：

總結：A/B 測試設計變更

創建不同版本的電子郵件並測試哪個版本效果最好很容易。 請記住一次堅持一個變量，以了解您的訂閱者在特定時刻的反應。 請隨意嘗試我們的提示並註冊 BEE Pro 帳戶（在 15 天免費試用後每月只需 10 美元！），並告訴我們進展如何