使用實時聊天登陸頁面創造更好的客戶體驗

在當今的數字時代，隨時為您的客戶提供服務比以往任何時候都更加重要。 幸運的是，實時聊天點擊後登錄頁面也比以往任何時候都更有可能。

企業正在通過營銷和銷售渠道的多個接觸點在各種平台上提供服務。 有自動短信、Facebook 頁面上的實時聊天、實時聊天網頁——這個列表是無窮無盡的。

這是因為與您的網站訪問者、潛在客戶和客戶建立關係比許多人意識到的更為重要。 無論何時何地，與潛在和現有客戶進行個人聯繫的重要性是業務流程的基本組成部分。 與網站訪問者建立關係或聯繫可以為他們提供成為有價值的潛在客戶或客戶所需的信任和鼓勵。

特別是在您的點擊後登錄頁面上使用實時聊天軟件，可以為您提供更多的機會來捕捉潛在客戶。 在這些頁面上，第一印象至關重要，訪問者會在幾秒鐘內評估您的品牌和產品，讓支持代表隨時可以回答問題可以使一切變得不同。

簡而言之，實時聊天集成使您可以更快、更實時地與人聯繫，回答問題並說服他們進行轉換。

請務必注意，實時聊天不應在您的點擊後登錄頁面上獨占。 此功能不會替換您的潛在客戶捕獲表單或頁面上的任何其他元素。 點擊後登陸頁面仍應使用引人注目的標題、引人入勝的視覺效果和長篇故事來收集基本信息——實時聊天只是增加了聯繫、個性化和便利，以幫助更快地轉換潛在客戶。

在本文中，我們展示了 12 個將實時聊天納入其點擊後登錄頁面的品牌。 讓我們來看看每個人如何使用該功能來吸引訪問者並使轉換過程更有效率。

11 個實時聊天點擊後登錄頁面示例

1. 家庭廚師

此實時聊天點擊後登錄頁麵包含許多最重要的點擊後登錄頁面設計最佳實踐。

它有一個誘人的標題和一個支持性的解釋性副標題。 該視頻是傳達信息的絕佳方式，而不會讓訪問者花費大量時間閱讀。 紅色的 CTA 按鈕與頁面上的其他顏色形成鮮明對比，使其在訪問者中脫穎而出（儘管其上的副本可以改進）。 此外，點擊式設計提供了更順暢的轉換過程，因為訪問者從一開始就不會面臨潛在客戶捕獲表單。

由 Zendesk 提供支持的實時聊天也是轉換過程的催化劑。

請注意，當訪問者單擊右下角的聊天功能時，支持代表不會立即向他們提問。 相反，由訪問者決定如何交互。 他們插入他們的姓名、電子郵件地址和他們自己的個人信息，然後他們才會收到回复。 請求電子郵件地址還有助於 Home Chef 增加潛在客戶。

就提高小部件的有效性而言，Home Chef 可能希望考慮使用對比鮮明的顏色對其進行 A/B 測試，以更好地突出顯示，因為綠色與頁面的其餘部分融為一體。

2. 對講機

這是一個點擊後登錄頁面，與它的主要競爭對手 Drift 相比，Intercom 在該頁面上推廣了自己的實時聊天軟件。

儘管頁面由於採用單色配色方案而容易上眼且美觀，但這種技術並不適合使 CTA 按鈕脫穎而出，並且可能會降低轉化率。

頁眉和頁腳導航以及整個頁面其餘部分的退出鏈接也可能會減少轉化次數，因為訪問者往往會分心並更快離開頁面。

從好的方面來說，有大量的社會證明和信任信號——公司標識、數字統計、客戶推薦、隱私政策等——有助於增加訪問者感到安全、有保障並被迫在網站上轉換的機會。提供。

實時聊天進一步增加了這些機會，因為它有助於在公司和潛在客戶之間建立更牢固的關係。

由於此點擊後登錄頁面旨在將 Intercom 與 Drift 進行比較，因此此消息也通過實時聊天傳遞。 注意它是如何提問的，“對我們如何與 Drift 進行比較有疑問嗎？” 然後專門為那些從 Drift 轉換的人提供指南。

此實時聊天的一個有趣組成部分是它將所有以前的對話存儲在您的瀏覽器上。 這是三天后我返回點擊後登錄頁面時小部件的圖像：

我之前的對話仍然可用，但我也可以選擇開始新的對話​​。 當訪問者單擊“新對話”按鈕時，他們會收到開始新對話的歡迎邀請：

除了邀請之外，訪問者還可以看到他們可能與之交談的人的姓名和頭像，以及某人回复需要多長時間的指示。

3. MarketingProfs

從折疊上方的引人入勝的視頻到用最少的副本來解釋好處的圖標，再到整個頁面中充足的社會證明，MarketingProfs 在通過此點擊後登錄頁面展示其免費試用優惠方面做得非常出色。

Olark 支持的實時聊天只是補充頁面上其他強大元素的另一個重要組件。 與第一個示例類似，訪問者不會像其他一些實時聊天頁面那樣立即受到支持代表的問題的轟炸。

同樣，訪問者通過輸入他們的姓名、電子郵件地址和個人消息來啟動交互，這有助於增加潛在客戶的產生。 另外，“我們很樂意提供幫助！” 讓潛在客戶知道代表們熱情友好。

為了使實時聊天更加有效，MarketingProfs 可能會考慮使用一種對比度更好的顏色進行 A/B 測試，並在頁面上突出顯示，以便人們更快地註意到它。

4. 新聊

此 Freshworks 點擊後登錄頁面僅包含徽標、標題、潛在客戶捕獲表單和 CTA 按鈕。 它不提供任何有關報價的有價值的信息，並且可能讓人們想知道甚至提供了什麼。

這裡有實時聊天是一件好事，因為訪問者在轉換之前可能會有問題。

此示例的一個有趣方面是聊天中有三個特定類別，可將訪問者的消息過濾給正確的代表，以便他們獲得最合適的答案。

另一個獨特的組件是能夠在“聊天”和“常見問題”之間切換。 通過有一個常見問題部分（帶有類別和搜索功能），訪問者可以比等待回復更快地找到他們的答案。

5. 3Q數碼

這個點擊後登陸頁面可以進行一些改進，首先是大量的退出鏈接，包括頁眉和頁腳導航、指向許多其他白皮書的鏈接以及頁面底部的社交媒體鏈接。 此外，頁面底部的第二個表單和頁面頂部的紫色“聯繫”CTA 按鈕都用於不同的報價，可能會分散訪問者對主要報價的注意力。

相反，標題和副標題是具體的、信息豐富的，並且可以很好地協同工作，為潛在客戶提供足夠的信息，讓他們想要更多。

這種形式之所以引人注目，是因為它用顏色對比封裝起來，並被足夠的白色空間包圍著——但這種形式可能更引人注目。 目前，“聯繫”CTA 按鈕比“下載白皮書”CTA 按鈕更突出，因為顏色對比更強烈。

不過，此頁面上的黃色實時聊天非常突出。 與我們目前看到的其他示例不同，這個由 Greechat 提供支持的示例與頁面的其他顏色形成對比。

顧問的名字和頭像也很不錯，因為在與某人建立關係時很高興知道您在與誰交談。

在這種情況下，不需要電子郵件地址就可以開始對話，這可能會導致潛在客戶的產生較少，但會有更多的人伸出援手並形成更牢固的聯繫。

6. 活人

除了頁面頂部的超鏈接公司徽標和頁面底部的過時版權日期之外，LivePerson 在這個實時聊天點擊後登錄頁面上做得非常好。 圖像清晰，引人入勝； 表格簡短且易於填寫； 優化了 CTA 按鈕； 副本被分成小塊，有大量的空白，並且有各種各樣的社會證明。

橙色的實時聊天很可能會迅速吸引訪問者的注意力，就像點擊後登陸頁面上的橙色 CTA 按鈕一樣。

儘管聊天是一種潛在客戶技術，但它似乎有些咄咄逼人和侵入性。 人們可能會因為甚至沒有輸入問題的字段而感到厭煩，而且他們必須在發送主要信息之前提供三條信息。

7. NICE 聯繫方式

NICE InContact 創建了這個點擊後登錄頁面來推廣他們基於雲的呼叫中心軟件——頁面上的標題和副本清楚地表明了這一點。 該視頻是有效的社會證明，讓潛在客戶知道 New Balance 等知名公司喜歡使用 NICE inContact。

由於這是一個沒有頁面表單的兩步選擇加入頁面，因此 CTA 按鈕應該更加突出。 將顏色更改為更具對比度的顏色、放大顏色並將員工的視線重新定向到按鈕上，這些都是值得考慮的點擊後登錄頁面的好主意。

此示例沒有典型的聊天小部件。 相反，頂部有一個鏈接（底部有另一個），可以打開一個單獨的實時聊天頁面。 由於您希望訪問者能夠在仍然瀏覽您的點擊後登錄頁面的同時進行實時聊天，因此這不是最好的設計技術。 改用小型重疊聊天——以免破壞用戶體驗——是更好的選擇。

此外，無名代理/系統在我在頁面上的 1-2 分鐘內發送了 7 條消息，然後它完全結束了對話。

8. 島

這是 iland 提供的免費試用實時聊天點擊後登錄頁面，總體來說還是不錯的。

點擊通話電話號碼改善用戶體驗； 紅色 CTA 按鈕彈出頁面； 清晰的圖像和交互式 gif 有助於提供內容，並且有大量信任信號和社會證明（獲獎、品牌徽標、隱私政策、客戶推薦等）。

就 A/B 測試的元素而言——9 個表單字段可能令人生畏，因此 2 步選擇加入表單或多步表單可能是一個更好的主意。 此外，刪除所有退出鏈接（iland 徽標、“完整的託管雲解決方案”部分以及頁腳中的網站鏈接）可能會使訪問者在頁面上停留更長時間。

此實時聊天從頁面右側的一個小選項卡開始。 在頁面上幾秒鐘後，聊天窗口自動打開。

這個例子的一個有趣的特點是訪問者可以將窗口移動到頁面上他們想要的任何地方，以實現更好的用戶體驗。

雖然 iland 可能不會通過他們的聊天獲得盡可能多的線索，但事實上它只是簡單地說“你好，有什麼可以幫助你的？” 非常適合讓潛在客戶知道他們可以問/說任何他們想要的東西，而無需提供個人信息。

9. 幸運橙

這是來自 Lucky Orange 的另一個點擊後登錄頁面，它幾乎沒有提供任何有關此優惠的有價值的信息——只有客戶推薦、3 個表單字段、一個 CTA 按鈕和後台軟件預覽。

同樣，訪問者在決定轉換之前可能會對此優惠有疑問，因此他們在頁面上包含實時聊天是一件好事。

支持代表的姓名和頭像是很好的包含內容，因為它們非常適合讓人們感覺與他們交談的人有更多的聯繫和舒適感。

擁有聲音選項可提供更好的用戶體驗，並增加舒適度/連接水平。

為了使實時聊天更好地脫穎而出，並可能被更多地利用，可以在小部件中添加對比色。

10. 維拉羅

Velaro 創建了這個點擊後登錄頁面來宣傳他們的實時聊天白皮書。 他們在這方面做得很好——一個準確地說明報價是什麼的標題，用最少的副本來描述白皮書的要點，一個易於完成的簡短的 4 字段潛在客戶捕獲表格，一個增加信任的隱私政策，等等。

但也有一些元素可以進行 A/B 測試以獲得更好的轉換結果。

例如，此頁面上實際上有三種不同的優惠：演示（頁面頂部的橫幅）、白皮書（主要優惠）和免費試用（位於頁面頂部的綠色“免費試用”CTA 按鈕）。頁面底部）。 點擊後登錄頁面應僅包含一個優惠，因此如果您有多個優惠，則為每個優惠創建一個單獨的點擊後登錄頁面。

此外，還有多個退出鏈接可能會分散訪問者的注意力——Velaro 徽標、“指南”、“白皮書”和“支持”鏈接、社交媒體按鈕以及頁腳中的其他幾個鏈接。

由於其上方的視覺提示，Velaro 的實時聊天可能會引起很多關注：

直接來自實時聊天的大“讓我們聊天”氣泡肯定會讓大多數訪問者將注意力集中在那裡。

單擊後，聊天會立即向客戶保證他們將及時獲得幫助。 該公司甚至與 Facebook 集成，以便更快、更輕鬆地完成實時聊天表單。 為了更加方便，下拉菜單可確保將潛在客戶的消息定向到正確的部門（銷售或支持）以獲得最合適的響應。

同樣，實時聊天中的顏色可以與點擊後登錄頁面的其餘部分形成更多對比，使聊天更好地脫穎而出並鼓勵更多訪問者參與。

11. 性能汽車集團

Performance Auto Group 使用此點擊後登錄頁面來宣傳他們為期一天的 Drive Change 銷售活動。 它包含多個點擊後登錄頁面元素，這些元素對於通過事件營銷推動轉化至關重要。

請注意倒數計時器（自事件結束後現已過期）、事件的日期和時間以及橙色的“僅限一天”橫幅。 所有這些元素都有助於增加報價的緊迫性。

還要注意手和汽車作為明確的視覺提示，直接指向標題並引起人們的注意。

公司徽標是一種很好的社會證明形式，可以向訪客灌輸信任並迫使他們註冊。

他們應該添加到頁面的一個組件是一些空白，以使其看起來不那麼混亂並且更易於導航。 他們還可以刪除所有退出鏈接，以減少訪問者在沒有先轉換的情況下離開頁面的可能性。

此頁面上的實時聊天由 Gubagoo 提供支持，讓潛在客戶確切知道其目的是：幫助人們在 Drive Change 銷售活動中安排 VIP 約會。

聊天中的三個頭像有助於在客戶和代表之間建立更牢固的聯繫。 向公司發送文本消息而不是實時聊天消息的能力也有助於建立更密切的關係。

在您的點擊後登錄頁面上使用實時聊天

與您的網站訪問者建立關係是推動他們成為潛在客戶的關鍵。 建立信任並在情感上與他們建立聯繫對於將他們變成滿意的終身客戶至關重要。

借助 Instapage，您可以使用 Intercom、Olark 和 Zendesk 進行實時聊天集成，從而更輕鬆地與客戶聯繫。 將這些實時聊天工具與我們強大的廣告轉化雲結合使用，可幫助您將更多的廣告點擊轉化為轉化。 立即註冊企業演示。