10 個網站疊加示例以促進轉化和增加銷售額

已發表: 2020-04-16

您是否曾經在瀏覽網站或閱讀文章時突然 BAM! 一條巨大的消息佔據了您的屏幕。

如果您在過去幾個月訪問過任何技術、新聞或博客網站,那麼您很有可能遇到過網站覆蓋。

也稱為退出彈出窗口,或簡稱為“覆蓋”,此類彈出窗口幾乎隨處可見。 並且有充分的理由 - 它們非常有效!

對於營銷人員來說,獲得網站流量不再是最終目標。 相反,營銷人員需要訪問者“轉換”才能使他們有用。 無論這意味著購買產品、服務,還是只是留下他們的電子郵件地址,讓用戶轉換是每個營銷人員的目標。

儘管營銷人員、網站設計師和文案撰稿人花費了無數個小時來嘗試完善他們的著陸頁,但他們並不總能獲得想要的轉化。 也許他們沒有使用正確的號召性用語,或者用戶只是略讀他們的內容,無論如何,當用戶反彈時,營銷人員討厭它。 如果只有一種方法可以在用戶離開之前向他們提供最終信息或優惠以吸引他們進行轉換……

嗯,有!

輸入覆蓋層(或退出彈出窗口),無論您想怎麼稱呼它們; 這些東西在提高轉化率方面做得非常出色。 但是如何? 為什麼它們如此有效以及它們為何有效?

這實際上完全取決於科學,我們有 10 個科學理由來說明它們如何幫助您提高轉化率。 因此,拿起筆並密切關注我們即將深入研究為什麼網站疊加層如此有效的背後科學。

什麼是網站覆蓋?

在深入了解為什麼網站覆蓋值得您關注之前。 您首先需要牢牢掌握它們是什麼。

很有可能你已經看過一個,但不知道你在看什麼。 您只需要知道:網站覆蓋是一種在一定時間後或當用戶試圖離開時出現在屏幕上的彈出窗口。 這些彈出窗口經常出現在一系列不同的網站上,最常見於任何經營電子商務商店的網站。

與其他類型的覆蓋和彈出窗口不同,用戶無需單擊按鈕即可顯示。 它只是在滿足某些參數時顯示出來。

網站覆蓋的大小、樣式和出現時間實際上有數百種不同的變體。 它們可能有很多,但它們都有相似的共同特徵。

  1. 他們都有號召性用語標題和按鈕
  2. 它們都出現在網站的頂部
  3. 它們都提高了轉化率和銷售額

為了幫助您更好地理解網站疊加層,讓我們來看看其他營銷人員正在使用的一些真實示例。 我們將更詳細地說明為什麼它們有效以及為什麼它們在以後工作得如此好。 但就目前而言,了解各種類型的疊加和样式很重要。

網站覆蓋示例

我們從各種銷售不同產品和服務的網站中精心挑選了一些網站覆蓋。 通過從不同站點收集疊加層,您應該可以很好地了解其他人成功使用什麼來增加銷售額。

收入日記

收入日記網站疊加

該網站覆蓋圖結合了醒目的標題和圖片,以吸引用戶注意該優惠。 在這個例子中,覆蓋試圖通過提交他們的電子郵件地址讓用戶註冊他們的郵件列表。

覆蓋承諾提供免費禮物,其中包含有關讀者如何以低於 130 美元的價格增加網站流量的各種提示和技巧。 對於許多用戶來說,這似乎是一筆不錯的交易:他們的電子郵件地址可以獲取一些秘密的內幕信息。

我們在瀏覽收入日記的博客時發現了這個覆蓋。 與此示例列表中的大多數其他疊加一樣,將它們放在您的博客上會非常有效。

詞流

詞流疊加

這種疊加可能被認為非常簡單明了,但事實是,您只需要一個好的標題和號召性用語即可取得成功。 這個網站覆蓋承諾用戶提示如何提高他們的質量得分以換取他們的電子郵件。

當用戶單擊下載按鈕時,會出現一個電子郵件字段,必須在下載開始之前完成該字段。 在沒有先獲取他們的電子郵件地址的情況下給他們下載將是浪費時間。 儘管如此,通過捕獲用戶的電子郵件,WordStream 可以在未來通過電子郵件對他們進行再營銷。

瀏覽 WordStream 博客時出現此疊加層。

權威黑客

權威黑客覆蓋彈出窗口

與此列表中的其他網站覆蓋不同,這個覆蓋更具侵略性。 通過佔據用戶的整個瀏覽器,訪問者除了屏幕上的消息之外別無他處。 它不僅有一個大膽的號召性用語標題和按鈕,而且它再次用於捕獲用戶郵件地址的郵件地址。 像這樣的全屏覆蓋看起來效果不錯,但這種激進程度可能會嚇跑許多用戶。 稍後我們將向您展示使用這些疊加層的正確方法。

這個全屏覆蓋出現在瀏覽權威黑客博客時。

轉換XL

轉換xl彈出窗口

這個最終的網站覆蓋是在 ConversionXL 上看到的,就像我們以前見過的很多一樣,為讀者提供了一個可下載的指南。 通過在要點中列出指南的主要課程,這為用戶提供了快速且易於閱讀的內容,以確定它是否適合他們。

瀏覽 ConversionXL 博客時出現此疊加層。

現在您知道什麼網站覆蓋以及其他網站如何使用它們。 為什麼它們首先有效? 這裡有 10 個有科學依據的原因。

為什麼要使用網站覆蓋?

1. Overlays 簡化用戶的選擇

疊加選擇

如果您曾經去過超市尋找商品,那麼您可能知道被各種選擇淹沒的感覺。 有如此多的選擇,要做出決定並選擇一個可能會變得非常困難。

想像一個在線商店; 同樣的原則也適用。 給用戶太多選擇,他們會被凍結。 這種現像被稱為分析癱瘓,發生在生活的許多領域,包括購物。 有太多的選擇,用戶會凍結並最終永遠不會做出決定。 這意味著用戶很有可能離開該網站,這意味著店主不會有任何銷售。

然而,通過消除選擇(和乾擾),這可以顯著增加用戶做出決定的機會。 正如您可能已經猜到的,這就是網站覆蓋的用武之地。

疊加有助於縮小訪問者的注意力並專注於單個報價或產品。 反過來,這使決策過程更加容易。

簡而言之,疊加層之所以有效,其原因與登陸頁面相同:它們消除了乾擾,並詢問他們是或否的問題。

2. Overlays 劫持用戶的思維過程

思想中斷彈出

當某人陷入相同的思維過程時,打斷他們通常有助於改變他們的行為。

幾十年來,銷售人員已經成功地使用了打斷某人的思維模式。 這個概念很簡單:做或說一些出乎意料的事情,擾亂一個人的正常思維模式。

在現實世界中,這可能是與某人握手、提出問題或只是發出響亮的隨機噪音。 但在網絡世界中,最好通過網站覆蓋來實現。

通過打斷思維模式,用戶可以在短時間內變得高度易受暗示,這意味著您可以更輕鬆地影響他們的決定。 正如您可能已經猜到的那樣,網站覆蓋是打斷用戶思維過程的中斷。

當突然彈出一個疊加層時,他們要么正在閱讀您的博客或網站。 憑藉強烈的行動號召、不同的顏色和引人注目的報價,這通常會劫持許多人的思維過程並讓他們集中註意力。

在神經語言編程中,這通常被稱為模式中斷,並且非常強大。 使用網站覆蓋彈出窗口來打斷某人的思維模式是完全正常的,一些最好的互聯網營銷人員使用它來提高他們的銷售額。 如果專業人士正在使用它們,那麼您也應該使用它們。

3. 疊加層有助於強化您的信息

加強消息覆蓋

在買東西之前,你需要看多少次? 一次? 兩次? 十次?

變化是您在第一次看到廣告或新產品時很少注意。 但是,一旦您多次看到同一個廣告或產品,您才會開始感興趣。

總結:許多用戶在採取行動之前需要多次看到同一個廣告。 在營銷術語中,這被稱為一個人在採取行動之前必須接觸廣告信息的有效頻率或次數。

儘管必須向一個人展示廣告的次數因人而異,但通常不止一次。

網站覆蓋允許營銷人員通過在彈出窗口中顯示強化消息來使用有效頻率。 通過使用疊加層來顯示產品、服務或消息,這可以強化用戶腦海中的消息,並將他們轉變為轉化客戶。

4. 疊加層有助於傳達緊迫感

緊急彈出示例

在營銷方面,緊迫性是許多在線商店用來增加銷售額和轉化率的一種技術。 緊急性可以是提醒用戶只剩下這麼多商品或給他們一個折扣的最後期限。 即使是亞馬遜巨頭也這樣做了,你可能在不知不覺中成為他們詭計的受害者。

亞馬遜指尖陀螺緊急情況

以上是即將售罄的奧克蘭突襲者隊 NFL 指尖陀螺。 庫存僅剩 2 件,亞馬遜顯示紅色警告標誌,提醒用戶盡快訂購。 這種緊迫感通常可以通過利用人們的擔憂和恐懼來增加轉化率。 如果他們現在不訂購,那麼誰知道他們什麼時候可以恢復庫存!

通過給用戶一種緊迫感,它往往可以將用戶轉化為客戶。 使用網站覆蓋時也適用相同的技術。 通過向用戶發出立即購買或永遠失去產品的風險的最後通牒,它可以顯著提高網站轉化率。

5. 用折扣疊加吸引轉化

hollister 折扣疊加

如果客戶不願意以全價購買商品,則為他們提供折扣。 無論您是誰或來自哪裡,每個人都喜歡折扣。 即使只有10%的折扣。

許多用戶通常會在到達結帳過程的最後階段並查看價格時放棄他們的購物車。 您努力讓用戶訪問您的網站並讓他們完成最後一步,您最不希望他們離開。

這是網站覆蓋真正閃耀的絕佳場景。 通過在客戶即將放棄購物車時顯示退出疊加層,您通常可以進行最後一次嘗試以促使他們進行轉換。 每個人都想看到的一件事是什麼? 當然打折啦!

如果他們已經到了結賬階段,那麼很有可能只是價格讓他們望而卻步。 現在我們並不是說你應該在最後一步為每個人提供 50% 的折扣,但只是一個小的折扣可以有很長的路要走。

6. 用免費指南覆蓋賄賂用戶

狗領結免費指南

網站覆蓋可用於網站上的許多不同內容。 從提供促銷代碼和促銷活動到免費獎金,可能性僅限於您的想像力。 從我們之前探索的示例來看,它們都有一個共同點:它們都提供免費指南。

沒錯,我們查看的每個疊加層都有一個用戶註冊的秘密 PDF 或指南。 贈送免費指南和資產是從用戶那裡獲取個人信息(例如電子郵件地址或電話號碼)的好方法。 這非常有效,因為用戶基本上是在為產品交換他們的信息。 他們的電子書電子郵件,多麼公平的交易!

通過使用這些免費指南和禮物,您可以快速構建一個有價值的資產,例如郵件列表。 這讓我們很好地進入了下一點……

7. 覆蓋有助於增加郵件列表

增加郵件列表覆蓋

當用戶訪問網站時,並非所有人都處於正確的購買心態。 一些用戶在轉換之前需要一些額外的說服或提醒。 儘管網站疊加層在提醒用戶有關優惠方面做得很好,但它們僅在用戶訪問網站時才起作用。 當他們離開網站時會發生什麼? 它們永遠丟失了……除非您使用郵件列表!

郵件列表是許多在線營銷人員的基本技術。 它不僅允許他們與高度針對性的用戶進行交流,而且還允許他們多次聯繫潛在客戶。 正如我們之前提到的有效頻率,有時您需要多次向某人展示廣告或消息,然後他們才會採取行動並進行轉化。 借助電子郵件營銷列表,即使用戶不在您的網站上,您也可以輕鬆地將您的銷售信息呈現在用戶面前。

通過定期向潛在客戶發送各種交易電子郵件,您可以顯著增加他們轉換的機會,這是最終目標。

8.覆蓋讓用戶對你的公司充滿信心

客戶支持覆蓋

當用戶瀏覽您的網站時,他們自然會對您的產品或服務產生疑問。 無論您有多少常見問題解答或網站上有多少信息,有些用戶只想與真人交談。

由於疊加層非常適合向用戶傳遞重要信息,因此它們還可用於幫助建立對您網站的信任和信心。 顯示帶有支持中心鏈接和附加信息(例如電子郵件地址和電話號碼)的覆蓋圖是讓用戶充滿信心的好方法。 它還通過為客戶提供多種方式給您留言,從而有助於增加與客戶的互動。

與其希望用戶會偶然發現您的聯繫信息,不如直接將其扔在他們的臉上,這樣他們就沒有藉口不聯繫您了。

9. Overlays 通知用戶他們的購物車裡有東西

廢棄的購物車覆蓋

無論您從事什麼行業,經營電子商務商店都很難。您花費大量金錢和時間試圖讓訪客從您的商店購買商品,結果他們在最後一步放棄購物車。 令人沮喪的是,實際上有幾種不同的方法可以對抗它並使用戶回到那個最重要的支付頁面。

有很多聰明的營銷人員使用退出疊加來幫助降低他們的購物車放棄率並增加他們的轉化率。 你所要做的就是瀏覽一些電子商務商店,你一定會看到這些消息彈出。

這種方法被稱為廢棄的購物車通知程序,它涉及使用疊加層在用戶的購物車中還有東西時通知他們。 也許用戶出於某種原因離開了網站,並最終在幾個小時或幾天后回來。 通過提醒他們他們的購物車中還有東西,它強化了信息並將他們變成了轉換客戶。

您還可以更加激進,在結帳本身上包含一個退出疊加層,這樣每次用戶嘗試退出結帳時,都會收到一條消息。 根據 Web Engage 的一項研究,在他們的電子商務商店實施退出疊加後,他們發現轉化率增加了 6%。 想想你的網站可以通過一個簡單的添加彈出窗口帶來多少銷售額......太瘋狂了!

10. 疊加有助於降低跳出率

hubspot 覆蓋博客

如果您是 SEO 嚮導,那麼您可能一直在嘗試新的技術和想法來幫助降低跳出率。 如果您不是,那麼您應該是,跳出率指標是 Google 和其他搜索引擎非常重視的重要統計數據。

對於那些不知道跳出率是什麼的人來說,它可以定義為:訪問網站的訪問者在僅查看一個頁面後離開該網站的百分比。

這意味著登陸您網站的人閱讀了一些內容,然後離開。 對於谷歌來說,這表明您的網站與給定的搜索詞不太相關或不有趣。 如果跳出率非常高(超過 90%),您甚至可以開始降低該特定術語的排名。

要向 Google 表明您的網站有趣且相關,您需要盡可能降低跳出率。 為此,您需要吸引用戶點擊您網站上的其他頁面。 您可能已經猜到了,這就是疊加層的用武之地。

Hubspot 博客上有一個關於如何實現這種疊加技術的很好的例子。 當讀者讀完一篇博客文章並滾動到底部時,他們很自然地會點擊瀏覽器中的後退按鈕。

為了阻止這種情況發生,屏幕右下角會出現一個小的彈出窗口,其中包含聊天氣泡和個人資料圖片。 它出現在屏幕上的方式非常引人注目且出乎意料。 當用戶看到它彈出時,他們會立即對它所說的內容感興趣。

當用戶點擊疊加層時,它會將他們帶到網站的另一部分,正是這種點擊有助於降低整體跳出率。 儘管聽起來很簡單,但這個小技巧幾乎可以保證有助於降低您網站的整體跳出率並提高您的排名。 如果大男孩在他們的網站上使用它,那麼它顯然會給出結果!

帶著你新學到的知識前進

現在您了解了網站覆蓋的科學性和力量,是時候在您自己的網站上實施這些策略了。 無論您經營的是電子商務商店、博客還是付費搜索著陸頁,網站疊加層都可以快速輕鬆地提高轉化率。

歸根結底,覆蓋實際上只是一個提供價值和傳遞信息的平台。 讓您的產品成為訪客喜愛的產品,結果也會隨之而來!