Ecwid 博客>网上销售：如何在网上商店布局产品

网上销售：如何在网上商店布局产品

发布 by 安娜·科内娃, Ecwid 团队

您是否想过，为什么杂货店将牛奶放在商店后面，而将巧克力放在收银台附近？

很简单：将必需品放在商店后面，鼓励购物者四处走动并浏览其他产品。将小件物品（如巧克力）放在收银台附近，鼓励冲动购买。

这些都是商店设计科学的一部分。 正确的商店布局 可以促进销售，提高忠诚度并帮助客户更快地找到他们想要的东西。

您的网上商店也不例外。产品的组织和布局对客户从您这里购买什么（以及如何购买）有很大影响。

在本文中，我们将向您展示如何布局您的产品以最大化销售和转化率。

如何在网上销售
来自的提示 电子商务行业 为小企业主和有抱负的企业家提供指导的专家。
请输入有效的电子邮件地址

选择产品布局时要考虑的 3 件事

第一次接触产品布局时，它听起来可能很简单。然而，就像大多数事情一样， 电子商务， 一旦深入细节，复杂性就会显现出来。选择产品布局时，必须考虑三件事：

1. 选择

选择是一种 双刃 剑 电子商务行业 商店。选择太少意味着机会有限。然而，选择太多，游客就会感到困惑。

有效的产品布局本质上是平衡这种二元性的过程。即：给人以选择丰富的印象，同时仍保持网站易于使用和导航。

科学说 做决定是一件费脑力的事。当你让购物者面临太多选择时，他们很可能根本就做不出来。

那么，您如何在商店布局中克服这个问题呢？

一个解决方案是使用特色图片来引导用户找到其他产品。例如，请注意 Made.com 对整个产品类别使用单独的图片（例如“花园家具”）：

可以将其视为吸引购物者的诱饵。

理想情况下，你会希望保持你的 最畅销 or 最想要的 产品处于最中心的位置。

因此， 在开始布局过程之前，列出以下内容：

下一步是利用这些信息构建一个 井井有条 导航菜单。请注意亚马逊如何在其菜单中将产品分类。

这样做可以帮助购物者找到他们想要的东西，而不会让他们面对太多的选择。

如果您的 Ecwid 商店已添加到网站，您可以通过添加一段代码来添加导航菜单：

以下是 Ecwid 商店添加的说明 WordPress 和 维克斯 网站也是如此。在 Ecwid Instant Site 上，仅水平菜单可用。

2. 产品信息

在选择商店布局时，您应该执行的另一项平衡行为是：显示产品信息。

您希望向客户提供他们需要的信息，以便他们点击并进行购买。同时，您也不想向他们展示太多细节 — 至少在他们进入实际产品页面之前不要这样做。

在这种情况下，你的思维模式应该是让决策更容易，并激起客户的兴趣。问问自己： 最少信息 我的客户是否需要点击产品？

您会发现这个问题的答案因商店和产品而异。

例如，请注意亚马逊在类别页面上仅提供四个信息点：产品名称、价格（包括折扣）、评级和 Prime 可用性：

在 Ecwid 中，您可以借助 Stampled.io 应用程序添加类似的评级和评论。

虽然这些信息对于亚马逊这样的大型零售商来说是必要的，但对于像 沙石首饰，评级并不那么重要。因此，类别页面只显示产品名称和价格。

很容易陷入在类别页面中提供太少信息的陷阱。避免这种情况的最佳方法是采访您的客户并询问他们使用哪些信息来做出购买决定。

3. 店面设计

您的商店设计方式将对您的产品布局产生很大影响。

An 电子商务行业 商店通常有三个主要页面：

您选择在每个产品上展示哪些产品 页面类型 将决定你的客户最终购买什么产品。

例如，如果您尚未登录，请注意亚马逊如何在其主页上推广自己的产品：

商店通常会在主页上推广最新优惠。确保这些优惠与目标受众保持一致。例如，BestMadeCo 推出了父亲节促销活动，主要针对男性客户。

专注于：

无论您决定突出畅销商品还是新品，Ecwid 都允许您创建类别 首页上的特色产品 并根据您的需要命名。

6 个最佳实践 电子商务 产品布局

虽然你当然可以为你创建独特的布局方案 电子商务行业 商店，遵循一些最佳实践会有所帮助。

1. 在首页上方推送热门产品和优惠

“首屏”区域是客户首次登陆你的网站时可见的屏幕空间。事实上，这个区域占 大多数网站上 80% 的浏览者注意力.

考虑到这个空间受到的关注程度，最好将您的顶级产品放在首屏上方。这可以包括：

On Target.com例如，您会在页面顶部看到最新优惠：

如果您有很多优惠，请考虑添加滑块，如沃尔玛的这个示例。另请注意导航菜单下方的促销活动：

一些时尚零售商为了宣传品牌形象而摒弃了传统的布局。 ASOS例如，您可以获得一个品牌图像，其中有一个选项是“购买男装”或“购买女装”。

当你试图用产品手册来宣传品牌愿景时，这种策略很有效。然而，大多数零售商使用传统的 产品至上 折叠布局上方。

在类别页面上遵循同样的想法：推动你的 最畅销 和 最高评分 首屏上方的产品。例如，查看亚马逊的分类页面：

2. 混合水平和垂直布局

基本上，您可以在任何页面上以两种方式布局您的产品：水平或垂直。

水平布局保持静态。页面边缘有一个按钮，可以进一步滚动列表。

亚马逊的这个例子更好地说明了这一点：

在 Ecwid 中， 最近浏览过的产品 也水平显示。您可以选择在店面顶部或底部显示商品数量。

相关产品 是另一个 水平方向 部分。此组中的产品针对每个产品页面单独设置，可针对您的客户为其订单添加高度相关的附加内容。您可以在产品页面和购物车页面上显示它们。

相比之下，垂直布局没有这些滚动按钮。相反，您会在一个 网格状 向下滚动时对齐。像这样：

理想情况下，您应该混合使用这两种布局：

3. 遵循惯例和用户期望

在某些情况下，你会希望你的设计与众不同。但产品布局不是其中之一。

您的产品布局旨在引导用户进入您的网站。常规布局可确保用户找到所需内容，而不会迷失方向。

当然，不同行业的惯例各不相同。但是，您必须考虑以下几点：

使用网格布局

在网格布局中，产品排列在 大小均等 矩形框，像这样：

这种布局早已成为 电子商务行业 网站。您的客户不仅已经熟悉它，它还非常适合展示产品。此外，它的扩展性也很好——您可以在小屏幕上只显示一个框，也可以在大屏幕上扩展到多个框。

使用此布局时，请确保保持框的大小相同。 正如本案例研究所示，使用同样大小的箱子可以使每位游客的收入增加 17%。

如果您使用 Ecwid 进行销售，那么这对您来说不是问题——Ecwid 具有大小相同的网格，可以自动适应不同的屏幕。

在产品列表顶部显示导航

您应该遵循的另一个惯例是将排序选项放在页面顶部。

客户已经开始期待这个展示位置，当他们进入类别页面时自然会看这里。

通过面包屑导航引导客户

面包屑是一种导航元素，向用户显示从主页到目的地的路径，如下所示：

将它们添加到页面顶部有助于引导访问者。它会告诉他们当前位于哪个页面或类别以及如何返回主页。

4. 注重视觉效果，但不要忘记产品页面上的文字

在网上，展示产品的唯一方式是通过视觉效果。这就是为什么大产品图片可以提高 电子商务行业 转换。

然而，虽然视觉效果很重要，但布局也应该留出空间来放置描述性文字。好的文案不仅可以描述产品，还可以帮助销售产品和您的品牌。

例如，请考虑 BestMadeCo 如何在主页上使用强有力的文案来销售最近推出的产品。布局有助于文本与图像完美融合。

产品文案 在产品页面上尤为重要。您的布局应在首屏上方为客户提供做出决定所需的所有关键信息。这应包括：

这是不布局产品的示例。产品页面没有任何文案 — 很难做出决定。

与大多数事物一样，亚马逊的布局非常完美，为客户提供了做出决定所需的一切。

5.添加产品推荐和相关产品

在产品页面上，你有两个目标：

对于后者，你应该 推荐或相关产品部分。您可以将其放置在产品信息之后或之前。

亚马逊在这方面做得特别好。请注意折叠下方的相关产品和“还查看过”列表：

如果您的同一个系列中有多个产品，请确保也显示它们。以下是 WorldMarket 的一个很好的例子：

相关产品列表不一定非要直观。您还可以显示相关搜索，以引导客户找到他们可能感兴趣的商品。

尝试使用不同的布局来展示相关/推荐产品。尝试将它们放置在页脚上方、产品说明下方等。

6. 尝试在类别页面上使用鼠标悬停详细信息

改进方法之一 点击通过 费率是在客户将鼠标移到类别页面上的产品图像上时提供更多详细信息。

例如， 本网站 显示产品详细信息和鼠标悬停时添加到购物车按钮：

此策略的目的是让用户一目了然地了解关键信息。当您希望用户快速浏览大量产品（例如在服装店中）时，此策略效果最佳。它可能不适用于其他类别，但您仍然可以运行一些拆分测试并查看结果。

在 Ecwid 中，您可以启用产品列表上的“立即购买”按钮，以帮助您的客户快速浏览（和购买）您的产品。

当客户点击此类按钮时，您的商店不会打开整个产品页面。相反，您的客户将看到一个带有产品选项的弹出窗口：

如果您的产品没有选项，它将直接进入购物车。

结论

在产品布局方面，最好遵循惯例并效仿市场领导者的做法。详细编目您的产品，彻底分类，然后按照标准网格布局进行组织。

以上分享的最佳做法适用于各个行业的大多数商店。请在您自己的商店尝试一下！

 

关于作者
Anna 是 Ecwid 的内容创作者。她喜欢大城市、意大利面和伍迪·艾伦的电影。

开始在您的网站上销售

免费注册