页面布局（这最热门的三个产品页面布局模板）

在你看完上一节后，你将会知道一个产品页面中应该怎么布局，但是，除了那七个核心元素之外，往往我们产品页面中还包含了其他的元素，那么，如何将其合理正确的排版在页面上，可能会使你困惑。

本节，你将不用这么纠结自己去排版，按照我们的设计模板，选择你喜欢的即可，放心，它们都经过了市场验证！

模板 1：通用产品页面

最适合新卖家，适合任何类型的产品

这种产品页面设计是最常见的，所以您可能比较熟悉！

那么，为什么这个设计受人喜欢呢？且效果不错？

因为人们从左到右阅读，他们首先看到产品图片——如果他们喜欢他们看到的东西，那么他们会留在页面上以了解有关产品的更多信息，看看他们是否想购买。

您会注意到产品标题、价格、星级评分和“添加到购物车”CTA 都出现在页面上方的首屏位置。

一些案例：

模板 2：以图像为中心的产品页面

最适合创意或视觉上吸引人的产品，如珠宝、艺术品或家具

如果你想炫耀你的产品，这个模板是完美的，因为照片是产品页面的主要焦点。如果您选择这种设计，您需要确保您的照片具有最高质量！

这是一个非常引人注目的模板设计，它将您的产品放在页面的最前面——然后客户可以继续向下查看更多信息。而且，产品页面上所有重要的东西都在上半部分，将使得客户的浏览变得轻松。

但是，如果您销售的产品不是按外观出售的/或者外观不是主要卖点，请不要选择此模板 - 你可以看我们下面的那个模板！

一个好的产品描述应该有这几部分：

模板 3：以功能为中心的产品页面

最适合侧重于功能/特征的产品，例如侧重领域或者DIY 工具

如果您产品的主要卖点是功能特征，而不是其视觉美感，则使用该产品页面模板是最好的是完美的。例如：科技产品、数码电器和机械工具——任何以功能为主要卖点的东西。

该模板侧重于产品描述和规格，首先关注功能特征。产品图片用于支持书面信息，而不是让产品照片占据中心位置。

如果您选择此模板，则需要在书面内容中多加考虑——您不是在使用图像来吸引客户，而是在使用产品描述。确保您提供信息丰富、描述性强，并针对客户可能提出的任何问题或疑虑提出了解决办法。

一些例子

产品页面综述

相信，在你看完了前面两节内容之后，你对整个页面的组成已经有了很大的理解，它就像一个积木游戏，你只要将正确的块放在正确的位置，就能帮你赚钱！

当然，全部的页面设计并不仅限于我们上面说的那些，仍然有不少我们觉得不错的布局，以下是我们收藏的一些同样优秀的产品页面，供您参考。

在这里面，有侧重于产品视频的，也有侧重于如何展示推荐产品的——但无论哪种方式，他们都成功地创建了真正出色的产品页面！

Bellroy

Bellroy直接使用自动播放的产品视频，而不是传统的产品图像。它的重要信息传递得非常正确，而视频内容质量也很棒。

Nordstrom

Nordstrom 始终致力于帮助客户做出最佳决定，从提供额外的试穿信息到交互式设计：“我适合哪种尺码？” 右侧的“人们也查看过”部分以及查看该商品的其他购物者的数量提供了很好的社会证明。

Fabletics

Fabletics提供有关模特穿着尺寸的清晰信息，并在照片中提供背景，突出产品的主要优点——它有口袋！为 VIP 会员提供更便宜的价格鼓励注册，并且号召性用语很突出又凌乱。

Big Wild Thought

Big Wild Thought通过将产品照片放在右侧并在左侧提供自定义选项来混合其产品页面设计。按钮的使用使客户挑选产品变得非常容易，而添加到购物车或使用 PayPal 立即购买的选项是降低客户放弃购买的好方法！

概括

我们已经研究了要包含在您的产品页面上的最重要和最基本的功能，从产品照片到客户评论/社会证明，并引导您了解产品页面布局设计的最佳方法。

创建一个有效的产品页面不是你一次就能完成的事情，所以这里再次总结了设计产品页面时要记住的关键事项：

如何设计产品页面：7 步回顾

其他重要功能包括自定义选项、运输和退货信息以及常见问题解答部分。根据您销售的产品类型，您可以遵循三个主要模板，以及大量免费电子商务模板来帮助您开始设计。

请记住，任何产品页面的主要目的都是说服客户将产品添加到他们的购物篮中，然后完成购买——因此始终将客户放在设计决策的最前沿。

开始布局你的站点吧，随时回来告诉我们您的进展情况！