电商详情页长图怎么做？豆包写文案、免费小工具填空排版，一个商品十几分钟出一整页；AI 加的「食品级」要删

详情页是买家下单前看得最久的地方：卖点、使用场景、参数、注意事项。外包做一页几百元，自己用修图软件一个商品要折腾半天。

拆开来其实就两件事：写文案、把文案和图片排成长图。文案交给豆包，排版用一个填空式的小工具，一个商品十几分钟出一整页。

做好的详情页长图：首屏、核心卖点、使用场景、产品参数、使用提示

图片来自前几篇：首屏和场景图出自《商品场景图怎么做》，参数区的白底图出自《商品白底图怎么批量做》。商品是 AI 生成的演示素材，参数是虚构的示例。

你需要准备

• 商品的真实信息：材质、尺寸、参数，还有限制条件（不能进微波炉、不能装碳酸饮料这类）；
• 图片：1 张首屏图（场景主图）、1 张白底图、3 张场景图；
• 豆包账号（写文案用，这次没看到扣费）；
• 本文的「详情页拼图」小工具和一个能商用的字体（思源黑体，下载方法见《电商主图怎么做》）。

第 1 步：让豆包写文案

把商品信息尽量写全，包括限制条件，它会写进「使用提示」。让它按小工具要的格式输出，后面可以直接复制：

你是电商详情页策划。根据下面的商品信息写详情页文案。要求：只用商品信息里有依据的内容，不编造参数、认证、销量；不用最、第一、顶级、极致、国家级、100%、绝对、万能这类极限词。按这个格式直接在对话里输出：大标题（12 字以内）；副标题（20 字以内）；卖点 4 个，每行一个，写成「标题｜说明」，标题 8 字以内、说明 30 字以内；使用场景 3 个，每行一个；参数，每行写成「名称：数值」；使用提示，每行一条。商品信息：墨绿色不锈钢保温杯，容量 500ml，内胆 316 不锈钢，外壳 304 不锈钢，保温 12 小时、保冷 24 小时（实验室数据，室温 20℃），杯盖可当小杯子用，杯身哑光喷涂不易留指纹，重 320g，高 23cm，适合办公、通勤和户外露营，不可放进微波炉，不建议装碳酸饮料。

豆包按格式写好的文案

豆包这次写得很规矩：参数全来自商品信息，没有极限词，格式也对。

但要逐条核对。我们之前用本机模型写同一个商品，提示词里明明写了「不编造认证」，它还是把第一个卖点写成了「316食品级内胆」。商品信息里只说了「316 不锈钢」，「食品级」是它自己加的。这类词看着普通，在电商平台是要有资质证明的，拿不出检测报告就是虚假宣传。

AI 写的每一句卖点，都要和你手上的资料一条条对：参数、认证、功效、销量，一个字都不能多。

第 2 步：用小工具排成长图

1. 下载「详情页拼图」小工具，解压后用 Chrome 打开 详情页拼图.html。
2. 「字体文件」选思源黑体（比如 SourceHanSansSC-Bold.otf），主色选一个和商品搭配的颜色。
3. 按板块填：首屏图和大标题、副标题；卖点一行一个，「标题｜说明」；场景选 3 张图，下面一行一个说明；白底图和参数，一行一个「名称：数值」；使用提示一行一条。豆包的回答按段复制过来就行。
4. 右边实时预览，满意了点「下载长图」，得到 750 像素宽的 JPG。

详情页拼图小工具：左边填文案、选图片，右边实时预览

小工具会处理中文换行：数字和英文单词不拆开（「304」不会被拆成「3」和「04」两行），句号、逗号不放在行首。图片和字体只在你的浏览器里处理，不会上传。

750 像素是淘宝、天猫详情页的常用宽度，不同平台要求不同，以平台后台的说明为准。

文字和图片要对得上

豆包写了「办公、通勤、露营」三个场景，场景图就要有这三张。我们一开始手里没有通勤的图，硬塞了一张圣诞的，文字就和图对不上了。后来用《商品场景图怎么做》的方法补了一张「地铁站长椅」：

补做的通勤场景图

拿它挣钱：给 SKU 多的小店做详情页

• 每个新商品：写商品信息 → 豆包写文案 → 人工核对 → 选图 → 小工具出图；
• 怎么报价：去闲鱼、淘宝搜「详情页设计」，看同行按页、按套怎么收；
• 参数和认证一定让客户提供依据，文案里的每个数字都要有出处；交付前让客户签字确认参数，出了问题责任说得清。

我们还试了什么

之前我们用本机的 Qwen3.8-27B 写文案（装法见《本地部署 Qwen3.8-27B》），再用 Python 脚本排版，写文案约 50 秒，排版几秒钟。就是那次它加了「食品级」。后来在《一个人上新一款商品要多久》里给护手霜写详情页，它又写出了「天然植萃滋养」，化妆品宣称「滋养」要做人体功效评价试验。不管用哪个 AI，核对这一步省不掉。

卖点区和场景区局部

用到的工具

接下来

• 主图怎么做：《电商主图怎么做》
• 把这些串成一个人的上新流程：《一个人上新一款商品要多久》