彈出窗口的 A/B 測試:簡單指南 + 真實示例

已發表: 2020-02-20

您可以在 Internet 上找到數以千計的“規則”、提示、技巧和最佳實踐來創建高轉化率的彈出窗口。

你怎麼知道要遵循什麼建議? 事實是,真正優化彈出式轉換的唯一方法是使用 A/B 測試。

在本文中,我們將解釋什麼是 A/B 測試,以及如何進行自己的 A/B 測試。 另外,我們將向您展示 4 個現實生活中的示例,以給您一些啟發。

那麼,讓我們開始吧!

目錄

1) 什麼是 A/B 測試?

2) 你應該進行什麼 A/B 測試?

3) 4 個真實的彈出式 A/B 測試

4) 如何對 OptiMonk 彈出窗口進行 A/B 測試

1) 什麼是 A/B 測試?

A/B 測試(也稱為拆分測試)是最常見的轉換優化技術之一。

這是比較頁面、電子郵件(或者在這種情況下為彈出窗口)的兩個不同版本(或變體)的過程,通過查看哪個版本帶來更多轉化。

您將訪問者分成兩個大小相似的組,然後將版本 A 顯示給一半的訪問者,將版本 B 顯示給另一半。 獲得更高轉化率的變體是您的贏家!

abtesting 01 - A/B Testing for Popups: Easy Guide + Real-Life Examples

資料來源: HubSpot

2) 你應該進行什麼 A/B 測試?

決定對哪些元素進行 A/B 測試可能很困難,尤其是當您沒有世界上所有的時間和資源時。

為了幫助您入門,我們收集了您應該進行 A/B 測試的關鍵元素列表。

abtesting 02 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.1。 頭條新聞

由於標題通常是您的訪問者在您的彈出窗口中首先註意到的內容,因此編寫真正吸引註意力的標題很重要。 目標是讓他們感興趣,因此他們閱讀了彈出窗口的其餘部分。

由於它是彈出窗口的關鍵部分,因此值得測試一些標題以磨練完美的標題。

那麼你可以改變什麼? 好吧,你可以嘗試不同的長度、有說服力的策略,或者字體、大小和顏色等設計元素。

abtesting 03 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.2. 號召性用語

對於每個網站……以及每個彈出窗口,都需要一個訪問者無法抗拒的有效號召性用語。 精心編寫的號召性用語可以為提高轉化率和銷售額創造奇蹟。

以下是您應該測試的一些重要事項:

  • 號召性用語按鈕的顏色:對比色有助於從彈出窗口的其他元素中脫穎而出。 Paletton 是一款免費工具,可幫助您找到完美的顏色。
  • 對齊:您應該將號召性用語按鈕放在哪裡? 不同的按鈕位置可能會對您的轉化產生影響。
  • 文本:不要忘記在你的行動號召文案中加入強有力的行動詞。 您可以稍微改變副本,例如“獲取我的免費電子書”與“獲取您的免費電子書”,或者測試兩個完全不同的版本。
abtesting 04 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.3. 圖片

圖片可以幫助您的訪問者了解報價並使彈出窗口看起來更具吸引力。 但這並不意味著圖像在每種情況下都會使彈出窗口更好。

您是否想知道是否應該使用圖像,以及哪種類型的效果最好? 那麼,是時候進行 A/B 測試了!

您可以測試不同的圖像類型,例如:

  • 庫存照片與個人照片,
  • 產品圖片與產品視頻。

圖像的位置也是一個很好的測試元素。 最好是您的圖片能引導訪問者關注價值主張。

abtesting 05 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.4. 形式

您的表單在您的訂閱過程中扮演著非常重要的角色,一個優化良好的表單可以很容易地產生新客戶。 另一方面,如果沒有優化,您的表單可能會讓用戶感到沮喪。

長度是您應該測試的第一件事。 對於某些公司來說,較長的表格效果很好,特別是如果他們想確定他們的潛在客戶。 但在大多數情況下,您應該以簡潔明了的形式為目標。

abtesting 06 - A/B Testing for Popups: Easy Guide + Real-Life Examples

了解訪問者何時退出(或放棄)您的表單尤為重要。 例如,您可能會發現他們不想與您分享他們的電話號碼。 在這種情況下,您應該消除該字段以增加轉化次數。

2.5. 提供

最後但並非最不重要的一點:您的提議……也就是遊戲規則的改變者!

您的訪客會發現哪些類型的優惠無法抗拒? 您可以對照一份簡短、方便的清單測試更長、更深入的電子書。 或者,如果您有一家電子商務商店,您可以測試多種折扣類型,例如 10% 折扣與 10 美元折扣,或固定折扣與免費送貨。

abtesting 07 - A/B Testing for Popups: Easy Guide + Real-Life Examples

您會驚訝於一些小的變化如何導致一些非常顯著的結果!

3) 4 個真實的彈出式 A/B 測試

現在,讓我們來看看我們的客戶已經運行的 4 個彈出式 A/B 測試,以及他們取得的出色成果。 這些示例可以為您提供更多關於在您自己的彈出廣告系列中測試什麼的靈感。

3.1。 發現哪個渠道最適合與您的潛在客戶取得聯繫

談到訂閱,大多數人會立即想到電子郵件。 但是,最成功的 Shopify 商店之一 BlendJet 決定跳出框框思考。

他們想了解他們的受眾更喜歡哪個頻道,因此他們創建了 SMS、電子郵件和 Messenger 訂閱活動,並對它們進行了拆分測試。

這是他們測試的彈出窗口:

abtesting 08 - A/B Testing for Popups: Easy Guide + Real-Life Examples

實驗表明,BlendJet 的購物車放棄活動通過 Messenger 比通過電子郵件的轉化率高 20%。 很整潔,對吧?

該測試顯示了測試不同通信渠道的重要性。

3.2. 了解哪條消息鼓勵回复

如果您想構建讓訪問者採取行動的彈出窗口,您需要正確的副本。

我們的一位客戶 SwissWatchExpo 想弄清楚什麼最能吸引他們的觀眾。

他們用不同的副本創建了兩個版本的購物車放棄彈出窗口,看看哪個會贏。

abtesting 09 - A/B Testing for Popups: Easy Guide + Real-Life Examples

在第一個版本中,他們想讓購物者知道他們即將購買的產品是最後一個產品。 這是一種創造緊迫感的好方法,他們能夠通過這個彈出窗口將轉化率提高 17%。

在第二個版本中,他們更改了副本並向訪問者提供折扣。 有了這個版本,他們的結果翻了一番——實現了 30% 以上的轉化率。

abtesting 10 - A/B Testing for Popups: Easy Guide + Real-Life Examples

如您所見,第二個版本顯然是贏家。

3.3. 測試您的報價

BootCuffsSocks 決定為購物車放棄者創建一個特別活動,並 A/B 測試了兩種不同的優惠:

  • 4.25 美元的商店信用
  • 10% 關閉整個購買

讓我們看一下這兩個優惠:

abtesting 11 - A/B Testing for Popups: Easy Guide + Real-Life Examples
abtesting 12 - A/B Testing for Popups: Easy Guide + Real-Life Examples

在將這兩個變體相互比較 40 天后,他們發現與第一個版本相比,註冊第二個版本的訪問者增加了 15%(10% 的折扣)。

這顯然是贏家。

3.4. 測試彈出窗口的外觀

Zooshoo 已經使用 OptiMonk 好幾年了,他們總是試圖保持他們的彈出廣告活動新鮮,嘗試新版本和 A/B 測試變體。

在這種情況下,他們想比較具有相同優惠(20% 折扣)的訂閱彈出窗口的兩種不同外觀。

讓我們看看第一個,它有一個黃色的配色方案:

abtesting 13 - A/B Testing for Popups: Easy Guide + Real-Life Examples

這是第二個,它有一個紅色的配色方案:

abtesting 14 - A/B Testing for Popups: Easy Guide + Real-Life Examples

儘管兩個版本都取得了很好的效果,但最終,黃色外觀是贏家。

4) 如何對 OptiMonk 彈出窗口進行 A/B 測試

好的……所以您已準備好使用 OptiMonk 開始 A/B 測試,但您不太確定如何開始。 沒問題! 我將分享一個分步指南以幫助您入門。

第 1 步。首先,登錄到您的 OptiMonk 帳戶,進入“活動”菜單,然後選擇要進行 A/B 測試的活動。

現在您在活動頁面上,您可以看到“A/B 測試中心”,它會提示您來對地方了。

abtesting 15 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 2 步。接下來,單擊“添加新變體”,您的彈出窗口的第二個變體將立即出現。 它暫時不活動。

abtesting 16 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 3 步。單擊第二個變體,您將被帶到拖放編輯器。 現在,是時候修改要進行 A/B 測試的元素了。 例如,您可以更改按鈕的顏色。

abtesting 17 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 4 步。完成更改後,單擊“下一步”按鈕,您將被重定向到活動頁面。

abtesting 18 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 5 步。現在剩下要做的就是激活彈出窗口的第二個版本。

abtesting 19 - A/B Testing for Popups: Easy Guide + Real-Life Examples

您會看到“僅讓獲勝者變體運行”文本顯示在一個藍色框中。 如果您啟用此功能,在命名“冠軍”後,我們將自動為您停用挑戰者變體。

但是我們什麼時候將競選變體命名為“冠軍”? 好吧,一旦某個變體獲得了給定數量的展示次數(在我們當前的設置中為 50 次),OptiMonk 就會計算統計顯著性(我們稱之為“置信度”)以確定我們可以確定廣告系列的效果將保持不變的程度。

如果一個變體具有最高的轉化率並且置信度高於 90%,我們將其命名為 Champion 變體。

而已!

哦,順便說一句,您不僅限於“版本 A 和版本 B”。 您可以添加任意數量的變體。

現在繼續嘗試我們今天與您分享的 A/B 測試理念之一,並提高轉化率!

jb freemium - A/B Testing for Popups: Easy Guide + Real-Life Examples

分享這個

在臉書上分享
分享到Twitter
在 LinkedIn 上分享
Prev Previous Post Wheelio vs OptiMonk:為什麼要採取行動?
Next Post 2020 年移動友好測試:移動設備的 CRO 下一個

作者:

尼科萊特·洛林茨

Nikolett 是 OptiMonk 的營銷人員。 她痴迷於內容營銷,喜歡為電子商務店主創建教育內容。 她真的相信質量比數量更重要。

你也許也喜歡

8 mobile landing page examples to inspire your own 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

8 個移動登陸頁面示例來激發您自己的靈感

查看帖子
8 essential popup tips banner 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

提高轉化率的 8 個基本彈出提示

查看帖子
summer popup inspiration banner 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

季節性銷售、父親節和 7 月 4 日的夏季彈出窗口靈感

查看帖子