將彈出窗口添加到您的網站的注意事項 + 示例

已發表: 2023-01-12

現在是星期四的晚上 9 點,您正在喝茶——如果今天天氣不好,也可以喝點酒——然後在您最喜歡的網站上隨意購物。 你開始打哈欠,認為是時候準備睡覺了。 就在您要關閉選項卡時,BAM! 退出意圖彈出窗口顯示以下消息,“等等! 你包裡有東西。” 號召性用語提示您“立即結帳”,您最終購買了一個新錢包。

我們都去過那裡,因為那些該死的退出意圖彈出窗口有效。 事實上,退出意圖彈出窗口的轉化率約為 3% 到 5%。 雖然數量不多,但它仍然足以幫助您以零開發時間增加潛在客戶、銷售和網站互動。 彈出窗口是網站上的標準做法,但是您知道在將彈出窗口添加到您自己的網站時的最佳做法嗎?

不要塞入太多信息。

根據一般經驗,彈出窗口的最大寬度不應超過 900 像素。 如果您使用圖像,則不會為內容留出太多空間,因此請務必發揮創意。

Old Navy 使用其彈出窗口鼓勵客戶申請信用卡。 他們包含了一些內容豐富的副本,並且號召性用語 (CTA) 按鈕將客戶引導至該應用程序。 這是一個簡單而有效的彈出示例。

收集用戶信息

收集電子郵件以便您可以發送未來的通信是讓您的新客戶和現有客戶保持關注的好方法。 您可以收集時事通訊的電子郵件地址或提供優惠券代碼。

您不需要構建一個巨大的表單。 事實上,只需一個電子郵件字段就足夠了。 如果您想個性化您的電子郵件,您可以添加一個名稱字段。 如果您需要從用戶那裡收集更多信息,請稍後再做。 您進行此交互的時間窗口剛好足以向訪問者展示他們想要的信息並收集您需要的潛在客戶信息。

提示:如果您不希望訪問者猜測經典的“Welcome10”作為您的 10% 折扣代碼,請改用自定義代碼。

不要用太多的彈出窗口淹沒你的觀眾。

當用戶瀏覽您的網站時,請注意他們的體驗。 使用不需要的彈出窗口在訪問者的旅程中製造障礙可能是有害的。 例如,我最近在看地毯,在瀏覽產品時目睹了一個中斷。 每次我點擊查看下一頁產品時,我都會看到這個彈出窗口,在我能夠繼續搜索之前不得不拒絕它。

值得慶幸的是,他們通過這個小圓圈改善了用戶體驗 (UX),因此彈出窗口會展開,但前提是我選擇單擊它。 改進此彈出窗口的另一種方法是僅在客戶將商品添加到他們的購物車後才顯示它。

另一個糟糕的例子是 NFL 的雙重彈出顯示。

一次顯示兩個彈出窗口令人不知所措。 當我點擊瀏覽器通知彈出窗口的“稍後”時,限時優惠也關閉了,因此我的註冊機會被取消了。 一次堅持一個彈出窗口,或者在這種情況下,使用定時彈出窗口。 這樣,初次訪問者就有機會一次看到並考慮一個選項。

繼續閱讀有關使用定時彈出窗口的更多信息。

提供優惠券以換取電子郵件(潛在客戶)。

回到收集線索,從訪問者那裡收集信息應該是有益的。 大多數消費者都想要一些回報,無論是獲得每月時事通訊還是首次購買時的小額折扣。 您甚至可以讓用戶註冊您的獎勵計劃。 為電子郵件和姓名提供優惠券或獨家內容是一種輕鬆的交換方式,可以為未來的營銷活動增加潛在客戶。

一定要通過顏色和定時彈出窗口來吸引訪問者的注意力。

彈出窗口旨在吸引觀眾的注意力,對嗎? 因此,通過使用互補色使您的彈出窗口脫穎而出。 查看色輪,找到與您的主要配色方案相得益彰的顏色。 不要讓您的彈出窗口過於分散注意力,但如果它是一個小通知,您會希望它在訪問者正在查看的頁面上脫穎而出。

此外,使用定時功能在用戶訪問網站一定時間後顯示您的彈出窗口可以幫助他們重新集中註意力並使他們保持在正確的路徑上。

例如,當您填寫申請表時分心了,您可能會看到類似於下圖的彈出窗口。

此通知不僅提醒用戶將注意力重新引導回應用程序,而且還呈現出完成它的緊迫感。 最終,使用定時彈出窗口可以讓您的網站訪問者保持在您期望他們完成申請、購買或表單提交的路徑上。

不要忘記添加關閉彈出窗口的選項。

清楚網站訪問者如何關閉彈出窗口以避免混淆。 最壞的情況:訪問者完全關閉選項卡,再也不會返回您的網站。 哎呀。 沒有人希望這樣,尤其是在客戶服務、保留和銷售業務中。

使用 ShortStack 的 Action Widget 創建關閉彈出窗口操作。 訪問者用來關閉彈出窗口的一些很棒的文本是:

  • 拒絕報價
  • 關閉
  • 下次
  • 稍後提醒我
  • 不,謝謝
  • 謝謝你的信息

一定要使用彈出窗口來限制您的網站或特定產品的年齡。

您是否銷售尼古丁或酒精等要求購買者達到特定年齡的產品? 使用像 Rogue Brewery's 這樣的簡單彈出窗口來確保他們看到的內容適合他們的年齡。

您可以使用像這樣的預製模板來確保訪問者的年齡適合進入您的網站。

務必將重大變化告知您的客戶。

當您發布新產品或服務並希望將這些信息呈現在用戶面前時,通知他們的最佳方式是通過彈出窗口。 當我們的 Campaign Builder 有新的模板、功能或重大更新時,我們會通過應用程序內的彈出窗口通知客戶,如下所示。

任何尋找有關此新功能的更多信息的人都可以單擊 CTA 按鈕以獲得更深入的解釋。 同樣,如果客戶不想了解該功能或已經知道該信息,關閉彈出窗口的選項會清楚地列在兩個地方:垃圾桶圖標和“感謝您提供信息!” 選項。

結論

總而言之,彈出窗口是一種非常成功的營銷工具。 無論您是想通知網站訪問者有關新變化的信息,還是想為未來的營銷活動收集一些線索,請嘗試使用彈出窗口。 請參考上面列出的注意事項,以幫助您實現 2023 年的業務目標。