29 個電子郵件彈出示例，以獲得更多時事通訊訂閱者

您知道電子郵件營銷是吸引客戶的最有效方式之一嗎？ 這就是為什麼81% 的小企業使用它來建立客戶關係、推出新產品和推動銷售的原因。

但在您可以使用電子郵件營銷來建立這些關係之前，您需要先建立您的電子郵件列表。 這就是電子郵件彈出窗口可以提供幫助的地方。

我們將指導您了解如何通過簡單的網站彈出表單獲得新聞訂閱者。

讓我們開始吧。

你想看更多的例子嗎？ 下載我們的免費滑動文件並從 42 個電子郵件彈出示例中獲得靈感。

彈出窗口是您根據訪問者的網站行為發送給訪問者的現場消息。 這些消息通常要求他們執行特定操作，例如：

• 查看新產品和服務。
• 下載像電子書或信息圖這樣的鉛磁鐵。
• 輸入個人信息，例如他們的姓名、電子郵件地址和/或電話號碼。

最常見的彈出窗口類型是電子郵件彈出窗口（也稱為時事通訊彈出窗口或電子郵件訂閱彈出窗口）。

您只需添加電子郵件捕獲表單即可將任何類型的彈出窗口轉換為電子郵件彈出窗口。

假設您想通過提供 10% 的折扣來定位首次訪問者。 您可以向他們展示帶有優惠券代碼的彈出窗口，但您錯過了獲得新訂閱者的機會。

更好的方法是將電子郵件表單添加到您的彈出窗口中。 這樣，訪問者必須先輸入他們的電子郵件地址，然後才能兌換您的優惠券代碼。 他們獲得折扣，您獲得高質量的電子郵件線索——每個人都贏了。

您可以使用電子郵件彈出窗口根據特定訪問者的網站活動來定位他們，並提供個性化的消息，以增強而不是破壞瀏覽體驗。

以下是四種類型的電子郵件彈出窗口，可幫助您增加訂閱者。

1.標準的電子郵件彈出窗口

在所涵蓋的四種類型中，標準電子郵件彈出窗口是最流行的示例。

你知道它長什麼樣。 這是訪問者正在瀏覽的網頁上顯示的小窗口。

何時使用此彈出窗口：使用它來收集訪問者的電子郵件地址，同時提供免費送貨、折扣或其他您的客戶會喜歡的東西。

2.全屏彈出窗口

當您真的想引起訪問者的注意時，全屏彈出窗口非常棒，因為它們佔據了整個屏幕。 它們就像登陸頁面的彈出版本。

何時使用此彈出窗口：當您想在定位訪問者時消除任何干擾。

3. 邊消息

Sidemessages 是出現在屏幕側面的非侵入性消息。 它們是在不干擾訪問者的情況下傳遞現場消息的好方法。

何時使用此彈出窗口：當您想在不打擾訪客的情況下向訪客發送消息時。

4. 粘條

粘性條會粘在屏幕的頂部或底部——它們會一直留在那裡。 像邊消息一樣，粘性條以微妙的信息針對訪問者。

何時使用此彈出窗口：非常適合在不強迫訪問者與您的彈出窗口交互的情況下發送站點範圍的消息。

現在基礎知識已經完成，這裡有一些很棒的彈出窗口來捕獲訪問者的電子郵件地址。

1. 提供折扣 – Framebridge

這個電子郵件彈出窗口有什麼好處：

• 背景中柔和的色調使黃色的號召性用語按鈕更加醒目，從而提高了轉化率。
• 沒有拐彎抹角。 訪客立即知道他們在首次購買時可享受 15% 的折扣。
• 彈出窗口有一個明確的退出選項，因此如果訪問者不想選擇加入，他們可以輕鬆離開。

這個例子有什麼更好的地方：

• 背景圖像使文本難以閱讀。
• 號召性用語按鈕是通用的。 嘗試通過說“是的！ 我想要 15% 的折扣。”

2. 促銷 10% 折扣 – Indigo

這個電子郵件彈出窗口有什麼好處：

• “訂閱並享受”喚起了加入郵件列表並享受 Indigo 驚人優惠的愉快感覺。
• 另一個不拐彎抹角的例子。 訪客立即知道他們可以獲得 10% 的折扣。
• 簡單的一步選擇加入。 您的網站訪問者輸入他們的電子郵件地址並單擊按鈕。 該過程在一秒鐘內結束，這對忙碌的人很有吸引力。

這個例子有什麼更好的地方：

• 潛台詞太多。 有時“少即是多”。
• 包括名字字段將允許在未來的電子郵件中進行一些個性化。

3. 在您的時事通訊中分享有價值的內容 – 2X eCommerce

這個電子郵件彈出窗口有什麼好處：

• 從視覺上看，此彈出窗口有效。 CTA 按鈕與彈出背景形成鮮明對比，立即吸引訪問者的注意力。
• 痛點和價值主張在文本中清晰，吸引訪問者訂閱。 誰不想要快速的電子商務增長和獨家增長戰略？
• 客戶通過閱讀標題確切地了解業務承諾。

這個例子有什麼更好的地方：

• CTA 可能對所有訪問者都不夠具體，並且可能不會增加轉化次數。 通過在號召性用語按鈕中添加“註冊我的私人通訊”，訪問者甚至可以在閱讀較小的文本之前立即知道他們得到了什麼。
• 副標題很難閱讀——尤其是對於有視覺障礙的遊客。

4. 突出您的獨特優惠 – Ollie

這個電子郵件彈出窗口有什麼好處：

• 他們使用鮮豔的色彩和品牌來引導訪問者的注意力轉向引人注目的彈出窗口。
• 它有一個易於閱讀、直接的報價。
• 前期報價很有吸引力，並突出了公司的長期承諾（50% 的折扣，然後兩次 25% 的折扣）。

這個例子有什麼更好的地方：

• 號召性用語並不吸引人或特別特別。 與“繼續”相比，“發送我的特別優惠”之類的內容更有可能增加轉化率。
• 通過使用醒目的對比色，CTA 按鈕可以“彈出”更多。

5. 提供免費禮物——BlendJet

這個電子郵件彈出窗口有什麼好處：

• BlendJet 使用與背景無縫融合的全屏彈出窗口，增加了參與度。
• 當你註冊時，你確切地知道你會得到什麼。
• 他們不需要很多個人信息。 他們只要求提供電子郵件地址。 這是提高轉化率的一個很好的技巧，並且不需要訪問者的努力。

這個例子有什麼更好的地方：

• 添加名字字段將創建更加個性化的用戶體驗。
• 橫向佈局會更好。 通過將圖像向左移動——這將有助於將訪問者的視線引導至右側的銷售文案。

6. 設計一個不錯的彈出窗口，享受 5% 的折扣 -完全

這個電子郵件彈出窗口有什麼好處：

• 這個彈出窗口具有清晰的文字和時尚的真實照片，在美學上令人愉悅。
• 從視覺上看，CTA 按鈕清晰可辨（並且與品牌的配色方案保持一致）。
• 彈出窗口背後的信息很簡單：獲得 5% 的折扣。

這個例子有什麼更好的地方：

• 報價可能會更大，以使其值得訪問者的時間（想想：10% 或 15% 的折扣）。
• CTA 按鈕和副本可能更令人興奮。

7. 讓訪客知道您不會發送垃圾郵件 – Mala the Brand

這個電子郵件彈出窗口有什麼好處：

• 非正式的第一人稱語言使彈出窗口更具個性。
• “沒有垃圾郵件——只有好東西”有助於讓持懷疑態度的訪客放心，他們可能會猶豫是否選擇加入。
• “加入俱樂部”號召性用語營造了一種社區感和排他性。

這個例子有什麼更好的地方：

• 彈出窗口需要某種圖像。 格式有個性，但外觀對參觀者來說是沉悶的。
• “節省 10%”的提議可以加粗強調。

8. 遊戲化您的電子郵件彈出窗口——100% 純正

這個電子郵件彈出窗口有什麼好處：

• 這個交互式的兩步彈出窗口很有趣，而且節奏變化令人耳目一新。
• 彈出窗口的色調和顏色與網站非常一致。
• “15% OFF”優惠券不僅引人注目，它還讓訪問者有機會個性化他們的優惠。

這個例子有什麼更好的地方：

• 粉紅色的使用可能有點多，會混淆 CTA、輸入字段等。
• 最初的“神秘報價”可能有點令人反感。 人們可能沒有意識到他們正在達成交易或刮刮彈出窗口是什麼。

9. 詢問出生日期 – Paddywax Candles

這個電子郵件彈出窗口有什麼好處：

• 這是一個視覺上吸引人的彈出式設計，與品牌融為一體。
• 圖像有吸引力且簡單。 它沒有充滿對比色，而是讓訪問者專注於一項。
• 獨特的報價。 當遊客輸入他們的生日時，會暗示生日驚喜。

這個例子有什麼更好的地方：

• 此彈出窗口中的文本過多。
• 白色背景下的文本顏色不容易閱讀。
• 他們不強調 15% 的折扣——比起“新來的？”，遊客更關心這一點。 標題。

10. 給訪客一個獲勝的機會——Structube

這個電子郵件彈出窗口有什麼好處：

• 動機很明確：贏得 100 美元。 文字大而粗，不過分。
• 顏色的味道是有效的和品牌的。 黃色使這個設計非常有吸引力。
• 這張圖片非常吸引人，讓遊客了解他們可以用 100 美元的獎勵禮品卡購買什麼。
• 一步註冊很容易，只需要一秒鐘。 非常適合忙碌的遊客。

這個例子有什麼更好的地方：

• 如果獲勝的機會是每週抽獎，或者獲勝者每週獲得 100 美元的禮品卡，潛台詞是冗長的，並不完全清楚。
• CTA 按鈕文本可能更令人興奮，例如：“註冊我！” 或“我很想贏！”

11. 轉換即將離開的訪客 – Hello Fresh

這個電子郵件彈出窗口有什麼好處：

• 這張照片看起來很美味，在這個引人注目的彈出廣告中，顏色與圖像相得益彰。
• 訪客在註冊時確切地知道他們會得到什麼。
• 折扣確實使訂閱值得。 誰不想節省 80 美元？

這個例子有什麼更好的地方：

• 此彈出窗口很忙。 潛台詞很雜亂，可以通過減少單詞來進行一些優化。
• CTA 按鈕看起來像錨文本。 刪除潛台詞並使 CTA 按鈕變大會使其成為更好的彈出窗口。
• 報價令人困惑。

12. 在您的電子郵件彈出窗口上推廣 10% 的折扣 – Cygnett

這個電子郵件彈出窗口有什麼好處：

• Cygnett 保持彈出式設計簡單明了。 極簡設計的大量使用。
• 他們不會通過詢問太多信息來給訪問者帶來不便——只需要一個名字和電子郵件地址。

這個例子有什麼更好的地方：

• 像“獲得我的 10% 折扣！”這樣的 CTA 會更加具體和獨特。
• 儘管按鈕顏色產生了很好的對比，但值得 A/B 測試不同的顏色以找出訪問者更喜歡什麼。

13. 用彈出窗口歡迎訪客 – Monoset

這個電子郵件彈出窗口有什麼好處：

• 黑白圖像給人一種簡單而優雅的感覺。
• 信息清晰直接，沒有混淆的餘地。

可能需要一些工作：

• 儘管彈出窗口底部的文字是一種可愛的情感，但它會增加噪音。 刪除它並將彈出文本的其餘部分隔開將有助於在視覺上簡化這一點。
• 此彈出窗口可以作為全屏消息使用。

14. 使用與您的品牌一致的圖像 – Knix

這個電子郵件彈出窗口有什麼好處：

• 圖像與品牌完美契合——配色方案看起來也很棒。
• 價值主張清晰易懂。 參觀者確切地知道他們得到了什麼。
• 選擇加入的步驟很簡單。

這個例子有什麼更好的地方：

• 潛台詞會使讀者感到困惑或不知所措。
• 添加名稱字段將有助於在未來創建更加個性化的體驗。
• CTA 按鈕暗示需要更多步驟才能獲得 10% 的折扣。 這無助於提高轉化率，甚至可能提高跳出率。

15. 使用多步驟彈出窗口——Klymit

這個電子郵件彈出窗口有什麼好處：

• “否”按鈕可以很好地告訴訪問者他們正在傳遞獨家折扣。
• “是”按鈕的顏色確實吸引了讀者的注意力。
• “是”按鈕還重申了價值主張——訂閱者將節省 Klymit 裝備。

這個例子有什麼更好的地方：

• 將文本疊加到圖像上會使其難以閱讀。
• 彈出窗口可以在沒有圖像的情況下進行 A/B 測試。
• 目前尚不清楚該特別優惠僅適用於電子郵件訂閱者。

16. 創建簡單的電子郵件彈出窗口——PE Nation

這個電子郵件彈出窗口有什麼好處：

• 這個彈出式電子郵件表單沒有什麼令人困惑的。 它簡單易懂。
• 加粗的 10% 折扣會引起您對折扣的關注，這將激勵訪問者向您提供他們的電子郵件地址。
• 彩色背景上的黑白彈出窗口使電子郵件捕獲脫穎而出。

這個例子有什麼更好的地方：

• 儘管乾淨簡單，但這個例子有點簡單。
• PE Nation 沒有提及他們銷售的產品類型。 這可能會趕走首次訪問者。
• 他們的註冊方向可能更獨特。

17. 提供優惠券 – Mydeal.com.au

這個電子郵件彈出窗口有什麼好處：

• 訪問者首先註意到的是 10 美元的優惠券，這是激勵他們選擇加入的好方法。
• 彈出窗口直截了當。 沒有冗長的潛台詞可以使訪問者感到困惑或阻止他們進行轉換。

這個例子有什麼更好的地方：

• CTA 按鈕文本是通用的。 嘗試說“我想節省 10 美元”，而不是“註冊”。
• CTA 按鈕應與背景顏色形成對比。
• 沒有背景圖片的變體可能會引起對該報價的更多關注。

18. 首單打折 – Soggy Doggy

這個電子郵件彈出窗口有什麼好處：

• 它具有簡單、清晰和簡約的設計。
• 清晰而簡短的標題。
• 簡約的設計讓 10% 的折扣脫穎而出。 訪問者只需看一眼彈出窗口，就會知道加入郵件列表的好處。
• 配色方案與品牌徽標相得益彰，使彈出窗口具有專業的感覺。

這個例子有什麼更好的地方：

• 這個彈出窗口上有很多未使用的空間，這讓人感覺好像缺少了一些東西。 添加產品圖像會有所幫助。
• 很難看到您輸入電子郵件地址的位置。 如果您的輸入字段難以閱讀，您可能會錯過轉換。

19. 設計一個獨特的彈出窗口——沐浴文化

這個電子郵件彈出窗口有什麼好處：

• 其與眾不同的設計立即吸引了參觀者的注意力。
• 該信息簡單易懂。

這個例子有什麼更好的地方：

• 輸入字段和 CTA 按鈕的顏色相同——乍一看可能會令人困惑。 使 CTA 文本加粗或選擇不同的按鈕顏色可以更好地組織頁面。
• “不，謝謝”按鈕應該更大，以便訪問者可以清楚地看到它。

20. 突出您的首次客戶特別優惠 – BLK & Bold

這個電子郵件彈出窗口有什麼好處？

• 該產品在此彈出窗口中佔據中心位置，吸引訪客註冊以購買他們的第一款 BLK & Bold 美味的優質咖啡。 以光線充足、有影響力的圖片展示您的產品是鼓勵新購物者購買的絕佳方式。
• 此外，此彈出窗口提供誘人的 15% 折扣，這使其成為推動註冊的強大動力。

這個例子有什麼更好的地方：

• 號召性用語按鈕非常簡單：訪問者之前已經看到許多網站使用過它。 這使得它比有趣和獨特的 CTA 更弱。 通過更有創意地設置 CTA 的樣式，讓訪問者註意到並推動行動。

21. 在您的電子郵件彈出窗口中詢問生日 – Tentree

這個電子郵件彈出窗口有什麼好處？

• 人們（尤其是人文決策者）與表現出人類情感的人的圖像相關聯。 它可以幫助他們感受到與品牌的情感聯繫。 Tentree 在這裡的形象選擇是與這類潛在客戶建立聯繫的絕佳方式。
• 這個彈出窗口的另一個很酷的方面？ 鋒利的副本。 “立即解鎖”號召性用語按鈕營造出一種精英專屬感，使其成為推動轉化的明智方式。
• 此外，他們還將註冊和使用 10% 折扣代碼的行為與理想的結果聯繫起來：“開始種植”（並幫助拯救地球！）。

這個例子有什麼更好的地方：

• 為了幫助培養品牌和訪客之間的關係感，Tentree 還應該要求提供名字。

22. 顯示一個遊戲化彈出窗口——MFMG Cosmetics

這個電子郵件彈出窗口有什麼好處？

• 在這個時尚的彈出示例中，MFMG 像專業人士一樣使用遊戲化。 讓一款出色的遊戲如此有趣的一個方面是懸念感。 MFMG 通過在數字槓桿拉動背後提供秘密獎勵來發揮作用。 參觀者必須將他們的電子郵件和電話號碼放在提供的框中，以了解他們將贏得什麼。
• 有趣的號召性用語“試試運氣”增加了樂趣和懸念感。

這個例子有什麼更好的地方：

• 另一方面，彈出文本很小且難以閱讀，這可能會激怒訪問者並導致他們關閉彈出窗口。 記住要讓每位訪客都能閱讀您的文字——無論他們的年齡或視力如何。 為了獲得最佳的用戶體驗，請將您的文本保持 16 像素。

23. 將您的電子郵件彈出窗口放在角落 - Kotn

這個電子郵件彈出窗口有什麼好處？

• Kotn 通過這個彈出窗口將焦點放在訪問者身上做得很棒。 他們經常使用“你”（而不是“我們”或“我們的”），他們讓訪問者決定他們感興趣的內容（女性、男性或/和家庭），並強調註冊的好處。
• 此外，此彈出窗口使用公司的品牌顏色，熟練地將彈出窗口與其徽標和文本色調相匹配。 這確保了品牌的一致性，從而建立了與觀眾的信任。

這個例子有什麼更好的地方：

• 他們可以改進的一種方法是將文本分成兩行以提高可讀性。 過多的文本過於緊密地排列在一起可能會讓讀者感到厭煩。

24. 邊消息提供免費送貨服務 – Flourist

這個電子郵件彈出窗口有什麼好處？

• Flourist 使他們的彈出窗口保持時尚和簡單。 這有助於給它一種非侵入性的感覺，減少瀏覽他們網站的訪問者的刺激。
• 文字色調與品牌顏色相匹配——一種溫馨的棕色，營造出一種舒適感，而不是一種不和諧的用戶體驗。

這個例子有什麼更好的地方：

• 許多購物者現在希望免費送貨，因此這可能不足以激勵他們註冊時事通訊。 為優惠添加 10% 的折扣有助於推動更多轉化。

25. 使用獨特的形狀——Partake Foods

這個電子郵件彈出窗口有什麼好處？

• Partake Foods 提供 15% 的優惠，他們將這種以價值為導向的激勵措施與精美的設計相結合。
• 字體與他們的品牌相匹配，對比鮮明、令人眼花繚亂的顏色選擇吸引了人們的眼球。

這個例子有什麼更好的地方：

• 當涉及到你的文案時，總是追求清晰而不是聰明。 開場白絕對是聰明的，但它可能會讓人有點困惑。
• 在彈出窗口中展示他們美味產品之一的圖像可以幫助推動更多轉化。 這是因為人們會立即將他們的 15% 與未來可能購買的東西聯繫起來——美味的生日蛋糕或南瓜味餅乾。

26. 為新訪客提供優惠券 – Bailly

這個電子郵件彈出窗口有什麼好處？

• 此彈出窗口提供理想的 10% 折扣，這對於推動註冊來說非常棒。
• 他們使用最少的文本，讀者可以快速瀏覽並在幾秒鐘內決定是否訂閱。
• 特色圖片很誘人——展示了兩個朋友在享受產品。

這個例子有什麼更好的地方：

• 副本並不是最有創意的。 讀者之前會多次看到類似的信息，因此他們很難突破自己的慣性並推動他們採取行動。

27. 突出您的時事通訊的好處 – Tsuno

這個電子郵件彈出窗口有什麼好處？

• 產品設計精美。 有趣的包裝使這張圖片看起來很有趣，這將吸引人們的注意力並幫助增加註冊。
• 此外，亮藍色的 CTA 按鈕也與包裝的藍色相匹配，營造出與 Tsuno 品牌一致的統一感。

這個例子有什麼更好的地方：

• 號召性用語按鈕並不是最吸引人的，他們可以通過使用更有創意的文字來提高轉化率。

28. 在一個微妙的側面消息中宣傳您的時事通訊 – Bésame Cosmetics

這個電子郵件彈出窗口有什麼好處？

• 側消息的選擇確保訪問者的瀏覽體驗不會中斷。 人們可以輕鬆地輸入他們的詳細信息並訂閱。
• 彈出窗口清楚而簡潔地說明了註冊他們的電子郵件列表的主要好處——使它看起來像是一個成功的機會。
• 添加主題標籤還為副本增添了一種有趣的氛圍，讓訂閱者看起來像是一個有趣而繁華的美容愛好者社區的一部分。

這個例子有什麼更好的地方：

• 雖然顏色選擇很別緻並且與網站相得益彰，但該品牌可以從 A/B 測試不同的色彩中受益，看看它們是否可以提高轉化率。

29. 創建一個優雅的電子郵件彈出窗口 - Adored Vintage

這個電子郵件彈出窗口有什麼好處？

• 彈出窗口以有趣的歡迎為特色，並為訂閱 10% 的折扣提供了明顯的好處。
• 人們將加入 VIP 名單的建議讓他們有一種感覺，即他們將成為獨家人群中的一員，從而提高了人們的吸引力。

這個例子有什麼更好的地方：

• 文本的大寫使彈出窗口難以閱讀。 這可能會使訪問者感到沮喪，並對註冊率產生負面影響。
• 此外，白色色調在某種程度上融入了網站的背景。 嘗試不同的字體和顏色可以增加新訂閱者的數量。

你想看更多的例子嗎？ 下載我們的免費滑動文件並從 42 個電子郵件彈出示例中獲得靈感。

準備好設計自己的彈出窗口了嗎？ 以下是一些彈出式最佳做法，可幫助您擴大郵件列表。

提示1：使標題強大

只需不到六秒的時間就可以吸引訪問者的注意力。 一個強有力的標題是最重要的，它將立即提供價值。

提示 2：保持簡單、清晰和相關

您的彈出窗口應該簡單、清晰且相關。 雜亂的彈出窗口很煩人，因為它令人困惑並且需要很長時間才能弄清楚您的報價是什麼。

提示 3：確保您的電子郵件捕獲彈出窗口增強了用戶體驗

我們介紹的每個出色的彈出式示例都有一個共同點——它們為訪問者提供了一些有價值的東西，例如折扣代碼、免費送貨或鉛磁鐵。 不提供價值的彈出窗口不是一個好的彈出窗口。

提示 4：不要忘記號召性用語

號召性用語應該既突出又直接。 它應該是彈出式設計的主要焦點，並且應該在幾分之一秒內立即被識別。 每個彈出窗口只使用一個號召性用語。 否則，您的信息會變得混亂。

現在我們看了一些很棒的時事通訊彈出窗口的例子，你準備好建立自己的了嗎？ 查看我們的靈感庫，了解如何借助此處介紹的引人注目的電子郵件彈出窗口來擴展您的電子郵件列表。

我們提供大量現成的模板和顏色主題供您選擇並添加到登錄頁面、博客文章或您網站上的任何其他位置。

為您的電子郵件活動建立訂閱者列表從未如此簡單。