构建终极电子商务登陆页面（附示例）

电子商务在商业成功中扮演着越来越重要的角色。 近年来，亚太、中东欧、拉丁美洲、北美和西欧地区的零售电商销售额增长超过25%。 据估计，到 2023 年底，在线零售额将超过 6.5 万亿美元，约占所有销售额的 22.3%。

虽然在线购物为企业提供了接触顾客和客户的巨大机会，但它也带来了很多竞争。 在线购物者无需过多考虑地理限制。 他们不需要前往商店所在地，因此他们可以比较来自全国或世界各地的报价。

当有那么多竞争者吵着要吸引他们的注意力时，您如何才能吸引消费者？ 您需要一个稳健的营销策略，仔细定位您的受众并将他们引导至旨在将购物者转化为购买者的电子商务登录页面。

创建有效的电子商务着陆页

您的在线营销策略的很大一部分会将人们吸引到您的电子商务登录页面。 一旦他们到达该目的地，您的页面将影响他们是否选择您的业务而不是竞争对手。

如果您还没有适当的营销策略，请考虑聘请内容营销顾问来指导您完成整个过程。

创建一个有效的电子商务登陆页面应该会给你更多的机会来产生销售和收入。 包括以下内容，为您的页面提供转化消费者所需的一切。

清晰的号召性用语 (CTA)

消费者需要知道您的着陆页提供什么。 编写清晰的 CTA 可以消除混淆并鼓励人们采取行动。

在编写清晰的 CTA 之前，您需要确定目标网页的目标。 共同目标包括说服人们：

• 购买产品

• 申请试用或演示

• 观看产品概述

• 注册您的时事通讯

• 请代表联系他们

您的 CTA 消息需要尽可能直接地反映您的目标。 你不需要花哨。 只需告诉您的着陆页访问者该做什么。

Marketo 提供了强大的 CTA 的好例子。 它的 Marketo Engage 登录页面上有两个 CTA。 首屏 CTA 显示为“观看产品概述”。 首屏 CTA 表示“获取个性化演示”。

如果这看起来信息不够，请考虑大多数购物者在到达着陆页之前已经接触过您的营销资产。 您的 CTA 不需要解释他们为什么要采取行动。 它只需要告诉他们如何行动。

信息丰富、有说服力的图片

您的目标网页将包含最少的文字，因此图片在这里比在您的典型博客文章中更重要。 这不是在 Unsplash 和 Pexels 上找到的无版权图像的地方。 您需要高质量的图像，直接向目标受众说明您的产品质量。

您选择的图像类型将取决于您的受众和产品。

套餐订阅公司 Sunbasket 使用准备好的菜肴的专业照片来转换潜在会员。 当有人在网上比较套餐选项时，令人垂涎欲滴的照片会在着陆页上做很多繁重的工作。

Codecademy 采用不同的方法来针对其受众。 Codecademy Business 登陆页面显示了一张年轻、自信的编码员在他的工作站上的照片。 它还具有一个 GIF，显示某人使用 Codecademy 服务学习编程语言的短片。

确定哪些类型的图像会吸引您的目标受众，并聘请专业人士来创建它们。

简短、引人注目的文案

撰写简短、引人注目的文案，您可以将其放在电子商务着陆页的顶部。 理想情况下，您可以转换浏览器而不用强迫它们向下滚动页面。 您的首屏副本——在线，首屏只是指屏幕顶部的内容，不需要滚动查看——应该直接传达信息，没有任何绒毛。

Mailchimp 在为潜在用户提供简短、引人注目的副本方面做得非常出色，可以带来转化。 该公司的 CRM 登录页面包括几个基本关键词（例如，“营销 CRM 软件”和“客户关系管理”），用两个短句表示。 副本只占页面的不到四分之一（至少在笔记本电脑或台式机上是这样。副本占据了移动屏幕的主导地位，使图像无法立即查看）。

当潜在客户看到 Mailchimp 登陆页面时，他们得到了探索他们的计划选项并转换为会员所需的最后推动力。

潜在客户表格

在您想要收集有关潜在客户信息的电子商务登录页面上包含潜在客户表单。 您可能不会在特定产品的着陆页上包含潜在客户表单。 相反，您会专注于推动读者完成购买。 不过，在吸引长期客户时，收集联系信息很有意义，这样您就可以开始与他们建立关系。

从内容营销的角度来看，网络表单和潜在客户表单效果很好，因为它们：

• 帮助防止垃圾邮件

• 与大多数网站建设平台和 CRM 集成

• 改善用户体验

• 从对您提供的产品非常感兴趣的人那里产生高质量的潜在客户

就像您的 CTA 一样，您不需要花哨的潜在客户表格。 看看 Scripted 的。

它在顶部有一条明确的消息，提示人们开始免费试用，并要求感兴趣的各方通过输入以下内容来创建帐户：

• 姓名

• 企业电子邮件地址

• 新的帐户密码

这些都是非常基本的信息，任何人都可以不加思索地输入。

点击触发器

点击触发器是您在大多数电子商务登录页面上找到的按钮。 它们通常包含一个简短的 CTA，例如“开始试用”或“注册”。

您需要点击触发器，因为它从页面上的其他元素中脱颖而出。 它吸引了访问者的注意力，并为他们提供了一个按钮来推进他们的决定。

Paramount+ 具有与其特定服务和优惠相对应的良好点击触发器。 流媒体服务页面中的一些示例包括：

• 观看免费剧集

• 获取捆绑包

• 立即兑换

以全大写形式编写点击触发 CTA 是很常见的。

根据您的着陆页设计，您可能有一个或多个点击触发器。 如果你有一个短页面，你可能只需要一个。 较长的电子商务着陆页可以包含独特的点击触发器，以匹配每个部分的内容。

大量的空白

空白区域是指电子商务着陆页关键资产周围的空白区域。 不要让“白色”这个词让您感到困惑。 您可以使用任何颜色在页面上创建空白区域。

空白帮助人们专注于您为将流量转化为买家而开发的消息和图像。 这听起来可能并不令人兴奋，但它很重要，因为它减少了可能分散访客注意力的“噪音”和混乱。

Wix 有一个出色的着陆页，其中包含空白、插图和文本。 空白提供了一个画布，让彩色图像在屏幕上移动。 向下滚动时，插图会从左向右移动，为信息文本、CTA 和触发按钮留出空间。 它之所以有效，是因为设计师将所有内容都设置为空白背景。

响应式设计

在全球范围内，移动设备占互联网流量的一半以上。 随着越来越多的年轻人决定他们不想在笔记本电脑和台式电脑上花钱，预计这一比例将会增长。 他们从智能手机和类似的移动设备上获得所需的一切。

响应式设计让您的网站适应用户的设备。 Mailchimp 登陆页面再次成为一个很好的例子，因为它为移动访问者整理页面，强调 CTA 并触发公司希望人们与之互动。 是的，专业图片会影响人们对您的电子商务着陆页的反应。 但是，当您必须修剪每个不必要的像素时，为人们提供没有很多图像的基本设计是有意义的。

由于响应式设计知道您的访问者使用什么类型的设备，因此它可以优化个人体验。 在适当的时候，您的电子商务着陆页将显示可促进转化的图片和视频。 当这些创意资产减慢响应时间并使小屏幕变得混乱时，您的页面会将它们推开以专注于基本要素。

更多伟大的灵感着陆页

• Great Jones：令人惊叹的产品照片和简单的“添加到购物车”触发按钮使 Great Jones 网站上的登录页面有效。
• Door Dash：Door Dash 通过一个 Web 表单达到目的，该表单请求您的地址并返回您所在地区的参与餐厅。
• Wag!：著名的领导论坛、QR 码和遛狗的可爱照片构成了 Wag! 着陆页有趣且诱人。
• Talkspace：Talkspace 登陆页面转换为鼓舞人心的声明、对好处的简要说明以及显示某人使用该服务的照片。
• Bills.com：Bills.com 为您提供交互式幻灯片，并要求您选择您的债务数额，然后再继续一系列简单的问题，从而引导您制定有效的债务减免策略。 您甚至在注册之前就参与了！

获取可转化访问者的着陆页副本

电子商务登陆页面需要精心设计的信息来吸引访问者并将他们转化为付费客户。 Scripted 的人才库包括具有不同行业经验的着陆页作者。 此外，您还可以选择包含性能和优化服务的脚本化成员资格。 专门的客户经理可以帮助您创建和监控专为满足您的独特需求而设计的内容营销策略。 性能监控可以查看以下因素：

• 跳出率

• 关键词排名

• 转化率

• 页面速度

• 自然流量

当这些关键绩效指标不符合您的预期时，您的客户经理可以转向尝试不同的方法。 您总是会得到应有的关注，因为当您的着陆性能优于竞争对手时，Scripted 就会成功。 查看 Scripted 如何让您更轻松地发布获得结果的电子商务登录页面。