如何做出高转化率详情页的秘诀分享！

产品详情页是电商网站最为重要的一部分，直接关系到转化率的高低。所以在搭建网站的时候，详情页的样式是我们最应该注意优化的地方。那么在做产品详情页的时候，需要注意一些什么问题呢？

今天就来跟大家一起讨论一下吧！

我们先来分析一下独立站的详情页。首先，我们可以将网站的产品详情页分为主要的四部分，如图所示（四个不同的颜色代表四个部分）

一、图片部分

其中包括主图、附图区域（网站速度可以保证的情况下也可尝试视频），这一部分主要用于告知客户商品是什么，吸引客户决策。

产品图片是最能表现产品的地方，主要是指对产品进行详细展示，包括整体、细节、规格，款式、颜色等所有产品的详细信息。做到通过网站的产品展示能让买家更直观的去了解网站上所展示的产品，让买家在看到产品的同时对产品的每一个信息都有一定的了解。在此基础上图片要注意突出主体，尽量做到高清，背景尽量用纯色。

在这部分，还需要注意的有产品图的呈现方式。目前独立站产品详情页图片展示样式有不少种类的。

最常见的主图与附图，附图可以是在主图下面横排展示，也可以是在主图左侧或者右侧竖排展示，这类展示方式比较常规，对于图片要求并不是太高，排版比较简单，适用于大部分普通卖家。

第二类是主图占据全屏，附图在下显示。这类展示方式比较吃图片效果，如果你的图片属于视觉效果很不错的一类，可以尝试使用这类效果,用图片直接提高客户的购买欲望，促进购买。

第三类是图片在一侧全部显示，名称与加购按钮在另一边悬浮固定，如Nike、Dior、Zara等知名品牌。这类展示效果可以更好的做到悬浮Add to cart 按钮，方便客户随时添加购物车结算。

二、客户选择区域

例如名称，变体、价格，加购按钮等，这一部分是刺激客户决策与完成决策的地方，价格是否合适，产品颜色种类是否齐全都直接关系到客户购买点击行为。

名称：独立站产品命名由客户自己定，主要考虑SEO相关即可。

变体：变体大部分都是颜色与尺码，我们在做变体展示的时候，颜色变体尽量使用图片展示效果，这样给客户的视觉感受更为直接。

另外如果多颜色多图的产品，尽量做到颜色的切换显示，即点击相应的变体颜色的时候，左侧主图区域才出现整套对应的颜色图片。

价格：价格分为售价和原始价格。价格的显示一定要突出，可以考虑比较吸引人的颜色，如红色。

加购按钮：Add to cart 这个部分是整个页面中最重要的，在刺激客户决策后要给到客户决定决策的地方，所以要时刻提醒客户可以进行加购。比如加购按钮在顶部进行悬浮，或者在侧边购物车提醒，再或者整个页面一直悬浮。另外按钮颜色的设置上则比较有考究，一般品牌性网站都是用黑色，但是非品牌性网站，大多使用与整站统一性保持比较高的颜色。