使用 Shop Kit 创建更好的产品页面的 5 种方法

随着 Kadence Shop Kit 2.0 的推出，世界各地的 WooCommerce 网站所有者开始使用这个创新插件中提供的工具创建更有效的产品页面。

在最近的 Page Builder 峰会上，Kadence 创始人 Ben Ritner 概述了为什么产品页面对于将网站访问者转化为品牌客户如此重要。 该视频现在可以在我们的 YouTube 频道上观看，并且嵌入在下方。

如果您刚刚开始使用 Kadence Shop Kit，您可能想知道应该开始在产品页面上自定义哪些区域。 如果您刚刚开始使用 Kadence Shop Kit，我们希望为您提供一些快速且可操作的步骤，这些步骤突出了您可以用来使您的 WooCommerce 产品页面更强大的策略。 我们已经包含了我们的最佳技巧以及一些可以很好地展示电子商务产品以获得灵感的网站。

1. 用清晰简洁的信息来制定你的滚动策略

一个有效的页面设计策略是让您的网站的“首屏”（即在页面加载时立即显示的内容）包含您的客户在购买之前需要知道的所有内容。 在这个空间中，您只有几分钟的时间来吸引潜在客户的注意力，因此您必须使您的报价尽可能易于理解。 清楚地展示您的受众将通过购买您的产品获得什么。 在最高级别，明确该音调，然后使用页面的其余部分以证据支持该信息，无论是推荐、概述功效的测试数据，还是技术细节、测量等。提供更复杂的数据进一步向下页。

Love Hair 在突出产品优势方面做得很好。 放置良好的产品照片（包括视频）以身临其境的体验展示产品。 当用户向下滚动时，突出显示易于阅读的推荐书并用颜色突出显示，购物 TL；DR 事实可在手风琴中获得，分组推荐书可在页面下方进一步获得。

Kettle & Fire 是另一个进行基于订阅的购买的网站，它使理解报价变得非常容易。 在首屏，您拥有单击立即购买所需的一切，随着用户进一步向下滚动，您将获得更多信息。

2. 每页专注于一个目标

WooCommerce 旨在每页专注于一种产品，但店主通常有理由一起销售多种产品。 每个页面应该只有一个号召性用语，并且该行动应该是购买您的产品。

如果您的登录页面旨在让某人选择加入您的邮件列表，请不要试图在该页面上添加多个号召性用语。 如果这是该特定登录页面的目标，那么赢得新的电子邮件关系就可以了。 您总是可以培养这种关系并在以后进行销售。

非常有意识地为您的客户开发旅程。 请记住，如果他们正在查看您的产品页面，他们已经经历了买家旅程的教育和评估阶段。 他们现在正在评估购买，踢那些轮胎，你作为数字营销人员的工作是帮助他们采取行动并完成销售。

您的产品页面的主要重点是让他们采取下一步将产品添加到他们的购物车以准备结帐。

3.优化购买按钮

号召性用语将成为您页面上最重要的元素。 确保它位于前面和中间，明亮且易于找到。 当访问者将鼠标悬停在按钮上时，使按钮活跃的悬停效果提供了采取行动的视觉提示。 确保您的“立即购买”或“添加到购物车”文本清晰简洁，不要试图变得太聪明。

但是，如果做得好，一个聪明的购买按钮可以吸引人们对您的产品的关注。

蒙大拿哈德森做得很聪明，购买按钮上写着“我想要”。 为什么是的，谢谢。 我愿意！

当然，任何类型的聪明都应该通过一些测试来实现。 使用 Optimizely 等工具运行 A/B 测试，以确保您的号召性用语经过优化，可将访问者转化为客户。

4.使产品描述文本易于浏览

具有讽刺意味的是，我们已经随着互联网作为基于文本的搜索市场而成长，然而当网站访问者进入您的页面时，他们对略读更感兴趣？ 专注于与客户会面的目标。

保持副本简洁。 将段落限制在 3 个句子或更少。 使用提供副本定义且易于浏览的字体。

并且，让你的文案值得一读。

Poo-pouri 充分利用文案来使产品描述变得有趣，以阅读有关禁忌话题的内容。 来吧，我们知道你想读它。

5.使用高质量的摄影

当您展示待售产品时，您正在尝试为您的网站访问者创造一种身临其境的体验。 这样做，他们更有可能在拥有您的产品时设想自己解决了问题或提升了身份。 注重摄影质量和视频体验是必须的。 幸运的是，手机摄影几乎和专业摄影一样好，但知道如何设置好镜头可能需要专业人士。

但是，当您看到产品页面上显示的诱人照片时，这项投资非常值得。

如果您有产品变体，请确保您在摄影中也有这些产品变体，Shop Kit 可以帮助您部署。

Rent the Runway 在摄影方面做得很好。 他们必须。 网站访问者正在寻找重要事件的完美外观，并且没有出错的余地。 产品摄影必须获胜。

所以你喜欢咖啡。 你知道它在你的杯子里是什么样子的。 Blue Bottle Coffee 在独特而优雅的咖啡照片上做得非常出色，超越了普通的热气腾腾的咖啡。 这种令人向往的摄影提升了购物者心中的晨磨仪式。

您将如何处理您的产品页面？

Kadence Shop Kit 解锁产品页面。 借助预构建的模板来帮助您设计突出产品优势的创新产品布局，新产品布局的入门比以往任何时候都更加容易。

Kadence Shop Kit 是 Kadence Full Bundle 的重要组成部分。 完整捆绑包包含 Kadence 提供的所有内容，包括用于有效弹出窗口、幻灯片和横幅的 Kadence Conversions，用于在众多站点之间共享设计库的 Kadence Cloud，当然还有 Kadence Theme Pro 和 Kadence Blocks Pro，以便您可以有效地使用动态内容，条件显示等等。

您在使用 Kadence 商店套件吗？ 在下面的评论中分享您的经验，让我们知道我们可以在哪里看到您的产品页面以获得灵感！