如何设计电子商务产品页面以获得成功

已发表: 2020-11-11
a team looking at ecommerce product pages on a computer
好的产品页面可以改善用户体验并提高转化率
“最好的营销感觉不像营销。”
汤姆·菲什伯恩

您的产品页面是软木塞还是导管? 它们是否充满了特氟龙涂层的文字或粘性的、刺激性的内容? 你的图片是无聊的,还是引人注目的?

这是一个不可否认的事实:如果您想在电子商务方面做得好,您需要创建出色的产品页面。 它们可以说是整个在线零售服务中最重要的部分。

好的产品页面会提高您的转化率。 糟糕的产品页面会阻塞您的销售渠道。 就这么简单。

根据商务体验平台 Salsify 最近的一项调查,近 70% 的人会从写得很糟糕、过于简单的产品页面中跳出来。

此外,大多数消费者希望在每个产品页面上至少看到六张图片和两个视频。

当然,赌注很高,但不要让它让你失望。 在本文中,我们将讨论产品页面的基本部分。 然后,我们将教您如何制作自己的完美产品页面。 最好的部分? 你会玩得很开心。

让我们开始吧。

“在每一项必须完成的工作中,都有乐趣的元素。你会找到乐趣——而且很快!——这项工作就是一场游戏。”
欢乐满人间

目录

  • 这些是产品页面的基本部分
  • 产品页面对增长很重要
  • 什么是完美的产品页面?
  • 4个电子商务产品页面的灵感
  • 电子商务产品页面要点
想建立一个网上商店?
寻找电子商务开发者!

这些是产品页面的基本部分

结构良好的产品页面就像海绵蛋糕:它们看起来不错; 他们表现得很好,他们让你想要更多。 它们还有四种主要成分:

  1. 产品名称(黄油):正如别名所暗示的那样平滑,出色的产品名称简单、令人难忘且易于消化。
  2. 产品图片(糖):与甜味剂一样,引人注目的图片会增加风味并使您的产品更受欢迎。
  3. 产品描述(面粉):精心编写的内容是王道——就像蛋糕中的面粉一样,它是页面中的主要组成部分。
  4. 用户体验(鸡蛋):鸡蛋是使蛋糕膨胀的发酵成分之一。 精心打造的用户体验为您的页面提供了类似的提升。

你可能会想“嘿——香草精和泡打粉怎么样?最重要的一小撮盐怎么样?” 嗯,这些是您将用来将页面整合在一起的创造性技能。 我们稍后会回到那些。

Bulk Nutrient ecommerce product page screenshot
[来源:散装营养素]

产品页面对增长很重要

消费者无法与电子商务商店中的商品进行物理互动——这就是精心设计的产品页面的用武之地。从蓝牙扬声器到水瓶,当顾客觉得真实时,各种各样的东西就会大量销售。

让我们深入探讨一下:

1. 优秀的产品页面有助于优化您的网站

优秀的产品页面是 SEO 的重要组成部分。 如果您不优化您的页面,人们将无法找到您的商品。 如果您确实优化了产品页面,它们将共同帮助优化您的整个网站。

许多逆向工程都进入了 SEO。

为了获得良好的 Google 排名,您需要弄清楚消费者在寻找与您销售的产品类似的产品时会搜索哪些字词。 然后,您必须在页面内容中包含这些关键字。

商业智能工具和 Google Analytics 等工具可以帮助您找到相关的关键字,而 INK 等平台使以 SEO 为中心的写作变得更容易。

2. 优秀的产品页面增加转化率

还记得我们之前提到的销售漏斗吗? 您的产品页面位于该渠道的底部,它们要么将访问者转化为客户,要么将他们完全从您的网站上移开。

也许不出所料,精心设计的产品页面在游戏的这个阶段对您有利。

访问您网站上的产品页面的消费者已经对您的产品感兴趣并愿意接受建议。 您需要做的就是轻轻地轻推它们。

要获得销售,您只需让访问者相信您的商品具有相关价值。

什么是完美的产品页面?

您无需具备沟通学位即可创建有效的产品页面。 您所要做的就是遵循一组最佳实践。 每当您发布新产品页面时,都需要包含以下五项基本内容:

1.大而美丽的图像

正如我们之前提到的,消费者希望看到令人印象深刻的产品图片——而且数量众多。

我们在本文开头引用的 Salsify 调查比一般的共识更进一步,将消费者分为不同的年龄组。

18 至 24 岁的消费者希望看到每种产品的 8 个图像和 4 个视频。 35 至 44 岁年龄段的消费者同意图像配额,但预期有五个视频而不是四个。

顺便说一下,如果您有兴趣探索这条大道,我们这里有顶级视频制作公司的列表。

回到正题:

Hubspot 的进一步研究表明,存储有高质量图像的产品页面获得的浏览量增加了 94%。

显然,视觉营销至关重要——即使在虚拟环境中也是如此。 以下是一些可以帮助您制作增加收入的产品图片的热门提示:

  • 使用高分辨率图像:当消费者无法实际操作产品时,高分辨率图像会让他们感觉真实。 考虑您想在商店中检查的每种产品的各个方面,并相应地提供特写。
  • 使用大图像:永远不要吝啬像素尺寸。 人们希望能够放大以查看您的产品,因此请避免使用小于 1024x1024 像素的照片。
  • 为网络优化您的图像:像素尺寸和文件大小不是一回事。 为获得最佳效果,请使用 PhotoShop 等优秀的照片编辑软件,并将图像保存为优化的 JPG,以减少页面加载时间。
  • 利用客户图片:通过鼓励人们使用您的产品发布自己的图片,利用您现有的粉丝群来推动销售。 社会证明有助于建立品牌信誉。

内幕建议 #1:有时,PNG 比 JPG 更好。 PNG 文件支持透明背景,因此它们非常适合在数字背景上显示的徽标、计算机生成的图像和产品图片。 PNG 还支持更广泛的颜色范围,并且比 JPG 具有更好的对比度,因此它们非常适合用于高度详细的产品图像。

cutting borad screenshot tuscan olive wood image
[来源:砧板]

2. 独特的产品描述

不要试图回收或修改产品说明。 重复的内容会削弱您的在线形象并使您的 SEO 策略无效。 相反,为每个产品创建一个全新的描述。

当你写,想想该产品是什么,它是,它是如何工作,以及从同类产品可在其他地方为什么它是不同的。 您需要说服访问者当场购买您的产品。 就是这样:

提示#1:为您的目标受众写作

想想你想把你的产品卖给谁。 如果这不是您之前考虑过的事情,请创建一个买家角色,然后将您的文本定位到您想象中的客户。

Tp #2:使用动作词

行动词鼓励……行动! 每个描述都以一个动作词开始,告诉读者他们可以用你的产品实现什么。 像这样:

  • “用这款多色调墙纸装饰您的客厅。”
  • “使用我们适合家庭的即食食品系列,让晚餐变得简单。”
  • “使用这款节省空间的迷你食品加工机,在几秒钟内切碎蔬菜。”

Tp #3:使用客户使用的语言

销售各种工具? 使用实用的语气和直截了当的语言。 卖昂贵的古董? 使用正式的语言和适当的术语来展示您的专业知识。

3. 添加评论和评分

评论——尤其是当它们包含客户图片时——使您的品牌更加可信。 根据 Bazaarvoice 的转换指数第 8 卷,查看评论的访问者进行购买的可能性要高 58%。

评论和评分还将您的平均订单价值 (AOV) 提高了 3%,并将每次访问的收入提高了 62%。

让我们重新审视社会证明。

您可能在上次购买新产品时也阅读了评论。 产品评论的前提很简单:如果现有客户认为产品或服务很棒,您可能会有类似的积极体验。

40% 的客户将开始与以良好客户服务着称的竞争品牌开展业务。 简而言之,这就是社会证明。

如果您的品牌获奖,请在您的产品页面上提及。 信任徽章(Better Business Bureau 认证、TRUSTe 认证)可以让消费者放心——特别是如果您的品牌是市场上的新品牌。

4. 清除号召性用语

网站访问者通常需要被告知下一步该做什么。 产品描述结尾处写得很好的号召性用语 (CTA) 作为提示。

入站营销专家称 CTA 为“秘密武器”,因为它们可以增加转化率、提升 AOV,并且通常会漏斗通向终点线。

需要一些 CTA 示例吗? 干得好:

  • “点击这里了解更多关于我们的能量提升生物补充剂,并在您的下一个订单中享受 10% 的折扣。”
  • “今天购买并免费获得隔夜送货服务!”
  • “立即联系我们安排免费咨询或个人产品演示。”

CTA 黑客超越了文本,可能包括:

  • 箭头按钮:在 CTA 中添加箭头图标可以将点击率 (CTR) 提高 26%。
  • 红色或橙色文本:将文本颜色从枯燥的黑色更改为鲜艳的红色或橙色,可以将转化率提高 32.5%。
  • 一个可点击的按钮:将你的整个 CTA 变成一个巨大的按钮可以将点击率提高 45%。
  • 减少杂乱:在极简主义的设置中展示您的 CTA,并获得高达 232% 的点击流量。
  • 个性化:有针对性的 CTA 可以将您的点击率提高多达 42%。

内幕建议#2: CTA 也是一种神奇的营销策略成分。 根据 AdRoll 和 Wordstream 的调查,CTA 将社交媒体帖子的点击率提高了 285%,并将营销电子邮件的点击率提高了 371%。

5. 产品推荐

产品推荐 - 个性化与否 - 可以推动您的平均篮子价值飙升。

在您的产品描述下方添加一些内容,以增强您的页面并围绕您的品牌创建一个普遍的嗡嗡声。 有八种主要的产品推荐类型:

  1. 同类产品:同类产品推荐让消费者更容易找到理想的商品搭配。
  2. 追加销售选项:展示产品的高价高级版本以鼓励消费者支出。
  3. 经常一起购买:排列相互搭配的产品,使您的 AOV 翻倍。
  4. 推荐产品:使用数据根据访问者的浏览历史推荐产品。
  5. 以前浏览过:向访问者展示他们以前浏览过的产品以鼓励购买。
  6. 产品捆绑包:通过为客户提供特别折扣,让他们更容易购买捆绑包。
  7. 热门产品:利用同伴压力鼓励访问者选择其他项目。
  8. 新品:通过新品轮播展示季节性系列和全新的科技产品。
Belli skincare ecommerce product page example
[来源:Belli Skincare]

4个电子商务产品页面的灵感

仿真是成功的万无一失的公式。 让我们看看我们最近看到的一些最有效的产品页面,并谈谈它们为何如此有效:

1. 拉克

Larq 基本上是一家单一产品公司。 各种颜色的创新自清洁水瓶和随附的袖子构成了其在线产品的大部分。

它的主要水瓶页面简单而优雅,并解释了 Larq 水瓶提供的功能以及它与其他水瓶的不同之处。

查看 Larq 产品页面上的语言、科学和价格点,我们可以看到 Larq 的目标消费者群既精通技术又相当富裕。

Larq 的产品页面极简且易于吸收,提供精致、直观的体验。

Larq ecommerce product page screenshot
[来源:拉克]

2. 地洞

接下来让我们看看 Burrow 的 Block Nomad 沙发。 Burrow 生产优质家具,每件家具都可以直接从制造商订购并运送给消费者。

Nomad 是一款简洁大方的三人座车型,并且具有防污饰面——奢华且经久耐用的一款便捷包装。

产品选择和结账是一个臭名昭著的购买障碍,但 Burrow 让它变得容易。 单选按钮可让您选择颜色、饰面、手臂样式、坐垫选择和可选升级。

每次从一个选项切换到另一个选项时,主图像都会更改以匹配。 很容易想象你会收到什么样的沙发——这是一个天才的营销举措。 厉害了,伯罗。

向下滚动,Block Nomad 产品页面经过精心打磨且不做作。 首先是尺寸,然后我们继续进行简短、周到的产品描述。

主要功能如下(图标创建视觉标记),然后是 Burrow 首席执行官的引语,这在公司和消费者之间建立了巧妙的联系。 自动播放视频和动画起到装饰作用。

block nomad sofa product page design
[来源:伯罗]
block nomad sofa ecommerce product page
[来源:伯罗]

3. 狂欢

是时候穿上一点永恒的装束了。 Revelry 成立于 2009 年,避开了传统零售店,让在家购买伴娘礼服变得容易。

您无需离开起居室即可订购面料样本、选择衣长并指定定制的附加功能。 每件连衣裙都是按各种尺寸、颜色和材料定制的。

为了进行细分,让我们检查一下 Dylan 天鹅绒伴娘礼服产品页面。

在产品名称的正下方,我们列出了完整的价格以及 Klarna 分期付款。 分期付款可以通过分摊昂贵物品的成本来帮助您增加销售额,从而使它们更容易负担得起。

好动作,狂欢。

消费者可以通过方便、直观的下拉列表和单选按钮来选择颜色、尺寸、衣长和交货时间等选项。

向下移动页面,我们会看到产品说明和有关这件衣服的更多信息。 最后,评论提供了社会证明,“更多的爱”轮播显示了替代方案。

revelry screenshot ecommerce website design
[来源:狂欢]

4. 骷髅糖

音乐是一种通用语言,Skullcandy 产品让音乐更易于体验。

以该品牌的 Venue 降噪耳机为例。

它们舒适且经过精心设计,还包括主动降噪技术,使和声更容易被听到。 我们几乎立即了解到这些信息,因为它非常清楚地显示在产品页面上。

鲜艳的色彩和尖端的图形为这个页面增添了时尚的氛围; 易于理解的图标和单句摘要说明为读者提供了易于阅读的、可扫描的信息。

后来,一段视频从各个角度展示了该产品,将其从二维变成了三维。 再向下滚动一点,您将获得全屏功能和优势。

照片、引述和技术事实将 Venue 耳机宣传为一种可行(且更时尚)的替代知名降噪品牌的耳机。 评论以居中格式位于页面底部 - 它们看起来像专辑评级。

聪明,与唱片公司的氛围相当。 打得好,Skullcandy。

venue noise-canceling headphones ecommerce product page
[来源:Skullcandy]
scullcandy venue noise-canceling headphones product page design
[来源:Skullcandy]

电子商务产品页面要点

产品页面位于销售漏斗的底部附近,它们要么迫使访问者进行购买,要么使他们直接离开您的网站。

优秀的产品页面包括精心编写且独特的描述性文字、引人注目的图像、真实的评论和明确的行动号召。

为所有这些页面元素添加一点您自己的风格,您就会使您的产品栩栩如生。 如果您在优化产品页面后发现销售额激增,请不要惊慌! 祝你好运!

想要建立一个 Shopify 商店?
查找 Shopify 开发人员