使用实时聊天登陆页面创造更好的客户体验

在当今的数字时代，随时为您的客户提供服务比以往任何时候都更加重要。 幸运的是，实时聊天点击后登录页面也比以往任何时候都更有可能。

企业正在通过营销和销售渠道的多个接触点在各种平台上提供服务。 有自动短信、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 进行实时聊天集成，从而更轻松地与客户联系。 将这些实时聊天工具与我们强大的广告转化云结合使用，可帮助您将更多的广告点击转化为转化。 立即注册企业演示。