10 個最佳電子郵件彈出窗口範例,幫助你增長名單

不論你喜歡還是討厭彈出視窗，它們確實有效。

當人們還在爭論彈出式視窗的效果時，它們已經默默地日復一日地吸引了一個又一個訂閱者。就像每個家庭裡那個怪異但聰明的堂表兄弟，雖然大家不情願，但在走投無路時還是會向他求助一樣，內容創作者在想要 擴大他們的電子報訂閱名單 快速成長訂閱人數時，也會求助於彈出式視窗。

如果你已經準備好放下爭論，想要親眼看看彈出視窗的實際效果，那你可就走運了。在這份指南中，我將為你剖析十個最棒的電子郵件彈出視窗範例，並向你展示它們是如何運作的，以及為什麼它們能夠發揮作用。

什麼是電子郵件彈出視窗？

電子郵件彈出視窗是一種在訪客瀏覽網站時，會在網頁上自動出現的電子郵件訂閱表單。

彈出視窗如果使用得當，在收集電子郵件地址方面效果驚人。但如果處理不當，可能會惹惱讀者，導致糟糕的使用者體驗。

什麼是電子報彈出視窗？

電子報彈跳視窗和電子郵件彈跳視窗類似，是一種訂閱表單，會出現在網站訪客的螢幕上，明確地邀請他們訂閱 你的電子報 。

電子郵件彈出視窗是內容創作者最常用來擴大訂閱名單的方法。

什麼是好的彈出視窗？

一個好的彈出視窗應該具備以下特點：

• 吸引用戶目光的搶眼設計。

• 一個吸引用戶目光的誘人優惠。

• 簡短易填的註冊表單。

• 清楚明確的行動呼籲，不會讓使用者感到困惑。

• 營造緊迫感以促使立即行動。

彈出視窗應該包含什麼內容？

為了讓你的彈出視窗發揮最大效果，它應該包含以下內容：

• 吸引人的視覺設計，能夠抓住網站訪客的目光。

• 一個大小適中、不會佔滿整個螢幕的視窗。

• 一個清楚可見的關閉按鈕，讓使用者能輕鬆關閉它。

• 一個簡單明瞭的行動呼籲，清楚告訴訪客該做什麼。

• 與你的品牌顏色相匹配的配色組合。

• 與頁面內容相符的優惠。

什麼是彈出視窗範例？

有許多彈出視窗的例子，包括：

1. 離開彈窗（Exit pop-ups）會在使用者即將離開網頁時出現。

2. 進入彈窗（Entry pop-ups）會在訪客抵達頁面時滑入畫面。

3. 計時彈出視窗（Timed pop-ups）會在訪客瀏覽頁面達到特定時間長度時出現。

4. 點擊彈出視窗（On-click pop-ups）會在使用者點擊錨定文字後出現。

5. 位置型彈出視窗（Location-based pop-ups）會顯示給特定地點的使用者。

如何撰寫彈出式電子郵件？10 個最佳電子郵件彈出視窗範例

現在讓我們深入探討電子郵件彈出視窗的文案撰寫和設計技巧。我將為你解析十個最佳彈出視窗範例，並說明它們為何如此有效。

1. BarBend：用引人注目的標題吸引讀者目光

BarBend 是一個專門報導重量訓練、營養、運動、新聞和評論的網站，它有一個值得仔細研究的絕佳彈出視窗。

為什麼這個方法有效

• 迷人的標題： 「Be The Smartest Person In The Room」這個標題非常有力。首先，它使用了大寫字母，立即吸引注意力。值得注意的是，它只有七個單詞長，這有助於訪客快速理解電子報註冊優惠的要點，並繼續往下填寫表單。此外，品牌在「smartest person」下方加上底線，觸發了人們想成為第一名的心理傾向。

• 直接明瞭的提案： 在標題下方，彈出視窗簡單說明讀者訂閱電子報後會得到什麼。「BarBend Newsletter 用三分鐘的閱讀時間，告訴你所有關於力量訓練的重要資訊。」沒有冗長、浪費時間的解釋。

• 相關圖片： 彈出視窗中有一張引人注目的彩色圖片。但光有視覺效果是不夠的——圖片還必須與優惠內容相關。由於 BarBend 是一個提供重量訓練技巧的網站，他們選擇了一張舉重訓練的圖片。這張圖片完美契合了網站的核心主題。

2. Camber：確保你的優惠與頁面內容一致

這個吸睛的彈出式插圖來自 Camber。Camber 是一款直覺式應用程式，幫助人們探索洛杉磯的活動和好去處。

為什麼這個方法有效

• 契合的優惠： 上述彈出視窗之所以出色，是因為它在你閱讀部落格文章到一半時出現。它會在讀者高度投入且正在享受文章時突然出現，並承諾提供更多類似的內容。由於讀者的興趣正高漲，這種方式很可能會獲得更多訂閱。

• 適當大小： 彈出視窗的大小恰到好處。它只覆蓋螢幕的一部分。右上角的關閉圖示清晰可見。如果讀者對這個優惠不感興趣，可以輕鬆關閉註冊視窗。

• 簡單明瞭： 電子報訂閱的邀請非常直接。標題「喜歡這篇文章嗎？」和內文「訂閱以免費獲得更多類似內容直送你的收件匣！」僅僅十六個字。接著使用者只需輸入電子郵件地址，然後點擊「訂閱」。就這麼簡單。

3. Geekout：善用社會認同的力量

Geekout 是一個協助社群媒體經理和專業人士提升技能的網站，它有一個值得我們學習的出色彈出視窗。

為什麼這個方法有效

• 社會認同： 透過提及超過 27,000 人喜愛 Geekout 電子報，Matt 展示了他的刊物的受歡迎程度。看到這個龐大的數字，人們會將這份電子報視為真材實料，並且很可能會因為社會認同的心理影響而訂閱。社會認同是指人類傾向於模仿周圍人的行為。

• 使用表情符號： 表情符號現在已成為一種語言，每天有 超過 3,000 個知名表情符號 被用於社群媒體平台上的溝通。❤️表情符號不僅能從表單中脫穎而出並吸引讀者注意，還能獨特地傳達愛的概念。此外，這也符合品牌形象，因為 Geekout 在其內容中大量使用表情符號。

• 設定期望： Geekout 明確告訴讀者可以從電子報中期待什麼。潛在訂閱者每週會收到一封電子郵件，絕不會收到垃圾郵件。此外，他們隨時都可以 取消訂閱 。

4. Snack Nation：運用內嵌式行動呼籲觸發的彈出視窗

繼續我們的最佳電子郵件彈出視窗範例展示，讓我們來看看 SnackNation。SnackNation 是一家健康零食外送服務公司。

為什麼這樣做有效

• 內文行動呼籲： 內嵌式行動呼籲 因為它們以錨定文字的形式出現在部落格文章中間，正好在讀者的視線範圍內，所以轉換率很高。SnackNation 在他們的部落格文章中放了一個是/否問題。一旦讀者點擊「是」，彈出視窗就會出現。由於讀者已經點擊了「是」，他們更有可能完成註冊流程。

• 視覺吸引力： SnackNation 透過展示一個裝滿美味零食的精美零食盒樣品來吸引讀者訂閱電子報。當人們看到他們能獲得的東西時，接受這個優惠的可能性就會大大增加。

• 客群細分： SnackNation 的彈出視窗之所以有效的另一個原因是它在註冊時將用戶分成不同群組。他們提供兩種選擇——一種是給員工和團隊的禮物，另一種是給客戶的禮物。經過細分的潛在客戶比一般的潛在客戶更容易有所回應。

5. Gwen Beloti：用註冊獎勵吸引讀者

另一個出色的電子郵件彈出視窗範例是女性黃金珠寶品牌 Gwen Beloti。

為什麼這個方法有效

• 註冊誘因： 單純要求人們提供電子郵件地址的效果有限。如果你能提供誘因作為交換，會得到更好的結果。Gwen Beloti 為訂閱電子報的用戶提供 10% 的折扣。更棒的是，他們採用了兩步驟流程——如果你加入 VIP 名單，還能額外獲得 5% 的折扣。

• 以利益為先： 在用戶採取任何行動之前，他們會問自己：「這對我有什麼好處？」上面的彈出視窗在標題中立即回答了這個問題，強調了如果他們訂閱電子報將享有的最大好處——10% 的折扣。

• 單一欄位： 人們總是傾向於簡單的事物。因此，提供單一輸入欄位意味著更多人會註冊。使用者只需輸入電子郵件地址，然後點擊「訂閱」即可。就這麼簡單——不需要費力填寫多個欄位的表單。

6. 世界建構者：採用極簡設計

下一個電子郵件彈出視窗範例是 Nathan Baugh 的 Worlds Builders 。World Builders 教導公司如何講述他們的產品故事。

為什麼這個方法有效

• 極簡設計： 彈出視窗大小適中，清晰可見卻不會造成干擾，並且有醒目的標題吸引注意力。表單上只有一個欄位，加上簡單明瞭的行動呼籲。

• 輕鬆的語調： World Builders 採用輕鬆、直接且平易近人的語調。例如，「嗨，我是 Nathan！這篇文章還不錯吧？」這種主動的風格比被動的第三人稱敘述更能與讀者產生共鳴。

• 明確的行動呼籲： 彈出視窗的關鍵在於其行動呼籲非常直接：「免費加入」。用詞積極且強調電子報是免費的。此外，行動呼籲簡短明瞭，這正是在這個忙碌世界中大家所喜歡的。

7. Gaiam：以獨特設計立即吸引目光

Gaiam 這個專門提供瑜伽、健身和養生相關產品的網站，有一個值得稱讚的彈出式電子郵件訂閱視窗。

為什麼這個方法有效

• 獨特設計： 當訪客一再看到相同的矩形彈出視窗時，最後會對它視而不見。Gaiam 使用了獨特且令人驚艷的圓形花瓣設計作為他們的彈出視窗。這種不尋常的形狀立即吸引了訪客的注意力。

• 品牌形象： Gaiam 的標誌是花瓣形狀的。彈出視窗雖然獨特，但設計源自於標誌。這是一個符合品牌形象的設計，傳達了品牌賦予生命、清新和健康的特質。

• 優惠折扣： 彈出視窗以醒目的大標題呈現，任何註冊的人都能獲得高達 20% 的優惠折扣，這是絕對不容錯過的。很少有網站訪客會錯過這種優惠——這就是為什麼 Gaiam 將它放在最顯眼的位置，確保每位訪客都能看到。

8. Really Good Emails：用有趣的方式讓訪客停留在彈出視窗

接下來的彈出視窗範例來自 Really Good Emails，這是一家展示優秀電子郵件設計的公司。

為什麼這個方法有效

• 展現教養： 眾所周知，大多數網站訪客都覺得彈出視窗很惱人。Really Good Emails 透過先道歉來化解這種不悅。「抱歉打擾了，不過...」為打擾而道歉能讓訪客對你產生好感，進而考慮訂閱。

• 品牌一致性： 彈出視窗是紅色的，與公司整體品牌形象相符。一致的品牌形象有助於訪客識別你的品牌，並促進顧客忠誠度。

• 個人化： Really Good Emails 除了要求訪客提供電子郵件地址外，還會詢問姓名。當品牌想要發送個人化電子郵件時，訂閱者的姓名就能派上用場。

9. 漸進式顯示：使用較不干擾的側邊欄彈出視窗

Drip 這個電子商務行銷自動化平台有一個值得注意且具啟發性的電子郵件彈出視窗範例。

為什麼這個方法有效

• 側邊欄彈出視窗： 大多數的燈箱彈出視窗通常會出現在頁面中央並佔據大部分空間，這常常讓使用者感到煩擾。Drip 採用了一種較為低調且不那麼打擾人的側邊欄彈出視窗，讓螢幕的大部分區域仍然保持可見。

• 激勵疊加： Drip 不只提供單一誘因，還承諾潛在訂閱者終身可使用不斷擴充的行銷資源庫。他們給予的誘因越多，獲得註冊的機會就越高，因為人們總是渴望得到更多。

• 行動呼籲支援圖像和文案： Drip 使用指向行動呼籲的箭頭來突顯它。這些箭頭同時作為視覺提示，引導訪客的目光注意到行動呼籲。此外，他們還加入了一則推薦該誘導性內容品質的見證，進一步強化了行動呼籲的效果。

10. Beyond Yoga：使用響應式彈出設計。

我們最後一個電子郵件彈出視窗的例子來自 Beyond Yoga，這是一家瑜伽服飾和運動服裝公司。

為什麼這個方法有效

• 響應式設計： 眾所周知，現在大多數人都使用行動裝置上網。採用像 Beyond Yoga 這樣的響應式彈出視窗設計，可以確保你的彈出視窗在任何裝置上都能完美呈現，進而提高轉換率。

• 收集顧客資料： Beyond Yoga 快閃店的另一個絕妙之處，在於他們將其作為收集顧客資料的工具。訪客可以選擇自己喜好的產品，以便日後接收個人化的 電子報內容 和產品推薦。

• 多步驟訂閱流程： 當讀者點擊「繼續」按鈕時，Beyond Yoga 會提供讀者獨家簡訊優惠，前提是他們願意提供手機號碼。取得手機號碼可以為品牌開啟另一個接觸讀者的管道，不再侷限於電子郵件。

以上就是我們精選的電子郵件彈出視窗範例。運用這些案例研究所獲得的靈感來完美執行你的下一個訂閱者成長活動，讓你的註冊人數如雪崩般激增。

使用 beehiiv 彈出視窗擴大你的電子報訂閱名單

beehiiv 讓你能夠透過彈出視窗功能輕鬆擴展你的訂閱名單。

你可以在讀者閱讀你的文章時，在部落格上收集電子郵件地址。要在部落格文章中插入彈出視窗：

• 前往「網站設定（Website Settings）」，然後選擇「進階電子郵件收集（Advanced Email Capture）」。

• 從「進階電子郵件收集（Advanced Email Capture）」下拉選單中選擇「彈出視窗」。

接著，砰的一聲！你會看到一個像下面這樣的彈出視窗。

相當簡單。

你還在等什麼？

註冊 beehiiv ，立即開始擴展你的電子報訂閱名單！