13 個很棒的購物車放棄彈出窗口示例和最佳實踐

大多數電子商務企業都在為放棄購物車而苦苦掙扎——我們將告訴你如何使用退出意圖彈出窗口來對抗它。

各行業的平均購物車放棄率為70%。 但是你可以通過彈出窗口來降低它。 您只需要在訪問者離開您的網站之前吸引他們的注意力。 想學習如何？

我們包含了 13 個我們最喜歡的購物車放棄彈出窗口示例作為靈感，並提供了進一步優化每個彈出窗口的提示。 作為獎勵，我們提供了一些即用型模板。

讓我們開始吧。

目錄

• 13 個很棒的廢棄購物車彈出示例
• 將煩人的結帳彈出窗口變成有效的廢棄購物車保護程序的 5 個技巧
• 恢復您網站上的銷售損失

一條經過優化的彈出消息可以將您的購物車放棄率降低 17%或更多。

在本節中，我們將向您展示如何操作。 以下是使用 OptiMonk 製作的 13 個購物車放棄彈出窗口示例。

1. 使用倒數計時器增加緊迫感 | Shapescale.com

我們喜歡什麼：

• 倒數計時器創造了一種緊迫感，以激勵客戶花錢。 當他們看到他們的折扣僅在有限的時間內有效時，他們更有可能進行轉換。
• 此彈出窗口對價值主張、計時器和號召性用語 (CTA) 按鈕使用暖色。 這與他們的網站顏色形成了鮮明的對比，因為它引起了對折扣的更多關注。
• 退出鏈接說：“不，謝謝。 我寧願付全價。” 這個微妙的消息告訴訪問者他們在關閉退出意圖彈出窗口時拒絕折扣。 大多數客戶不想拒絕交易，因此這可以提高轉化率。

進一步優化的提示：

• 對不同的 CTA 文本運行 A/B 測試，例如“完成我的購買”或“轉到我的購物車”，看看客戶喜歡哪個版本。
• 添加品牌標誌將使這個放棄購物車的活動看起來更加正式。

2. 促銷10% off | Eyelovethesun.com

我們喜歡什麼：

• 簡約的設計使彈出窗口易於閱讀。 當消息出現時，訪問者確切地知道您提供的是什麼。
• 此退出意圖彈出窗口還捕獲電子郵件地址，因此您可以在恢復廢棄的購物車的同時擴大您的列表。

進一步優化的提示：

• 文本可能更暗，以使交易更具可讀性和流行性。
• 將此彈出窗口與提醒客戶使用折扣的粘性條配對。

3. 突出顯示免費送貨和 10% 折扣 | Threedropsoflife.com

我們喜歡什麼：

• 倒數計時器對於臨時購物者來說是一個很好的銷售動力。
• 使折扣文本更粗更大會引起對價值主張的更多關注。
• 免費送貨是鼓勵訪問者轉化的另一種好方法。

進一步優化的提示：

• 標題使用兩種不同的字體大小。 這是一個運行 A/B 測試的好機會，可以查看訪問者是否更喜歡當前的標題或使用相同字體的標題。
• 給按鈕一個更亮的顏色會使 CTA 更明顯。

4. 提醒放棄遊客他們的包| Scarlettos.com.au

我們喜歡什麼：

• 標題很友好，採用對話式語氣。 這非常適合與訪客建立聯繫。
• 當您查看彈出窗口時，CTA 按鈕的明亮顏色會立即引起您的注意。

進一步優化的提示：

• 保存彈出窗口下一頁的優惠券代碼 - 在他們單擊 CTA 之後。 這樣，您就可以跟踪有多少訪問者轉換了。 您甚至可以在第一頁添加一個字段來捕獲他們的電子郵件地址。
• 標題大於實際報價。 應該更加強調20美元的折扣。

5. 給予大幅折扣 | Swisswatchexpo.com

我們喜歡什麼：

• 這是一個簡單易讀的退出意圖彈出窗口。 沒有任何令人分心的圖像使信息混亂。 訪問者通過瀏覽彈出窗口立即看到您的報價。
• 倒數計時器真的很突出。 計時器的顏色和大小讓人難以錯過。
• 提供 100 美元的產品折扣是吸引訪問者註意力和增強客戶忠誠度的可靠方式。

進一步優化的提示：

• 有了這樣的購物車放棄彈出窗口，少即是多。 倒數計時器上方的兩行文字會分散讀者的注意力。 它們也是不必要的，因為計時器已經傳達了該信息。
• 考慮在顏色反轉的彈出窗口上運行 A/B 測試。 使用白色背景和黑色文本，然後查看訪問者喜歡哪個版本。

6. 顯示購物車放棄者的折扣代碼 | Zooshoo.com

我們喜歡什麼：

• 它有一個獨特的設計。 形狀和鮮豔的色彩使彈出窗口令人難忘。 這有助於品牌識別。
• 折扣適用於商店中的所有產品，而不僅僅是訪客留在購物車中的商品。 這可以激勵購物車放棄者購買更多商品，從而提高商店的平均訂單價值。

進一步優化的提示：

• 這個退出意圖彈出窗口應該有一個收集電子郵件訂閱者的字段。 訪問者輸入他們的電子郵件並單擊 CTA，然後在彈出窗口的第二頁上看到促銷代碼。
• 倒數計時器的顏色不適用於彈出窗口的其餘部分。 嘗試為計時器使用更亮的顏色運行 A/B 測試，然後選擇性能最佳的變體。

7. 提供即時折扣 | Gourmetbasket.com.au

我們喜歡什麼：

• 彈出窗口的顏色和設計與網站的主題完美匹配。
• 這麼快就走？ 標題具有友好和對話的語氣，直接與訪問者交談。 這讓商店感覺更受歡迎。

進一步優化的提示：

• 價值主張周圍有很多空白。 “任何礼物 10 美元，任何時候”的文字如果更大一些會更好看。
• 有些文字難以閱讀。 你會希望你的退出彈出窗口是可掃描的。 更大的文本更好。

8.突出折扣和免費送貨| Prospectorknives.com

我們喜歡什麼：

• 20% 的購買折扣和免費送貨是大多數客戶不會拒絕的優惠。 這對於提高轉化率非常有用。
• 背景圖像看起來很棒，並且與品牌相關的戶外主題相匹配。

進一步優化的提示：

• 號召性用語按鈕顏色並不突出。 這使訪問者很容易忽視價值主張。 更亮的顏色 CTA 按鈕在這裡會很好。
• 一些文本難以閱讀——當它們不可掃描時，客戶往往會忽略退出意圖彈出窗口。

9. 通過提供特別優惠來挽回放棄購物車的人| Mmawarehouse.com

我們喜歡什麼：

• 它有一個令人難忘的設計。 背景圖像和顏色與網站完美匹配。
• 倒數計時器所用的字體觸感極佳。 它看起來像 MMA 比賽中使用的計分卡——這確實讓這個彈出窗口看起來更加正式。
• 紅色的 CTA 按鈕立即吸引了訪問者的注意力。 你沒有辦法錯過它！

進一步優化的提示：

• 如果您想最大限度地提高轉化率，則不應在彈出窗口的第一頁上顯示優惠券代碼。 這使得跟踪由於彈出窗口而獲得的轉化次數變得更加困難。
• 電子郵件選擇在第一頁上會非常有效。 訪問者訂閱後，他們將轉到第二頁以獲取他們的折扣代碼。

10. 提供免費升級優先郵件 | Bullets2bandages.org

我們喜歡什麼：

• 良好的價值主張。 有很多公司提供免費送貨的網站彈出示例，但這個更令人難忘。 他們將客戶升級為加快免費送貨。
• 彈出窗口底部的“不，謝謝”選擇退出也很棒。 它引起了人們對所有在線購物者都討厭的問題的關注：運輸緩慢。

進一步優化的提示：

• 添加與他們的報價相關的品牌徽標或圖像將是一個好主意。
• 在不同的標題上運行 A/B 測試，這些標題更短且重點突出，例如“加快發貨”或“免費優先發貨”。

11.使用一個簡單的購物車放棄彈出| Boombycindyjoseph.com

我們喜歡什麼：

• 極簡主義的設計看起來不錯，並得到了重點。 他們為轉換的客戶提供的服務毫無疑問。 您注意到的第一件事是所有大寫字母的“10% 折扣”。
• 右上角的品牌標誌也很漂亮。 它的配色方案看起來很棒，並有助於使結帳彈出窗口看起來更加專業。
• CTA 按鈕在吸引訪問者註意力方面做得非常出色。 它不僅顏色鮮豔，而且還巧妙地放置在彈出窗口的右上角。 這意味著在查看價值主張後，您的眼睛會直接轉向 CTA。

進一步優化的提示：

• 刪除“輸入您的電子郵件以獲得獨家優惠”行不會影響彈出窗口傳達的消息。 在刪除該行的情況下運行 A/B 測試，看看哪個彈出變體表現更好。
• 彈出項目使用緊急（“立即簽出”），但沒有定時交易。 考慮一個沒有緊迫性的標題，例如“第一個訂單可享受 10% 的折扣”。

12. 使用獨特的設計 | Rawwcosmetics.com

我們喜歡什麼：

• 字體和配色方案看起來很棒，其非正統的形狀意味著訪問者在看到這個彈出窗口時不會忽略它。
• “得有那些超級食物……”這句話既有趣又友好。 它充滿個性，客戶喜歡它。
• 當務之急“等等！ 你的購物車裡有東西！” 立即提醒訪客他們尚未完成訂單。

進一步優化的提示：

• 副標題和 CTA 按鈕副本有點小。 這是此彈出窗口樣式的一部分，但如果它們是粗體的，它們會更容易閱讀。
• 訪客沒有完成結賬的動機。 考慮製作第二個購物車放棄彈出窗口，提供 10% 折扣或免費送貨等優惠。

13.使用全屏彈出| Gnomeangel.com

尋找一些最佳實踐來創建高轉化率的結帳彈出窗口？ 以下是恢復更多購物車的 5 個技巧。

您可以使用它們來創建您的第一個廢棄購物車彈出窗口或優化您網站上的現有彈出窗口。

1. 在人們放棄之前使用退出意圖來定位他們

退出意圖彈出窗口不會在訪問者瀏覽您的網站時干擾他們。 相反，您可以在他們離開之前立即向他們發送消息。 這意味著您有更多機會在訪問者從您的網站反彈之前轉換他們。

當你給他們一個理由時，許多購物者確實會轉換。 這將我們引向第二個提示。

2. 提供折扣或免費送貨以幫助訪客做出決定

通過向完成訂單的客戶提供交易，您可以恢復近 20% 的廢棄購物車。

有時訪客需要一些額外的激勵來完成他們的購買。 給他們折扣或免費送貨可能足以激勵他們完成訂單。

現在，讓我們看看提供折扣的最佳方式，這樣您就不會虧本。

3. 使用購物車規則根據購物車價值提供折扣

提供折扣是增加銷售額的有效方法。 但是為每個放棄購物車的訪客提供折扣會降低您的利潤。 通過僅向購物車價值昂貴的訪客提供折扣來防止這種情況。

您可以使用 OptiMonk 的購物車規則功能根據購物車的價值來定位訪問者。

假設普通人在您的網站上花費 50 美元。 您可以使用購物車規則功能來定位購物車價值 75 美元或以上且有折扣的用戶。

您還可以為花費較少的訪問者創建單獨的購物車放棄彈出窗口。 給他們不同的優惠——比如免費送貨或產品樣品。

想學習如何使用購物車規則設置？ 我們有一個分步指南來幫助您入門。

4.利用緊迫感增加銷售額

緊迫性是讓客戶完成訂單的絕佳方式。 當他們意識到他們的交易只在有限的時間內可用時，他們更有可能採取行動。 您可以通過在彈出窗口中添加倒數計時器來使用緊急恢復廢棄的購物車。

5. 使用彈出窗口捕獲電子郵件地址

您的購物車放棄彈出窗口是從訪問者那裡捕獲電子郵件地址的絕佳機會。

讓訪問者在彈出窗口中輸入他們的電子郵件地址。 他們轉換後，您可以給他們一個折扣代碼，以便他們下次購買時使用。 此代碼可以使用電子郵件平台自動發送給他們。 或者，您可以讓 OptiMonk 在彈出窗口的第二頁上生成代碼。

獲得他們的電子郵件地址後，您可以向他們發送放棄購物車的電子郵件，以提醒他們完成購買。

使用這些技巧將幫助您創建一個真正轉換的結帳彈出窗口。