产品登陆页面：最佳实践和示例

在上一篇关于潜在客户生成页面的文章中，我们已经开始揭示着陆主题。 今天，我们将深入研究产品登陆页面——即，我们将讨论它们的结构，为它们提供一些创建设计和复制的技巧，并看一些现实生活中的例子。

什么是产品登陆页面？

您可能已经猜到了，产品登陆页面用于推广和销售产品或服务。 用户可能会在点击电子邮件、广告或其他一些数字资源中的链接或从搜索结果重定向后访问这些页面。

想象一下，您为孕妇卖衣服。 有用户在谷歌上搜索“4个月的孕妇装”。 他们可能会在搜索结果中看到您的目标网页，专门介绍适用于四个月孕妇的产品，如果他们觉得页面的标题和描述很有趣，就会点击它。 然后，如果您的报价与他们相关，他们就会通过购买进行转化。

根据 WordStream 的研究，产品着陆页的平均转化率为 2.35%。 然而，前 25% 的页面转换率为 5.31%，前 10% 的页面转换率为 11.45%，这令人印象深刻。

每个着陆页都是一个转化机会，因此您拥有的页面越多，您就越有针对性。 然而，秘诀不仅在于您创建的页面数量，还在于您构建和设计它们的方式，以及编写您的副本的方式，当然。 我们稍后会为您提供一些有关设计和文案的建议，但现在让我们看看产品登录页面的一般结构如何。

产品登陆页面的结构

产品登陆页面由不同的块组成，每个块都有自己的目的。 块以逻辑顺序一个接一个地运行，最终导致号召性用语。 建议开始在纸上逐块概述着陆页，这样您就不会被徽标大小或字体颜色等小细节分散注意力，并专注于结构本身。

让我们根据 Mango Languages 的示例来看看一个好的产品登陆页面应该具有的主要块。

标题

访问者在您的页面上看到的第一件事是标题，通常包含

• 一个标志；
• 主菜单按钮；
• 登录和注册按钮；
• 标题和描述；
• 号召性用语；
• 支持视觉元素，例如背景视频、照片或产品图片。

Mango Languages 在其标题中包含了所有这些方面。

该公司解释了他们提供的服务类型，演示了他们的应用程序，并添加了两种类型的操作按钮：一种用于注册，另一种用于产品视频。 此外，他们在标题顶部放置了一个特别优惠，允许新用户以更低的价格试用他们的应用程序。

标题背后的主要思想是立即提供有关您产品的最重要信息。 如果您命中目标并且有人认为此信息有用，他们将滚动查看更多详细信息。

一个肯定会流行的标题应该包括描述您的产品将为客户带来的好处和号召性用语，所有这些都在 2-3 个单词的句子中呈现。 在描述中，您可以写几个简短的句子来详细说明标题并揭示用户需要立即了解的重要细节。

产品及其优点详细说明

在向访客介绍产品后，是时候告诉他们更多信息了。 在描述中，您应该关注客户的痛点，从客户体验开始。 展示您的产品如何工作以及它如何解决您的受众的实际或潜在问题。 然后，添加更多细节作为奖励。 对于用户来说，它们可能不一定是巨大的收益，但将是对主要产品的一个很好的补充。

尝试引导访问者的眼睛浏览页面，并确保每个重要点都在视觉上突出显示。

如您所见，Mango Languages 使用大标题、图像和按钮来展示他们提供的语言数量以及他们的应用程序的工作方式。 之后，他们添加了一个单独的视觉块，以表明他们的应用程序可供各种人和组织使用，并提供了指向更多详细信息的链接。

社会证明

事实上，15% 的用户不会信任没有任何评论的公司。 这是可以理解的，考虑到如今社交媒体和在线互动允许用户自由分享他们对任何产品的看法并阅读已经尝试过这些产品的客户的评论。

有几种方法可以在产品着陆页上放置客户评论：

• 添加匿名文字评论；
• 添加带有客户姓名和照片的文字评论；
• 添加视频推荐。

例如，Mango Languages 决定展示匿名评论。 为了让用户更容易掌握大量文本，他们将每条评论的主要思想以粗体显示在顶部。 访问者还可以滚动评论以查看更多内容，这是一种节省登陆页面空间的智能解决方案。

呼吁采取行动

登录页面上的主要用户目标是号召性用语按钮。 您可以在整个页面中多次重复 CTA，甚至可以改变不同 CTA 按钮的文本，这样您就可以跟踪哪个选项最有效。

Mango Languages 两次重复了他们的号召性用语：第一个“注册”按钮位于标题中，而最后一个“选择语言”按钮位于登录页面的页脚之前，两者都指向相同的注册页面。

Mango Languages 应用程序可通过应用程序内购买免费使用。 但是，如果您销售实体产品，您应该在着陆页上的号召性用语按钮附近提及产品的价格。

页脚

产品登陆页面的最后一部分是页脚。 它可能看起来是页面中最“无聊”的元素，但它实际上包含非常重要的信息，例如菜单、社交媒体链接、电子邮件订阅表格和其他按钮。

在页脚中，Mango Languages 部分重复并扩展了他们在页眉中使用的按钮的内容。 它们让用户可以更多地了解他们的公司，访问他们的博客和社交媒体帐户，下载应用程序，订阅他们的摘要，并阅读有关产品本身的更多详细信息。

聊天框

通常放置在产品登录页面上所有块上方的一个元素是聊天框。 它允许用户提出有关产品的问题并立即获得答案和支持。

在 Mango Languages 产品登录页面上，它看起来像右下角的蓝色消息图标。

一旦你点击它，它就会展开成一个更大的聊天窗口，用户可以在其中输入问题并发送他们的文件。

在登陆页面添加聊天框，确保它不会自行展开，让用户分心。

产品登陆页面设计和复制技巧

当您决定要使用哪些块并建立产品登陆页面的基本结构时，即使是在一张纸上，是时候通过复制和设计来增强它了。 以转化次数衡量的页面成功与否取决于您展示产品的效果以及您的号召性用语的有效性。

我们将为您提供一些简短但有用的提示，让您了解如何充分利用您的产品着陆页设计和文案。

产品登陆页面的 5 个基本设计技巧

据 Adob​​e 称，如果内容的布局或图像看起来不吸引人，38% 的用户会关闭页面。 这是您应该密切注意设计着陆页方式的一个很好的理由。

以下是产品着陆页设计的建议列表，可帮助您吸引访问者的眼球：

1. 从制作布局或页面结构开始，在专注于细节之前考虑最大和最重要的元素。
2. 在整个页面中营造一种一致性的感觉很重要。 为此，请坚持一种设计和配色方案。 要选择相互补充的颜色，请尝试使用颜色方案生成器，如颜色或材料调色板。 选择一种或两种颜色来突出操作按钮，使用中性色调作为背景，并确保文本与其他元素形成对比。
3. 添加视频，因为它们可以将转化率提高 80%。 利用动画来吸引用户对页面某些部分的注意力并保持更长时间； 考虑放置一些产品的视频评论。
4. 优化您的手机登陆。 只有 50% 的着陆页针对移动设备进行了优化，考虑到 82% 的用户通过手机访问网站，这并不是一个好的结果。 因此，请记住使您的着陆页设计具有响应性。
5. 确保您的网页加载速度快，因为即使是一秒钟的延迟也可能使您的转化次数减少 7%。

产品登陆页面的 5 个基本文案技巧

在文案方面，您的目标是通过突出产品最重要的优势以吸引人的方式展示您的产品，并为您的潜在客户发出强烈的号召性用语。

以下是编写可转换的有效副本的一些技巧：

1. 强调你的产品的好处，吸引访问者的注意力不是你自己，而是他们。
2. 根据 Adob​​e 消费者内容调查，对于大多数消费者来说，一个好的网站最重要的三个特征是准确性、信息价值和简单性。 所以，尽量写出直截了当的简短标题，不要用描述或不必要的信息来压倒订阅者。
3. 要求用户采取行动，告诉他们点击哪里来注册、购买或与您联系。 尝试使用您的 CTA 文本。 有时，即使看起来过于简单的“点击此处”文本也可能将您的转化率提高 30%。 营造紧迫感，激励用户立即做出决定。
4. 使用统计数据和数字等特定信息来证明您的观点。 例如，您可以添加社会证明并展示已经使用您产品的人数。 添加一些交互性，例如，实时更新的数字，使其成为页面的有趣、信息丰富且有效的元素。
5. 始终检查您的语法和拼写。 如果某些用户看到任何错误，他们可能会将目光从您的着陆页上移开。

最后，请记住对您的文案和设计进行 A/B 测试，以找到能够不断带来新销售的完美平衡。 追随潮流以保持最新状态，但同时，始终保持真实并实现您自己独特的想法。

产品着陆页示例

学习某事的最好方法是看看别人是怎么做的。 让我们看一些产品登陆页面的例子，看看不同的公司如何使用设计和文案来销售他们的产品。

SquareUp 的第一个示例很好地说明了如何销售实物产品。

此着陆页副本的优点如下：

1. 正文从第一句开始就直截了当。
2. 这些功能是通过它们解决客户问题和顾虑的能力来描述的。
3. 用词简单，句子简短明了。

以下是此着陆页设计的优点：

1. 有一堆产品的高质量照片。
2. 使用了平衡的调色板，清晰的背景与文本形成鲜明对比。
3. 最有价值的信息以粗体或彩色突出显示。

现在，让我们看一下更具交互性的示例。

Bellroy 增加了一些乐趣，并允许用户查看他们的旧钱包和新 Bellroy 钱包在最多 10 张卡和现金的情况下会是什么样子。 这是一个聪明的解决方案，可以吸引访问者的注意力并让他们发现为什么您的产品是一个不错的选择。

是什么让这个着陆页副本非常好：

1. 该页面以交互式标题中有趣的号召性用语开始。
2. 文字很少，仍然足以了解您需要了解的有关产品的所有信息。
3. 有对不同钱包的清晰描述，包括部分类型和可以放入的卡片数量以及颜色和价格。

至于这个登陆页面设计的优点，

1. 登陆页面的每一块都是互动的，更不用说为什么 Bellroy 钱包如此纤薄的视频解释了。
2. 有很多产品的特写图片。
3. 所有可用的钱包都显示在登录页面上，并附有钱包外部和内部的图片。

最后一个示例与我们之前向您展示的所有内容都不同。 它具有更个性化的基调，与标准产品登陆页面结构的偏差使页面充满个性。

Marie Forleo 是她自己节目的主持人，她将自己的着陆页用作各种名片。 她的主要产品是她的音频培训，但她也在页面上宣传玛丽电视节目和她的慈善项目。

以下是此页面副本的优点：

1. 这些消息听起来很个人化、温暖和安慰，完美地呈现了个人页面或小公司网站的氛围。
2. 尽管标题文本实际上并没有揭示这个着陆页的内容，但它唤醒了好奇心并促使访问者向下滚动。
3. 文本量和句子长度都比前面的例子大，但这完全符合着陆的整体风格。

至于着陆页设计，您可能会在这里发现以下优点：

1. 动画在整个页面中多次使用，这使其更具交互性和趣味性。
2. 书法字体给人一种非常个性化和优雅的氛围，着陆页每个块的独特设计让观众可以轻松理解内容。
3. 有很多名人名言有照片支持，这只能证明玛丽在公众中的权威。

现在轮到你了

遵循我们的建议，留意趋势，不要忘记测试！ SendPulse 的多渠道营销平台将帮助您将订阅表格添加到产品登陆页面、建立邮件列表并发送高质量的电子邮件。 我们还为准备采取整体数字营销策略的人提供短信、网络推送通知和 Facebook 聊天机器人。