17个软件即服务、B2B和B2C登陆页的例子

有时我喜欢想象一个所有登录页都经过预优化的世界。我们不需要冗长的A/B测试、重新设计或重写。在我的幻想世界里,登陆页面针对特定的受众群体进行了预测试,一旦发布,表现就完美无瑕。

但在现实世界中,故事并不完美。我们制作的登陆页面从来都不完美。我们得到的结果从来都不完美。

遗憾的是,我不能跳过去帮你测试你生成的每个登录页。我不能告诉你什么对你的特定受众或行业有效。我能做的就是激励你。

在这篇文章中,我将从网上选取17个登陆页面的例子(我能找到的最具代表性的例子),分析它们,并就它们可以通过A/B测试来改进的地方给出建议。

这篇文章分为两部分:

  • SaaS和B2B登录页示例
  • B2C登录页示例

我将给出一些点击通过的例子登陆页面和一些潜在客户开发登录页(两个部门)。

我还将提供一些现实案例研究,并以一个例子来支持我的每一个A/B测试建议。

如果你只对与你的业务类型相关的登陆页面感兴趣……

好去吗?让我们开始吧!


SaaS & B2B点击进入着陆页的例子


#1.Gummicube



着陆页的例子

打破这着陆页的例子:

Gummicube为应用程序提供SEO,通过提高应用程序商店内的搜索排名来改善应用程序分发…

  • Gummicube的市场非常利基,任何不知道它存在的人都不可能需要它。这就是为什么他们选择在这个点击式登录页面上做这么多基于教育的内容很有趣。
  • 这是一个相对简单的页面(虽然还不错)。许多视觉元素感觉有点业余,看起来像是在谷歌Drawing中制作的。


登录页A/B测试建议:

  • 为“关键ASO因素”添加一个扩展chevron,因为这部分感觉太长了,对于一个简单的点击页面来说有些不必要。
  • 更改“内容优化”部分中的两个好处点的格式,因为它们看起来完全像按钮(但不是)。在你的登陆页面上设置有限的按钮是很重要的,而且没有看起来像但实际上不是的按钮。
  • 将副标题“应用商店优化服务”改为在主标题上展开的内容,并传达其服务的价值。
  • 添加一个客户证明或“我们合作过的品牌”部分,以帮助他们缺乏品牌认知度。


Tweetable A/B测试数据支持我的建议:



电子邮件应用程序AwayFind通过更改登录页的副标题增加了91%的注册量。

来源:VWO.com


#2.维扎尔



着陆页的例子

打破这着陆页的例子:

Vzaar是一个视频托管服务,与许多竞争对手一样,他们的点击登录页面的焦点是他们的产品(一个展示他们员工的视频)。。。

  • 登录页本身是彩色的、友好的和交互式的。每个图标都是动画,它的特点是四个微笑的员工正面和中央以下的折叠。
  • 他们也非常重视客户的感言——对于不太知名的企业,我非常喜欢(并推荐)这一元素。
  • 这个页面有一个简单的转换要求(开始一个30天的免费试用)提供在他们的简单的导航栏,在他们的介绍视频下面,和在页面的底部。
  • 我真的很喜欢Vzaar对标题和副标题的使用。标题简洁明了,副标题更有价值。


登录页A/B测试建议:

  • 在他们的介绍视频中投入更多的精力。这感觉有点强迫,而且,考虑到他们是一个视频托管网站,一个好的视频绝对是至关重要的。
  • 将标题从“我们是出版商的视频主机”改为使他们更具竞争力的内容。
  • 将客户推荐信从绿色背景与对比色(或深色)背景设置为灰色。
  • 将CTA的颜色更改为“已建立或实际业务需求”部分中较亮的颜色之一(橙色或粉色)。


Tweetable A/B测试数据支持我的建议:

营销公司CityCliq通过改变标题将定价页面的转化率提高了90%。

来源:VWO.com


#3.SEMRush



着陆页的例子

打破这着陆页的例子:

SEMRush是一个领先的SEO优化工具,这个登陆页面的例子围绕着他们的“尝试”功能,它允许你输入一个URL,并对其进行SEO分析……

  • 因为登陆页上的“问”非常吸引人,我不完全确定他们为什么要添加所有其他信息。这并没有增加CTA的吸引力。
  • SEMRush做了一个很好的工作,将这个页面上的信息分解成一些可接受的片段。你不想让你的登陆页面的访问者被信息淹没,否则他们就会跳出来。想了解更多关于“信息压倒”的心理影响,请参阅转换优化心理学的完整指南.


登录页A/B测试建议:

  • 删除下面的信息(或大部分),让访问者的注意力集中在非常有吸引力的,容易的,转换提问。
  • 更改CTA按钮的颜色为类似于山部分的蓝色。绿色和橙色的对比很有攻击性。
  • 将登录页图像更改为更有趣的内容(甚至是显示增长的图形)。这叠纸并不特别引人注目。
  • 把他们的标题改成更吸引人的东西而不是信息。考虑“你的网站优化了吗?”



Tweetable A/B测试数据支持我的建议:

营销自动化公司Performable通过测试CTA按钮的颜色,将其主页上的CTR提高了21%

来源:Quicksprout.com


# 4。mHelpDesk



着陆页的例子

打破这着陆页的例子:

CRM和业务服务管理工具mHelpDesk在这里有一个非常有效的点击页面。信息的间隔很好,最小和切中要害……

  • 他们非常有效地利用用户引用,几乎在每个部分都使用它们(甚至将引用作为他们利益列表的副标题)。
  • 设计很好,似乎是一个很好的利用着陆页模板从第三方平台。
  • 我真的很喜欢他们有一个单一的CTA(现在尝试)在他们的点击通过页面的中心。虽然他们在页面底部有另一个按钮,但它是灰色的,更小,显然不是页面的焦点。
  • 他们的USP(独特卖点)“2007年以来排名第一的现场服务业务管理软件”是基于信任的标题的一个很好的例子,鼓励流量找出原因。


登录页A/B测试建议:

  • 在标题/USP下面测试静态图像。目前,它是一系列高质量的动图(其中一个是电焊工的工具飞溅的火花),分散了页面的信息。
  • 更改CTA按钮的颜色,使其对比度更高。虽然浅蓝色清晰可见,但它不像橙色或绿色那样引人注目。
  • 在底部添加三份推荐信中的公司。目前它只是简单的“所有者”,没有多少沟通。您希望向登录页访问者展示您的成功客户与他们一样。为了做到这一点,尽可能个性化你的推荐信。
  • 将推荐人面部的缩略图更改为简单的图形(请参阅下面奖金案例研究部分中有关此有争议的a/b测试的更多信息)。


Tweetable A/B测试数据支持我的建议:

在Consolidated Label的主页上添加一个明亮的“自由报价”CTA按钮,将转化率提高了62%。

来源:VWO.com


SaaS和B2B潜在客户着陆页的例子


# 5。库扎伊



着陆页的例子

打破这着陆页的例子:

我强调了这部分的每一部分lead gen登录页示例因为它几乎包含了你在LP中可能想要的所有元素……

  • 老实说,我想说这家公司Koozai(一家专注于代理商的数字营销公司)已经阅读了一篇全面的登录页最佳实践文章,然后将它们全部放在一个登录页上。这有点像烹饪。。。仅仅因为花生酱、果冻、牛排、奇多和一杯好的淡啤酒都很棒,并不意味着在食品加工机中将它们混合在一起会给你一顿美味的晚餐。
  • 在我看来,潜在客户的登陆页面应该简单明了(就像所有的登陆页面一样)。这个不是。


登录页A/B测试建议:

  • 把CTA按钮放在折叠上方,因为大多数人不会向下滚动。
  • 将“你为什么应该信任我们?”部分、灰色长段落部分、“你在等什么?”部分、顶部导航栏、电话号码和底部联系方式部分全部删除。
  • 将底部的表单字段移到页面的右侧,并缩小图像。


Tweetable A/B测试数据支持我的建议:

CRM公司SuperOffice将其演示请求页面上的潜在客户增加了197%,将“少即是多”放在心上。

来源:WhichTestWon.com


#6.人构成的画面或场景



着陆页的例子

打破这着陆页的例子:

分析工具Tableau在这里有一个漂亮的登录页,我几乎不会改变…

  • 高质量的视觉效果很快就能传达出专业性(只要你一进入页面)。
  • 它很好地利用了扩展部分(当你点击其中一个cta时,上面图片右边显示的表单就会打开。
  • 非常好地关注转换问题:没有顶部导航栏和三个非常不同的CTA按钮(橙色的“获取指南”CTA、“立即下载指南”链接以及电子书图片都是打开表单的CTA)。


登录页A/B测试建议:

  • 减少表单字段的数量,除非您正在使用它们中的每一个培养能带来销售。潜在客户尤其害怕将电话号码提供给任何人,因此要求提供电话号码将严重限制此页面生成的潜在客户数量。
  • 复制编辑“关于我们”部分。音高的结尾没有句号,单词“help”明显地重复了一遍,还有一个从句用作句子。这些东西很重要,特别是页面的其他部分非常专业。
  • 删除徽标链接,除非登录页访问者已经拥有帐户(可以通过cookies和良好的营销自动化工具)因为他们可能会对该公司感到好奇(尤其是“关于我们”部分),并从一个优化的页面跳转到另一个不是这样的页面。
  • 在推荐信下面添加一个报价客户的小图像。


Tweetable A/B测试数据支持我的建议:

ContentVerve通过改变客户感言的位置提高了64.53%的转化率。

来源:50个A/B分割测试转换优化案例研究


#7.Wistia



着陆页的例子

打破这着陆页的例子:

领先的视频托管平台Witia将lead gen页面的感觉融入了他们的点击页面,还是反过来呢?。。。

  • 这是整个指南中最简单的一页:一个简单的USP和一个很好的副标题,扩展了他们的产品,一张图片,几个“被信任的”前客户和表单——干净,简约,有效。
  • 不过,很明显,重点是右边的表单(这就是我将此页面归类为lead gen登录页面的原因)。
  • 特别有效的是表单的标题“免费试用Wistia的所有功能”,这很好地让访问者知道,在Ask上转换并不意味着他们可以访问Wistia平台的一些小型免费版本,而是他们提供的所有功能。这吸引了“购物”的访问者(因为这是谷歌Adwords活动的登陆页面,这将是大部分流量)。
  • 我喜欢“还不确定?”在右下角询问,允许访问者查看完整的网站,并在开始免费试用之前对该工具有更好的感觉。通常情况下,我不建议在LP中添加第二个CTA,但是(因为这是一半点击页面,一半引导页面)我很满意。
  • 他们对信任自己的公司的选择是例外的:塞缪尔·亚当斯被大家公认为一个简单的啤酒公司(B2C), Mailchimp的营销人员都认为无论他们的行业,星巴克是公认的领先的大品牌(和通信Wistia的声誉作为一个领导者在他们的领域),和ZenDesk Moz吸引力甚至比Mailchimp的数字营销人员。


登录页A/B测试建议:

  • 把图片换成更吸引人的东西,比如gif或介绍视频。这个页面非常简单,我很想知道稍微炫耀一下是否有助于提高转化率。
  • 更改“了解更多信息”的CTA按钮,使其不那么显眼,因为免费试用是本页面的主要目标。
  • 删除表单中的“Set Password”字段,因为这似乎需要承担相当大的工作量。一旦你得到了线索,你就可以在电子邮件或内部信息中索要密码。


Tweetable A/B测试数据支持我的建议:

使用图像而不是空白背景可以提高70%的转换率。

来源:50个A/B分割测试转换优化案例研究


# 8。Uberflip



着陆页的例子

打破这着陆页的例子:

内容营销管理平台Uberflip使用一篇伪博客文章作为登录页,只在参与的第三步中打开表单字段…

  • 首先,潜在客户阅读电子书分类(段落形式,如博客文章),然后单击“单击此处下载”CTA,这将在他们的浏览器中打开一个新选项卡。然后,他们单击第一个表单字段(工作电子邮件),该字段用作展开V形,以打开表单的其他两个字段。
  • 我喜欢这个登陆页面过程的一件事是第二阶段,它看起来像网站弹出窗口“你离完整的电子邮件营销指南只有一步之遥。”这给登录页面的访问者一种感觉,他们几乎可以抓住电子书,并进入“抽样”(一个强大的营销心理因素).
  • 然而,三阶段转换有点令人沮丧,因为潜在客户可能会觉得有点“更多?!让我下载吧!”
  • 我喜欢页面底部的作者简介(尽管它可能只是博客文章格式的剩余部分),因为它使参与度更个性化。


登录页A/B测试建议:

  • 创建一些简短的要点来代替段落格式。它要么是一篇博客文章,要么是一个登陆页面,而不是两者兼而有之。
  • 删除侧边栏,因为它分散了对主要转换目标的注意力。
  • 当访问者访问其他选项卡时显示完整表单,而不是在单击时将其展开。
  • 使用一个单击弹出窗口点击“下载完整指南”链接,而不是打开一个全新的页面。
  • 不要要求潜在的线索接收电子邮件(除非访问者选择进入时事通讯,否则表单将不完整),因为这将严重损害转化率(也是一个法律灰色地带)。


Tweetable A/B测试数据支持我的建议:

当他们增加个人利益时,水下音频的产品页面销量增加了40.81%。

来源:50个A/B分割测试转换优化案例研究


# 9。只有



着陆页的例子

打破这着陆页的例子:

Kissmetrics是一家领先的客户情报/网站分析提供商,为他们的网络研讨会回放提供了一个非常有吸引力的潜在客户登录页面……

  • 简单扼要,这个引导登陆页有一个大的中心标题,确保你下载时不会混淆你将得到什么网络研讨会。
  • 网络研讨会主持人的面孔、姓名和职务都很突出,这是一个很好的主意(特别是对于网络研讨会),因为它使参与个性化。
  • 登录页面底部的引语也是对网络研讨会本身的有效窥视。
  • 漂亮的配色方案,引人注目的CTA按钮,扎实的介绍和利益列表,和传统的布局(与一些奖金)提供了一个全面的高度优化的leads -gen着陆页。


登录页A/B测试建议:

  • 减少表单字段的数量(同样,特别是电话号码字段……)
  • 修复底部引号后面的偏移图像,因为背景与顶部的分层图像不对齐。小细节很重要。


Tweetable A/B测试数据支持我的建议:

Neil Patel通过删除网站上的“收入”表单字段,将转化率提高了26%。

来源:Quicksprout.com


# 10。内容营销研究所



着陆页的例子

打破这着陆页的例子:

类似于上面UberFlip的登陆页面的例子,内容营销研究所将一篇博客文章与一封电子邮件联系在一起……

  • 这个页面的侧边栏比UberFlips更让人分心,但它把表单放在页面的前面和中心位置。
  • 这个登录页示例中我最喜欢的一个部分是表单前面的一句话,“通过下载电子书,您还可以访问指南中描述的三个可定制模板。”这种“奖励内容”对于lead gen来说是个好主意。
  • 表格下方的福利列表也是一个有趣的选择,因为通常情况下,在向潜在客户提供服务之前,您会传达所有服务的价值。
  • 表格本身是双重要求的,因为CTA是“注册”,你既可以得到电子书,也可以订阅时事通讯。


登录页A/B测试建议:

  • 限制页面上的刺激量。认识到博客登录页是一种选择,我至少还是放弃导航栏(因为页面上的许多其他内容也针对潜在客户开发进行了优化)
  • 将利益列表放在表格上方,在要求之前完成价值pitch。
  • 我会从这个潜在客户提问中删除所需的时事通讯订阅,特别是在看到时事通讯订阅的价值之前,完全有可能对电子书感兴趣。当你在谷歌中输入“影响者营销电子书”时,这本电子书是第一页的第四个链接。对于有机搜索引擎优化流量,订阅时事通讯的原因尚未充分沟通。


Tweetable A/B测试数据支持我的建议:

TechInsurance.com将PPC流量发送到简化的LP时,转化率提高了73%。

来源:50个A/B分割测试转换优化案例研究


Saas和B2B登陆页面的奖励案例研究:


案例# 1:




大多数人会认为版本A(因为真实人物的脸是最佳实践)会轻易地赢得A/B测试。

然而,真实客户的视频缩略图减少浏览量减少50%有99%的信心.

惊讶吗?你不是一个人。

显然,在采访和调查客户后,AutoDesk(一家3d设计和软件开发公司)发现,人们对学习软件的工作方式比对听别人谈论它更感兴趣。

这只是为了说明你永远无法假设(以及测试一切是多么重要,即使是那些你认为可以保证改进的策略)。


案例研究2:



登录页案例研究

Time Doctor是一家创建时间管理和生产力工具的软件公司,它在定价页面上专门针对先访问过网站其他页面的用户进行了此测试。

版本A(“所有账户的免费30天试用”)比版本B(置信度为98.9%)的访客转化率高出32%。转换实际上是在填写下一页上的表单字段(因此没有单击上图中的CTA按钮)。

这是一个很好的测试,因为“关注价值”和“关注利益”都是CRO的最佳实践。

你感到惊讶吗?请在评论部分告诉我您对这些案例研究的想法!


B2C点击率着陆页的例子



# 11。马萨基诺


着陆页的例子

打破这着陆页的例子:

MasaGeNoO(一个网站提供团购的专门为SPA的交易)有一个点击广告页,他们的AdWords活动,发送人到他们的旧金山网站或他们的纽约网站…

  • 我喜欢这个登陆页面对视觉效果的关注。你首先看到的是一个放松的女人在按摩时面带微笑。你知道你来对地方了。
  • 一份简单的、由三部分组成的利益清单就在折叠上方,为您提供了他们的三个主要销售主张(“当天预订”、“节省20-40”和“顶级水疗”)。这三个好处有效地回答了网站访问者的第一个问题:我什么时候可以得到按摩?按摩要花多少钱?它值我的钱吗?预测和回答登录页访问者的问题是快速获得转化的好方法。


登录页A/B测试建议:

  • 点击进入旧金山和纽约的登陆页面。大多数着陆页工具>轻松复制登录页。保持设计元素相同,但按位置定位在线广告。

除此之外,我真的没有这个登录页的改进建议。太棒了。


Tweetable A/B测试数据支持我的建议:

使用登录页的在线广告活动通常会看到转化率至少提高25%。

来源:Square2Marketing.com


# 12。湖岸脊骨疗法



着陆页的例子

打破这着陆页的例子:

lakeshorchiropractic给了我们一个典型的,有点过时的,B2C点击通过登陆页面的例子…

  • Front和center是一个信任符号(它实际上首先在页面上加载),这让登录页面的访问者立刻感到轻松。
  • 页面在可读性方面有点困难,因为滚动部分(“调整和操作”)的字体对比度不如绿色背景。
  • 同样,中央主体副本是此类站点的典型副本。这三个段落占用了大量的空间,可能会让访问者感到不知所措。
  • 一些不错的改进是视频(实际上做得很好)和Yelp的评论。对于像这样的企业,从一个被认可的网站提供客观的评论是一个很好的选择。


登录页A/B测试建议:

  • 用视频替换这三个段落(并使视频的缩略图更吸引人)。这将使页面更简单,并鼓励用户参与到一个非常好的视频中。
  • 消除简单的错误,以提高转换。信任符号文本上写着“祝贺你……在图片部分的“阅读更多”链接没有链接到任何东西。
  • 移除正文副本上方右侧的随机“打印”按钮。简单的网页设计错误传达了一种不专业的业务,访问者也会将其外推到您的服务中。


Tweetable A/B测试数据支持我的建议:

Growyourowngroceries.com网站将店主的照片换成了视频,转化率提高了12.62%。

来源:50个A/B分割测试转换优化案例研究


# 13。Dorion Gray财务顾问



着陆页的例子

打破这着陆页的例子:

Dorion Gray Financial Advisors在这里有一个有点不同的登陆页面,因为他们的请求实际上是让访问者拨打电话……

  • 我选择将这个页面包含在本文中,因为它是非常典型的B2C网站(尽管从技术上讲,它不是为单个在线转换而优化的登录页面)。
  • 和许多同行一样,Dorion Gray的网站在五个地方都有一个电话号码,还有地图和地址,允许访问者立即离线进行对话。这表明你了解公司的目标市场。
  • 这个页面还展示了几张退休的微笑情侣的照片(同样,这也是典型的网站)。


登录页A/B测试建议:

  • 绞尽脑汁想出一个独特卖点,让你的企业从竞争对手中脱颖而出。可以考虑把下面正文中的“39年经验”写成一个标题。
  • 询问以前或现在的客户是否愿意为网站拍照。特别是左边和右下的图片,是两个男人(不是Dorion Gray)在帮助一对老夫妇。如果这些照片不是用5美元从图片网站上买下来的,效果会好得多。
  • 特写多里安(或公司的某个人),或者是一张短片。这将在访问者和公司之间建立信任。
  • 增加客户证明书(附有图片和姓名)以建立信任。


Tweetable A/B测试数据支持我的建议:

一家提供卡车驾驶课程的公司将实物照片转换为真人的转化率提高了161%。

来源:VWO.com


B2C管理着陆页的例子



# 14。格罗夫牙科协会



着陆页的例子

打破这着陆页的例子:

Grove Dental Associates提供了一个简单和直接的引导gen登陆页面,与许多竞争对手形成鲜明对比……

  • 这个登陆页面是针对其Adwords活动的,重点是关键词“牙医+芝加哥”。这就是为什么他们的价值主张/USP专注于他们可以交付给新客户的价值。现有客户将访问他们的主网站,并看到不同的消息。将你的USP集中在你的流量来源上绝对是最好的做法,并且应该牢记于心。
  • 所有重要的东西都在上面,而下面是突出和发光的客户证明,以及四个地点的较小的联系细节。我真的很喜欢这个页面的结构。


登录页A/B测试建议:

  • 更改导航栏中“服务”和“联系我们”链接的颜色,使表单中的CTA按钮单独突出。
  • 更改正文副本和客户推荐信的字体,因为它太幼稚,而且(特别是推荐信)有点难以阅读。
  • 在右侧添加“ADA”信托符号的上下文(如“美国牙科协会成员”)。
  • 增加报价客户的姓名和形象。


Tweetable A/B测试数据支持我的建议:

NumaraSoftware通过将字体从10号改为13号,将表单转换率提高了133%。

来源:Clicklaboratory.com


#15.这行的



着陆页的例子

打破这着陆页的例子:

纽约威斯特彻斯特的Roto-Rooter登陆页面在你第一次到达时有点让人不知所措,但它会改变流量吗?....

  • 这里发生了很多事情,但我的眼睛一下子就能找到电话号码(这是任何B2C页面的目标)。
  • 图片看起来就像真正的员工,我喜欢标题“你信任了80多年的管道专家”,因为它传达了我的朋友和家人信任这家公司,所以我也应该信任。
  • 40美元的折扣也是一种超越竞争对手的有效价值沟通方式,并且在页面上居于前列和中心位置。


登录页A/B测试建议:

  • 我会把标题做成一个大小和一行。像他们那样把它拆散并不适合阅读。
  • 让客户评论部分更加突出。让五星更加显眼,并添加引号(传达真实性)。
  • 将“提交”改为更吸引人的内容,比如“修复它!”事实上,永远不要使用“提交”。


Tweetable A/B测试数据支持我的建议:

帝国Flippers通过使他们的CTA拷贝更以客户为中心,提高了33.10%的潜在客户转化率。

来源:VWO.com


#16.振兴精神病学中心



着陆页的例子

打破这着陆页的例子:

复兴精神病学中心有一个首页,上面有很多正在进行的事情,它既服务于新泽西的潜在客户,也服务于那些来自佛罗里达的客户。

  • 我又一次对你为什么不为每个位置创建两个登陆页面感到困惑,但让我们先把它放在一边。
  • 当你到达这个页面时,你首先想到的是大量的文字。这真的有点吓人(特别是当他们应该尽可能地为敏感的目标市场提供简单、无痛的参与时)。
  • 左下角的图片(目前显示的“08年病人选择奖”的图片实际上是每6秒滚动一次的13张图片。我截屏了信任符号的图像,因为我认为值得一提的是,除非你的企业在过去两年中被评为“最佳X企业”,否则不要把它包括进去(因为这会让你看起来像是在搜索值得吹嘘的东西,但结果却不理想)。
  • 这个页面在他们的电话号码链接中有一个很酷的功能,它实际上打开了一个Facetime选项。也就是说,我很想知道这个小功能是否只是吓唬游客,而不是让他们更容易参与进来。


登录页A/B测试建议:

  • 创建位置敏感的登录页。
  • 删除2013年之前获得的奖项。
  • 从正文中删除第三段和第五段,因为这段话太多了,一次很难理解。
  • 改变标题(“我们开门了,现在给我们打电话”),因为这会让我立刻不相信你。如果是西海岸的晚上11点,你就不可能在新泽西或佛罗里达开门。
  • 删除那些过度微笑的家庭和夫妇的图片。取而代之的是真正有爱心的精神病医生。
  • 删除“新患者表格”CTA按钮,或添加上下文。
  • 对齐电话号码链接。


Tweetable A/B测试数据支持我的建议:

Spreadshirt在“how to”部分减少了文本、图像和cta的数量,并提高了606%的转化率。

来源:50个A/B分割测试转换优化案例研究



# 17。艾米·波特菲尔德



着陆页的例子

网站弹出窗口当你点击任一CTA按钮时打开的表单:


网站弹出的例子

打破这着陆页的例子:

我加入了艾米·波特菲尔德的网络研讨会登录页示例,只是为了向大家展示它是如何完成的。。。。

  • 她的脸和签名位于最上面,立即让人们微笑着参与其中,并使整个页面的互动具有个性化。
  • 网络研讨会的标题是“如何做”,对那些想从专家那里学到东西的人很有吸引力。毫无疑问,他们会告诉你,你将完全了解如何起床和跑步。坚实的副标题,以及扩大了最初的标题。
  • 一开始就和“你”私人化。同时也有效地回答了人们来到这一页面时的主要问题:“这是给我的吗?”“消除恐惧和担忧。
  • “我迫不及待地想在那里见到你”再次肯定了这种个人风格。
  • 亮黄色的大CTA按钮重复了两次:一次是在最上面,供那些知道自己想要注册的人使用,另一次是在下面的“你将得到什么”列表之后。
  • 这些推荐信几乎都是事后才想到的,但是已经有足够多的推荐信了,上面写着推荐人的脸和名字。如果你还没有被“你会得到什么”所说服,那么推荐信就可以了。
  • 即使你完全滚动到奖状的底部,CTA按钮仍然在屏幕的顶部,所以你可以很容易地参与。
  • 表单本身只要求提供姓名和电子邮件地址,并通过询问“我们应该将邀请发送到哪里”明智地做到这一点

所有这些元素都为一个经过良好优化(并经常测试)的网络研讨会(//www.szjqt.com/post/115675436105/landing-page-design)做出了贡献,这个研讨会已经为Amy工作了几年了。


登录页A/B测试建议:

没有一个,这是一只小猫吃自己尾巴的动图:


Tweetable A/B测试数据支持Amy的表单弹出

VWO(一个A/B测试工具)在他们的免费试用注册中测试了弹出式表单,并将转化率提高了50%。

来源:VWO.com

B2C登陆页的奖励案例研究:


案例# 1:




登录页案例研究

Pierre et Vacances(一家法国酒店和度假预订网站)进行了为期12天的cta a /B测试。他们的控制(CTA的副本“Book”)与较软的“Check Availability”CTA进行了比较,后者的点击量增加了92%,(更重要的是)酒店预订量增加了13.6%——两者都具有统计学意义。

这一点很简单:“可用性检查”意味着债务的大幅减少。也就是说……

您经常会看到软CTA提高了点击率,但从长远来看实际上会损害销售(通常是因为点击到销售漏斗下一部分的流量不合格)。

这个测试准确地显示了衡量A/B测试的重要性,特别是在测试CTA文本时。任何公司如果仅仅停留在点击率上,并基于如此肤浅的度量标准做出站点范围内的改变,都有可能损害他们的底线(甚至底线)。

来源:WhichTestWon

另一个很棒的测试(与上面的相同)来自Alinc technologies,一家全频谱IT解决方案提供商,他们在他们的cta中测试了“加入购物车”和“立即购买”的副本。

虽然"现在就买"让个人销售额下降了36%增加平均订单值降低57%。当他们比较销售额的损失和订单价值的增加时,团队监控了总价值。他们报告说,这两种变化的总销售额几乎是相同的。伙计们,我们称之为不确定。()


在我们结束之前,让我们看看一个大的(额外的)多元测试



登录页案例研究

如你所见,这是对(Blazemeter的主页)(他们是一家提供网站性能测试的软件即服务公司)。

版本B增加了119%的潜在客户。然而,实际收入增长仅约11%。为什么?

Blazemeter在A/B测试我们的登录页时学到了一些我们都应该记住的东西…

如果你的企业有一个较长的销售过程或潜在客户培育期,如果你将其培育为销售的策略不符合要求,那么你产生多少潜在客户就无关紧要了。

Blazemeter数字营销团队负责人Ophir Prusak是这样解释的:“潜在客户不会转化为客户。引导转化为对话。”

所以,我的朋友们,你们需要建立一个优化的登录页然后确保你有一个如何转换这些潜在客户的策略,否则你会白白投入大量的时间、金钱和精力。

特别提到:转换XL's关于A/B测试中样品污染的条款.


总而言之


我希望本指南能让您更好地了解如何优化自己的登录页,以实现所需的转换。

是否有我错过的,你想让我介绍的登陆页面(或部门)?请在评论区告诉我。

附笔。Wishpond的Facebook比赛应用程序轻松创建抽奖、照片竞赛、Instagram标签竞赛等。寻找灵感?退房25个你今天可以使用的创意Facebook竞赛创意.



作者James Scherer

James Scherer是Wishpond的内容编辑。当他不为Wishpond写作或设计时,他冒着生命危险在城市里骑自行车。在Twitter@JDScherer上与他联系。

Baidu