前 49 個令人印象深刻的彈出示例以及他們為什麼要殺死它

已發表: 2022-05-06

作為一名營銷人員,我一直對彈出式廣告又愛又恨。 一方面,它們可能非常煩人,特別是如果它們在我打開網站的第二秒就爬起來了。

另一方面,如果它們做得好,它們可以成為實現目標的極其強大的工具——無論是獲得更多訂閱者、更多潛在客戶還是更多社交追隨者。 出於這個原因,今天我們將看到一些非常出色的彈出示例

現在,事不宜遲,讓我們深入研究它們:

1.阿瑪尼

彈出例子

在我們美麗而有效的彈出示例列表中,第一個是來自 Armani 的示例。 他們選擇的圖像很可愛,立即引起了人們的注意,彈出的表單本身也盡可能簡單。

這很好,因為它快速並且為用戶節省了時間

該品牌只需要用戶提供一個電子郵件地址,並選擇性別選項,這樣他們就可以收到更加個性化的時事通訊。 我喜歡這個彈出窗口,因為它有足夠的信息來實現它的目標。

2.古馳

這個來自 Gucci 的地理定位彈出示例在幫助用戶確認他的位置方面做得很好,因此他可以根據他在世界的哪個位置接收地理定位的優惠。

我喜歡它以溫暖的“Welcome to Gucci”開頭的事實,他們為彈出窗口選擇的圖像讓他們搶先進入他們的新系列。

3.特德貝克

彈出示例 - ted baker

雖然我們仍在討論服裝品牌,但我們彈出的例子列表中的下一個是來自 Ted Baker 的美女。 這是另一個以地理位置為目標的彈出窗口,我喜歡他們提供了一個簡單的下拉菜單來選擇正確國家的事實。

我也很喜歡它們在底部包含了最常見的國家/地區,因此您可以輕鬆選擇它們,而不是使用下拉菜單一直滾動。

4. 博客嚮導

彈出示例 - 博客嚮導

可能我最喜歡的彈出示例之一是來自 Blogging Wizard 的示例。 龍巫師的插圖很可愛,號召性用語很明確——“更快地發展你的博客”,訂閱按鈕“是的,我加入了!” 很誘人。

對於任何彈出按鈕來說,明確的號召性用語都非常重要,而 Blogging Wizard 在這方面做得很好。 此外,諸如“免費”和“僅限訂閱者”之類的詞確實增加了註冊的誘惑力。

5. 瑞安航空

雖然它不像其他人那樣視覺化,但 Ryan Air 的彈出窗口之所以如此有效,是因為它的措辭。 “Be the first to hear”這個短語給人一種排他性的感覺,“著名”這個詞讓你想了解更多。

此外,瑞安航空不會轟炸您的收件箱的承諾是一大口新鮮空氣。 畢竟,向用戶的電子郵件發送垃圾郵件是公司所犯的最大電子郵件營銷錯誤之一。

6. 旅行顧問

彈出示例:旅行顧問

我喜歡 Trip Advisor 使用彈出窗口功能的方式。 他們沒有使用傳統的營銷聲明進行傳統的彈出式廣告,而是直接讓您有機會盡可能輕鬆地註冊 Google

這樣,他們不僅可以更快地獲得更多註冊,還可以避免用戶註冊和填寫冗長無聊的表格的麻煩。

7.行為

這個來自 Behance 的彈出窗口非常微妙(它背後的圖像不是彈出窗口的一部分)。 它顯示在屏幕的右側,它會跟隨您,不會干擾或乾擾用戶體驗。

就像 Trip Advisor 一樣,它讓用戶可以很容易地以任何他們想要的方式進行註冊——使用電子郵件、Apple、Facebook 或 Google。 做得太好了!

8. 電子商務

彈出示例 - woocommerce

我們彈出的這個例子有點不同,但絕對值得一提。 我喜歡 Woocommerce 設計了一個漂亮的自定義彈出窗口來展示他們的 GDPR 合規性,以一種與他們的網站完美融合的方式。

措辭很簡單,並且包含瀏覽其網站所需的所有必要信息。

9. 辛

我們列出的出色彈出示例列表中的下一個是來自服裝品牌 Shein 的示例。 它之所以如此有效,是因為提供高達 20% 的虛擬優惠券,這是一項非常誘人的交易,立即引起了人們的注意。

較短的到期日期會產生緊迫感,而 CTA 按鈕同樣強大,可以讓用戶採取行動——“收集所有”。

10. 扎拉之家

彈出示例 - zara home

Zara Home 的這個例子很簡單,但我認為這就是它運作良好的原因。 消息很清楚,您只需輸入您的電子郵件,表示同意,然後單擊按鈕訂閱即可獲得最新消息和優惠。

我認為如果他們增加激勵措施,例如 5% 或 10% 的折扣以換取註冊,那將更加有效。

11. Hubspot

彈出示例 hubspot

這可能是此列表中最簡單的彈出示例之一,令人驚訝的是,像 Hubspot(附屬鏈接)這樣的領先營銷自動化公司沒有做更詳細的事情。

然而,正如我之前提到的,有時簡單更好,Hubspot 有一個強大的 CTA—— “加入成千上萬的專業人士”和“建立和發展一個高性能的網站”。

此外,還有一個微妙的問題“還沒有使用 Hubspot?” 底部讓他們有機會展示自己並傳播更多的品牌知名度。

12. 時髦的

彈出示例 - befunk

彈出示例:BeFunky

接下來,我們從虛擬照片編輯器 BeFunky 中彈出這個漂亮的彈出窗口。

我喜歡他們選擇的照片來展示他們付費計劃的可能性,並附有“升級時解鎖數百種高級功能”的消息。 CTA 按鈕可以立即採取行動——“立即升級”。

13. 辛

在我們令人敬畏的彈出示例列表中,下一個是來自 Shein 的另一個示例。 它出現在屏幕的右側,表現得像一張優惠券——這是一種吸引註意力的高效策略。

此外,他們在優惠券上多次強調“註冊並獲得額外 10% 的折扣”的信息,確保您不會錯過機會。

在“免費購物”中用巨大的粉紅色字母加上“免費”一詞是另一種有效的策略——人們總是喜歡免費的東西!

14.Hootsuite

彈出示例 - hoosuite

為什麼這是列表中最好的彈出示例之一有很多原因。 從吸引您注意的幽默措辭到以“我們將把這個 90 天的免費試用留給其他人”的信息結尾,您會忍不住嘗試他們的產品。

90 天的試用期本身就是一個很大的註冊動機,而底部的倒計時則產生了一種極其強烈的緊迫感。 特別是考慮到顯然只剩下5分鐘才能拿到offer了!

(當然,這不一定是真的,但這是一種非常有效的營銷策略)。

15. 彪馬

彈出示例:彪馬

接下來,我們有一個簡單的設計,但在 Puma 彈出的信息方面相當精細。 它以“加入 Puma 粉絲”的信息吸引您的注意力,並提供 10% 的折扣作為獎勵。

但是,與我們看到的其他表單相比,彈出窗口要求用戶提供更多信息。 除了電子郵件地址,您還應該填寫您的出生日期和購物偏好以便能夠註冊。

16. 匡威

彈出示例 - 匡威

我們的精美示例列表繼續使用 Converse 的這個示例。 我喜歡它,因為它做得很好,美觀,甚至有點“挑釁”的問題是“你準備好接受更多了嗎?”

此外,用戶下次購買可享受 20% 折扣的優惠非常誘人,可以讓觀眾毫不猶豫地快速註冊。 大多數公司往往只為此類促銷活動提供 10% 的註冊費。

17. 女人的秘密

接下來,我們有這個來自 Women's Secret 的漂亮彈出窗口。 在結構方面,它不像列表中的其他彈出示例那樣不同和獨特。

但是,我之所以要包含它,是因為它甚至在訂閱之前就為用戶提供了有關如何取消訂閱的信息。 雖然這聽起來可能自相矛盾,但我認為這是證明您是一家值得信賴的公司的好策略。

18.三位一體

彈出示例 - 三位一體

我們選擇的優秀彈出示例繼續與電子郵件營銷和自動化機構 Trinity.one 一起使用。 我喜歡這個彈出窗口,因為它非常簡單明了,您只需留下您的電子郵件即可訂閱。

雖然它沒有什麼特別之處,但有時簡單比把事情變得花哨和復雜更好。

19. 轉換購物車

彈出示例:轉換購物車

我真的很喜歡這個來自 ConvertCart 的網站彈出消息。 設計流暢,引人注目,風格非常現代。 我也喜歡彈出式副本——“在你走之前,偷走這些銷售秘密”。

副本的措辭誘使您採取行動,尤其是電子書本身的醒目名稱——“來自 15 個高轉化率網站的教訓”。 我要改進的一件事是使號召性用語按鈕更大。

20. 轉換購物車

彈出示例 - 轉換購物車

我們的下一個彈出示例再次來自轉換購物車,因為我也發現它很棒,原因有很多。 首先,指南的名稱非常吸引人,突出“42 Irresistible”確實吸引了應有的注意力。

此外,明亮的顏色確實在灰色背景上突顯出來,使號召性用語按鈕更加醒目。

21. Qode 互動

Qode Interactive 彈出示例

彈出示例:Qode Interactive

接下來,我們有這個來自 Qode Interactive 的華麗彈出式設計示例。 我喜歡這樣一個事實,即它在視覺上和美學上都令人愉悅,而且它更多地關注視覺方面而不是營銷信息本身。

當然,他們確實有一個簡短的解釋,強調他們為 Elementor 提供最大的免費 Qi 插件集合這一事實。 CTA 按鈕有點難看——我會把它改成更亮的顏色。

22.Optinmonster

optinmonster 網站彈出消息

我們繼續從 OptinMonster 彈出這個驚人的彈出窗口。 它有很多很棒的東西,例如:

  • 明確營銷主張——“轉化您的網絡流量並從中獲利”
  • 吸引眼球的巨大數字——“加入 1,000,000 多個網站”;
  • 還有一個引人注目且強大的行動呼籲——“增加我的轉化率”。

此外,他們通過說“不,謝謝,我有足夠的轉化……”提供了退出選項。 這是一個騙你訂閱的小心理遊戲,因為沒有公司說過他們有足夠的轉化率。

23. 阿斯特拉

在所有類型的彈出消息中,這一條也非常傾向於產生更多的訂閱。 Astra Theme 通過說明其當前的訂閱者數量,在使其具有驚人的視覺效果和吸引註意力方面做得非常出色。

24. 瀟灑

彈出示例:Dashly

Dashly 在設計這個關於他們的劇本的彈出窗口方面做得很好。 讓電子書內容略顯突兀的圖像很棒,並且完美地伴隨著明確的營銷主張。

此外,無論您是 SaaS 公司還是電子商務企業,他們都可以輕鬆下載正確的劇本。

25. 移動猴子

移動猴子彈出示例

這個來自 MobileMonkey 的彈出窗口感覺有點壓倒性的信息太多,每個文本之間沒有明確的區別。

但是,他們在營造緊迫感方面做得很好——諸如“永遠免費”、“優惠今天結束”和“立即領取”等字眼會誘使您盡快採取行動。

26. 本傑瑞的

說到令人敬畏的彈出示例,我們不得不提到 Ben & Jerry's 這個可愛的設計。 它非常簡單(後面的圖片不是彈出窗口的一部分),但我喜歡他們選擇的字體,非常有特色。

我也喜歡他們稱他們的商店為“當地獨家新聞店”,這聽起來很可愛,給人一種積極的氛圍。 CTA“立即訂購”清晰明了。

27. 阿迪達斯

我們彈出示例列表中的下一個來自阿迪達斯。 與 Armani 的訂閱彈出窗口相比,這個功能具有不同的功能——它可以幫助網站向用戶展示正確位置的正確產品。

我喜歡公司這樣做,因為它確實節省了時間並改善了用戶體驗。 在您的購物車結帳結束時才意識到無法將產品交付到您的位置,這將是非常令人失望的。

28. 共同安排

接下來,我們有另一個出色的彈出示例,這次來自 CoSchedule。 我喜歡它的原因是因為它比其他許多用戶友好

它沒有出現在中心或占據整個屏幕,而是巧妙地出現在頁面底部。 此外,它設計精美,顏色與網站的整體外觀和感覺很好地融合在一起

29. 反向鏈接

說到出色的彈出示例,就不能不提到 Backlinko。 他們擅長使他們的高質量內容極具視覺效果。

這個彈出窗口不僅具有創意和令人驚嘆的外觀,而且還具有強大的營銷主張。 正如我之前提到的,“免費”這個詞總是會引起人們的注意——尤其是在這種情況下,如果它是另一種顏色的話。

Backlinko 提供的免費指南以換取訂閱是一種為觀眾增加價值的好產品。 此外,CTA 按鈕“立即獲取免費指南”顯示了一種緊迫感。

30. 速賣通

彈出示例 - 速賣通

彈出示例:速賣通

我們的下一個彈出示例來自 Aliexpress,絕對不可能錯過它。 明亮的色彩組合,以及所有表達緊迫感的聲明,例如“不要浪費這個折扣!” 誘使您立即搶購優惠券。

使彈出窗口如此有效的另一個組件是它上面有到期日期。 這增加了緊迫感,讓觀眾通過點擊亮色按鈕採取行動。

31.卡爾文克萊恩

接下來,我們有一個來自服裝品牌 Calvin Klein 的彈出示例。 這個彈出窗口如此有效的主要原因是該品牌在訂閱時為您提供令人興奮的 10% 折扣,許多其他品牌也在實施這一策略。

老實說——我們都喜歡做某事的額外動力,尤其是在金錢方面。

32. 許願池

彈出示例:Wishpond

我喜歡 Wishpond 的這個例子的原因是他們正在使用彈出窗口來銷售他們的……允許您創建彈出窗口的產品。

文字“等一下! 那是退出意圖”幾乎讓我嚇了一跳,因為我認為這是一種病毒,但老實說,他們很聰明。 它立即引起了你的注意,然後他們解釋了這個神秘信息背後的原因。

33. 威茲航空

wizz air - 彈出示例

我們令人印象深刻的彈出示例列表中的下一個是來自 Wizz Air 的示例。 與 CoSchedule 一樣,他們決定將其放置在屏幕底部而不是中心,我認為它看起來很棒。

我喜歡他們以“psst”開頭的短語——它吸引了注意力,並為傳統的營銷主張增添了幽默感。 他們說“為你”的事實也讓人感覺更加個人化。

34.芒果

很棒的彈出示例 - mangools

接下來,當我滾動瀏覽 Mangool 的博客時,屏幕右側出現了這個華麗的彈出示例。 我喜歡它,因為它顯示推薦與我已經閱讀的主題相關的感興趣的閱讀。

我喜歡為推薦的博客文章閱讀彈出窗口的想法,而不是僅將其用於商業目的,例如捕獲潛在客戶或增加註冊。

這種策略可以幫助公司降低跳出率,並使人們在網站上停留的時間更長。

35. 商業新聞日報

每日彈出示例的商業新聞

彈出示例:商業新聞日報

接下來,我們從《商業新聞日報》中彈出這個彈出窗口,它不是很有侵入性,並且與他們網站的外觀和感覺很好地融合在一起。 它顯示在屏幕底部,並提供有關業務的資源以換取您的電子郵件。

36.元素

我們還沒有完成! 接下來在我們選擇的出色彈出示例中,我們有一個來自 Elementor 的示例。

同樣,我認為包含當前訂閱者的數量是一個很棒的主意,在這種情況下,“元素”。 如此令人印象深刻的數字看起來很有希望,它可能會說服更多人了解炒作的內容。

37. Hostgator

彈出示例 hostgator

彈出示例:Hostgator

這個來自 Hostgator 的彈出窗口是非侵入式橫幅的另一個很好的例子。 它顯示在屏幕底部,不會佔據整個屏幕,也不會在人們一到網站時就嚇到他們。

此外,他們計算出的價格——“每月僅 2.75 美元”,對於託管服務來說極具吸引力,並且會立即引起人們的注意。

38. 織機

我們的超棒彈出示例列表繼續使用來自 Loom 的這個小橫幅,它顯示在屏幕的右下角。

我喜歡它,因為它的顏色與 Loom 博客的背景形成鮮明對比,即使設計本身並不特別,這也使得彈出窗口脫穎而出

39. 歐萊雅

彈出示例 - 歐萊雅

彈出示例:歐萊雅

接下來,我們從化妝品牌歐萊雅推出這款美麗、小巧但優雅的產品。 它讓您有機會更多地研究他們以人為本的方法,並且它舒適地顯示在屏幕中央,使搜索更容易。

40.Mailchimp

我非常喜歡Mailchimp的這個彈出窗口! 這是迄今為止我見過的最具創意的彈出示例之一。 雖然它只佔屏幕的一小部分,但我認為它是如此的視覺和獨特,以至於它會立即吸引你的注意力。

41. 營銷內幕組

這個來自 Marketing Insider Group 的 b2b 彈出示例非常獨特。 儘管它在設計方面一點也不視覺或有趣,但它的獨特之處在於它的方法。

他們不想直接詢問電子郵件,而是想更多地了解您以及您是誰,這就是在這種情況下引起注意的原因。

42. 濃縮咖啡

我們收集的彈出示例繼續使用 Adespresso 的這種美麗。 我非常喜歡它的美感,流行的顏色和巨大的綠色按鈕,它只是在上面尖叫“免費”。

醒目的黃色非常適合使網絡研討會的名稱脫穎而出。

43. 冷卻器

彈出例子

彈出示例:冷卻器

另一個真正的視覺和審美彈出是來自 Coolors 的。 我喜歡它,因為它給人的感覺非常個人化和友好——創作者做得很好,讓你在這個遙遠的數字空間裡感覺更接近他。

他展示自己而不是隱藏在品牌背後的事實,再加上有趣的照片,確實吸引了人們的注意力,讓你想和他建立聯繫。

44. 搜索引擎雜誌

彈出示例搜索引擎日誌

說到令人敬畏的彈出示例,我不能忘記提及 Search Engine Journal——他們的彈出窗口做得非常好。 我喜歡這個顏色,一切都井井有條,易於閱讀。

號召性用語按鈕經過完美設計來吸引註意力——對比鮮明的紅色和文字“是的! 現在就給我佔位!” 結合得很好。

45. 關鍵字英雄

接下來,我們有這個來自關鍵字英雄的可愛彈出窗口。 我認為這些插圖真的很好看,很容易看。 我喜歡他們還提供了一個實際示例,說明他們正在嘗試解決什麼樣的問題。

畢竟,有時很難將產品可視化,而他們在使其易於理解方面做得很好。

46. 撫養孩子賺錢

彈出示例:撫養孩子賺錢

接下來,我們從博客 Raising Kids Making Money 中獲得了這個經典的彈出示例。 我喜歡它,因為它與其他使用更具侵略性的顏色來吸引註意力的彈出窗口不同,它很微妙——這還不錯,當然,我們從中看到了很多很好的例子。

但是,在某些情況下,製作更微妙的彈出窗口對用戶的干擾可能較小。

47.MediaKix

雖然此網站彈出消息的視覺效果並不令人印象深刻,但它在通過彈出副本吸引註意力方面做得很好。

提到 TikTok、Squarespace、COVERGIRL 和 Dunkin' 等大品牌,您會立即想了解更多。

48. 未綁定 B2B

我們的彈出示例列表中的下一個是來自 UnboundB2B 的示例。 我喜歡它,因為它的設計方式有助於品牌更多地了解您的興趣,進而為您提供更個性化的內容,以滿足您的需求。

49. CoSchedule

Coschedule 彈出

說到令人敬畏的彈出示例,我們還有一個來自 CoSchedule 的示例。 這個退出彈出窗口確實引起了我的注意,因為它承諾在您離開網站之前佔用您很少的時間。

換句話說,他們要求我們給他們展示他們酷產品的機會。 通過這種方式,他們向我們展示了他們可以在 30 秒內證明他們產品的價值,這對他們來說是一個非常強大的舉措。

這就是我今天的全部內容! 感謝您花時間閱讀我關於最佳彈出示例的文章,希望在下一篇中見到您!