~ 1 min read

Shopify 彈出視窗:6 點檢查清單.

Praella Shopify Plus Agency - Glenn Carstens Peters

彈出式窗口是 Shopify 上最受歡迎的訪客互動形式之一。去年,我們檢視了 300 家 Shopify 商店,其中一半使用了彈出式窗口。

 

 

Wisepops Shopify 商店案例研究的截圖。

問題是?大多數商店擁有者都急於求成,沒有花時間去優化他們的彈出式窗口。

在這篇文章中,我們將解釋如何創建真正能提升 Shopify 商店電子郵件名單的彈出式窗口。

確定合適的激勵措施

我們不妨直截了當地說。大多數網絡用戶不會輕易分享他們的電子郵件地址,除非他們能獲得一定的回報。

這種回報可能是:

  • X% 的折扣碼

  • 免費運送碼

  • 贏得某樣東西的機會

  • 一件免費贈品(視頻、電子書等)

但在我們詳細說明激勵措施之前,讓我先展示一個它們效力的真實案例。

我們最近接手了一位客戶,他們開始使用以下彈出式窗口來收集電子郵件。正如你所見,這個彈出式窗口並未包含任何激勵措施。

 

在我們建議他們吸引潛在訂閱者之後,他們更新了彈出式窗口,邀請訪客輸入電子郵件以贏得一個免費蠟燭:

 

結果立即顯現:他們的彈出式窗口轉換率從 2.5% 跃升至 7%!

 

幾個月前,我們在折扣碼方面觀察到了同樣的現象。

我們的一位客戶,一家Shopify商店,銷售智能瓶,進行了以下的 A/B/C/D 測試。

 

結果顯而易見:折扣越大,轉換率越高。

在我們的經驗中,折扣碼和抽獎活動的效果遠遠優於免費贈品。

為了幫助你在優惠券和抽獎活動之間做出選擇,這裡有兩種選項的快速比較:

優點缺點優惠券

  • 你將收集到考慮在某個時候購買你產品的人的電子郵件

  • 優惠券可能會出現在優惠券聚合網站上,並能接觸到更大觀眾

  • 折扣將直接影響你的利潤

抽獎活動

  • 抽獎活動非常便宜

  • 你可能會吸引“抽獎者”

找出說服力強的詞彙

一旦你選定了激勵措施,就該著手撰寫你的彈出式窗口文本了。

在內部,我們在撰寫文案時使用一個名為“SIP”的規則:

  • 簡潔:你的訪客會在瞬間選擇分享他們的電子郵件或關閉你的模式。你需要使用非常少的詞匯。

  • 有影響力:你需要使用有力的詞語來說服他們訂閱。

  • 精確:同樣,這是時間的問題。你的訪客沒有時間閱讀不清晰的句子。

這是Fulton & Roark的一個好例子:

 

每個字都很有用,並有助於說服訪客留下他們的電子郵件地址。

這裡有另一個Baubax的有趣例子:

 

這個彈出式窗口從標題到行動呼籲僅包括 12 個字,並且只需幾秒鐘即可閱讀。

設計引人注目的覆蓋層

讓我們直奔主題。

作為訪客,我們真的被電子郵件彈出式窗口轟炸。

要超越競爭對手,值得注意的是一個標準彈出式窗口的外觀,這樣你就可以設計出更好的東西:

  • 大多數電子郵件彈出式窗口不包括視覺元素。在你的覆蓋層中加入產品視覺圖片或激勵人心的圖片,讓它更難以忘懷。

  • 大多數電子郵件彈出式窗口是方形或矩形的。嘗試使用圓形的彈出式窗口或使用圖形元素來使你的彈出式窗口看起來更獨特 - 使圖片從彈出式窗口中突出等。

  • 大多數電子郵件出現時沒有動畫。在你的彈出式窗口進入螢幕時增加動畫,以使其更加顯眼。

這裡有一些我喜歡的例子。

Saltsurf 使用亮綠色背景來突出它的彈出式窗口。


Mavi 使用帶有視覺元素的條形圖,該視覺效果突出於條形本身,為條形增添了一些深度。

 

Sojao 展示了一個背景全藍的圓形彈出式窗口。這也是個有趣的設計!

 

想要更多說服力強的 Shopify 彈出式窗口範例? 查看這篇文章

確定正確的時間

大多數商店在訪客到達他們的網站時立即顯示彈出式窗口。

這樣做會讓訪客感到瘋狂,並且對你的名單建立工作也不好。

想要證據嗎?

這是我們的一位客戶進行的一個 A/B 測試,一家在線孕婦服裝商店。

結果不言而喻:我們的客戶在顯示其電子郵件彈出式窗口之前等了 5 秒,轉換率提高了 23%!

 

但這並不意味著你等待的時間越長,收集的電子郵件就會越多!因為如果你等待太久,將看到彈出式窗口的訪客人數將大幅減少,最終你會收集到更少的電子郵件。

為了找出彈出式窗口的最佳顯示時間,我們建議你進行測試或使用退出意圖彈出式窗口(第二個選項實施起來更快)。

創建移動友好的彈出式窗口

2016 年,Google 宣布他們的算法將開始對移動設備的干擾性插頁進行懲罰

新規則針對使用大型電子郵件模態窗口的網站,如下所示:

 

為了避免被懲罰,我們建議遵循以下最佳實踐:

  • 為移動設備創建單獨的彈出式窗口(擁有響應式的彈出式窗口是不夠的)

  • 將彈出式窗口表單放置在頁面底部

  • 確保它的大小不超過頁面的 30%

這是一個移動友好的彈出式窗口範例:

來源:Romwe。

創建額外的彈出式窗口

另一個大多數 Shopify 網站在使用彈出式窗口時犯的重大錯誤是僅僅創建一個彈出式窗口。

典型的購物體驗包括多次讓行銷人員收集電子郵件的機會:

  • 你可以在主頁上顯示一個簡單的電子郵件條

  • 為離開產品頁面且享有折扣的訪客創建特定的退出意圖彈出式窗口

  • 為缺貨商品創建彈出式窗口,鼓勵訪客訂閱你的補貨提醒

  • 在購物車頁面創建購物車放棄彈出式窗口

這是Christy Dawn的此策略示例。該網站在訪客查看的第一頁上顯示電子郵件條。

 

如果這位訪客沒有訂閱,他們會在缺貨產品頁面上顯示這個補充的彈出式窗口(你會注意到不同的措辭)。

總結

在結束之前,我想分享最後一個建議。

如今,Shopify 可以自豪地說運營著一些成功的在線商店:LeesaColourpopInkboxSkinny Me Tea… 

如果你對彈出式窗口缺乏靈感,我建議你花幾分鐘時間查看他們的網站,檢查不同的頁面並嘗試觸發彈出式窗口。他們的模態是絕佳的靈感來源。


Previous
在 Shopify 上減少購物車放棄的 5 種方法
Next
Shopify 的電子郵件行銷(指南)