电商详情页怎么做:六屏结构到逐屏出图
主图负责让人点进来,详情页负责让人下单。详情页不用写得多花,但顺序不能乱——买家往下滑,你得一步一步把他心里的疑问消掉。
六屏结构:每一屏消掉一个疑问
| 顺序 | 这一屏 | 要消掉的疑问 | 大致放什么 |
|---|---|---|---|
| 1 | 品牌 / 首屏 | 「这是谁家的东西」 | 品牌名、产品大图、一句话定位 |
| 2 | 核心卖点 | 「为什么买它」 | 把最能打的一两个卖点放大,别贪多 |
| 3 | 细节 | 「做工行不行」 | 材质、工艺、局部特写 |
| 4 | 规格 | 「尺寸对不对得上我的需要」 | 尺寸、颜色、重量、配件清单 |
| 5 | 场景 | 「我用在什么场合」 | 使用场景图,帮买家对号入座 |
| 6 | 售后 / 收尾 | 「买错了怎么办」 | 按你实际的服务口径写,别写做不到的承诺 |
商拍工坊的「电商全套」里,详情页就是按这个顺序规划的。屏数不是死的:复杂的品可以加屏,简单的品可以合并。
站内做详情页的完整流程
- 上传产品图。一张正面清晰的产品图就能开工,背景乱没关系,会自动抠图(免费)。
- 分析产品,自动出一版卖点文案。系统会看图给出一版卖点,会预填到文案框里。这版是给你打底的,务必按实物改成你自己的话。
- 选平台、风格、语言和质量档。要生成哪些内容也在这里勾:主图、详情页、广告图,可以只做详情页。
- 生成前先看规划和扣点。它会告诉你这次打算做几屏、预计扣多少点,确认了才开始生成。
- 逐屏微调。进入多屏管理后,每一屏都能单独点开编辑:点选文字改内容字号,点选产品挪位置缩放,换背景层。屏的顺序能上下调,也能删掉或补一屏。
- 拼接预览,确认前后顺不顺。用「详情页拼接预览」把多屏连起来看一遍,像买家那样从头滑到底,逻辑不通就回去改。
- 下载。逐屏下载或者打包下载;要接着用 Photoshop 改,可以导出分层 PSD,也支持矢量格式 SVG。
做详情页最容易翻车的四点
- 卖点写成一大段。详情页是被人扫着看的,不是读的。一句话一个点,字号拉开层次。
- 规格信息不核就发。尺寸、材质、配件这类数字错了,退货率立刻上来。图上每个数字都得和实物对一遍。
- 售后那屏写着好看但做不到的话。按你实际能提供的东西写;做不到的承诺,等于给自己埋雷。
- 只在一屏里放一种版式。整套图长得一模一样,滑到第三屏买家就腻了。换个构图、换个背景节奏。
站内做的是图。商品参数、宣传口径、售后承诺得你自己核过再发,这部分站里不替你把关。
常见问题
详情页一般做几屏?
常见六屏:品牌、卖点、细节、规格、场景、售后。屏数按商品复杂度调,生成前会告诉你这次规划了几屏。
一次生成的整套图,能只改其中一屏吗?
可以。整套生成后进多屏管理,每一屏都能单独点开编辑器改文字、挪位置、换背景,也能单独重做某一屏,不用整套重来。
详情页要花多少点?
按屏计点,生成前弹窗会显示这次规划的屏数和预计扣点,以那个提示为准。各功能的扣点和充值档见价格说明页。
详情页能导出成什么格式?
逐屏下载或打包下载都行;要接着用 Photoshop 改可以导出分层 PSD,另外支持矢量格式 SVG。做完记得用拼接预览从头看一遍。
做一整套详情页
上传产品图,先看它规划的屏数,再决定生成。