如何使用彈出窗口和公告欄的 6 個示例

將訪問者從您的網站趕走的可靠方法之一是使用對用戶體驗產生負面影響的雜亂和侵入性設計元素。 彈出窗口因看起來像垃圾郵件並給用戶帶來挫敗感而臭名昭著。 事實上，HubSpot 進行的一項在線營銷調查顯示，多達 73% 的人不喜歡看到彈出窗口，43% 的人對橫幅廣告感到困擾。

但這是否意味著您在開發網站時應該完全排除這些元素？ 好吧，不完全是。 比你用什麼來吸引訪問者的注意力更重要的是你是怎麼做的。 這意味著彈出窗口和公告欄都是傳達重要信息或增加轉化率的絕佳方式。

如果您正在尋找將這些設計元素整合到您的網站中的方法，這裡有一些很好的例子來說明如何做到這一點。

傳達特別優惠

使用彈出窗口或公告欄的最常見方法是吸引觀眾注意正在進行的特別優惠。 只要您遵守一些基本規則，這兩種選擇都可以非常有效地實現這一目的。

1. 確保公告清晰明了。

2. 確保訪問者在關閉彈出窗口後可以輕鬆繼續瀏覽。

3.每次訪問只顯示一次公告，避免向訪問者發送垃圾郵件。

有關如何執行此操作的一個很好的示例，請查看 Mannequin Mall 網站。 整整 20 個字，禮服表格賣家設法傳達了幾條相關信息，從而增加了他們進行更多銷售的機會。 網上商店：

1. 指出儘管冠狀病毒大流行，他們的業務仍在繼續運營

2. 邀請參觀者支持一家美國小企業，從而引起人們對其產品原產地和預期質量的關注

3. 宣傳 40% 的折扣

4. 提供了關於特價的持續時間和條件的明確數據

本網站的公告欄經過精心設計，與主頁的整體外觀相得益彰。 此外，它可以很容易地被忽略，這樣它就不會影響瀏覽體驗。

增加您的電子郵件營銷列表

如果您的目標是讓人們訂閱您的時事通訊，彈出窗口是鼓勵用戶註冊的好方法。 總體而言，有兩種方法可以執行此策略。

一方面，您可以選擇最簡單的解決方案，就像 Timberland 那樣。 他們的彈出窗口非常簡單，通過提供 10% 的折扣來鼓勵訂閱。

另一方面，您可以更進一步，特別推薦給那些仍在努力提高品牌知名度的人。 例如，NetPicks 選擇通過向所有訂閱者提供免費電子書來鼓勵訂閱。 同樣，採用相對簡單的設計，並使用有效的 CTA，該網站在吸引註意力最有可能導致轉換的元素方面做得很好。

更重要的是，NetPicks 有不止一個彈出窗口（在每次後續訪問該網站時出現），因此為回訪者提供了不同類型的工具，進一步增加了產生潛在客戶的可能性。

分享相關信息

即使您沒有進行銷售或提供免費贈品，您也可以使用公告欄來吸引人們注意您提供的好處。 運輸絕對可以成為一個賣點。 事實上，根據 RedDoor 的數據，加入免運費門檻後，訂單增加了 90%，而平均訂單價值增加了 7.32%。

最棒的是，您的公告不必佔用太多空間、干擾，甚至不需要很長時間來設置。 看看 SomniFix 的這個例子。 消息很短——確切地說是五個詞——設計很簡單，用戶有機會輕鬆地忽略消息。 儘管如此，即使關閉，它仍然在腦海中根深蒂固，這是朝著銷售邁出的一大步。

更新您的客戶

雖然五個字的信息很棒，但在某些情況下，您需要使用的信息遠不止這些。 COVID-19 大流行表明這一點尤其正確。 隨著眾多零售商的關閉以及運輸時間的延遲，提供最新信息變得比正常情況下更為重要。

儘管大多數企業確實在其網頁上包含“我們為應對 COVID-19 所做的工作”公告欄，但 BookDepository 選擇使用左下角的彈出窗口。 一旦他們點擊消息，訪問者就會被引導到一個特殊的登陸頁面，該頁面描述了賣家所採取的確切細節和措施。

這是一個特別好的策略，特別是對於那些網站包含大量信息或最大化設計的人。 彈出窗口設法脫穎而出，儘管中心或頂部位置將確保更高的可見度。

提供支持

最後，請記住，客戶服務在改善用戶體驗和發展品牌忠誠度方面發揮著重要作用。 因此，讓您的現有和潛在客戶知道他們如何联系您的簡單信息可以證明對推動銷售有益。

有關這樣做的一個很好的例子，請查看 Apple 的網站。 這家科技巨頭本可以使用橫幅空間來推廣產品，但相反，它採用它來突出其最強大的賣點之一——可靠性。 如果這是您的公司引以為豪的東西，那麼就有足夠的理由將其顯示在您網站的顯眼空間中。

最後的想法

如您所見，有許多很棒的、非侵入性的方式來使用彈出窗口和公告欄。 如果使用得當，它們可以做的不僅僅是推動銷售。 您可以利用這些策略來提供信息、提供附加值，或者只是指出使您的業務成為不錯選擇的事情。

儘管如此，不要忘記始終考慮用戶體驗，以及採用 A/B 測試技術，以便您可以充分利用這些在線營銷方法。