# 产品画册二维码制作教程

本文介绍如何从零搭建一套多目录产品画册二维码，适合产品种类多、需要按分类汇总展示的场景，例如：产品画册、多系列商品目录、服务项目导览、课程合集等。适用于用一个总入口码 → 多个分类 → 每个分类下多个详情页这种多层级结构展示内容的场景。开始前请确认已注册并登录草料账号；对活码、目录、汇总码三个概念有基本了解。如果还不熟悉，建议先看 [展示类二维码应用方案+搭建教程](/help/tutorials/qr-code-tutorial2)，再回到本文。版本要求：本教程涉及的目录、汇总码、活码功能免费版即可使用，无需付费升级。

整套搭建分两个阶段——先规划结构、再动手建码。下文先讲规划思路，再用一个建材商案例对照六个步骤完整演示。

## 一、搭建思路：先规划目录结构

展示类汇总码的核心是目录结构。开始前，建议先把要展示的内容画成一棵树：

```
总入口码
├── 分类 A（目录）
│   ├── 产品 1（活码）
│   ├── 产品 2（活码）
│   └── 产品 3（活码）
├── 分类 B（目录）
│   ├── 产品 4（活码）
│   └── 产品 5（活码）
└── 分类 C（目录）
    └── 产品 6（活码）
```

草料的三个核心要素与这棵树一一对应：

- 活码：每个产品对应一个活码，承载图文、视频、文件等详情
- 目录：后台的文件夹，活码放进目录就自动归类
- 汇总码：选中某个目录后系统生成的入口码，扫码即可查看该目录下的所有活码

### 决定目录层级

- 内容总量不多（20 个以内），无需分类：一层目录，直接生成汇总码
- 按大类分（3-5 个品类，每类 5-20 个）：两层目录：品类 → 产品活码
- 大类下还有小类：三层目录：品类 → 系列 → 产品活码

### 决定生码方式

- 每个活码内容差异大、需要个性化排版：逐个手动建码
- 活码结构一样、只是内容（名称、图片、参数）不同：批量模板生码，效率高

## 二、搭建示例：建材商产品画册

下面用一家建材商的真实场景做示意。该商家有 3 个产品系列、7 款产品，目标是用一个二维码统一展示，扫码者按系列浏览。整体结构分为两层：

```
建材产品总目录（顶层目录 → 总入口汇总码）
├── 地板系列（分类目录 → 子汇总码）
│   ├── 实木地板 A（活码）
│   ├── 强化地板 B（活码）
│   └── SPC 石塑地板 C（活码）
├── 墙砖系列（分类目录 → 子汇总码）
│   ├── 仿古砖 D（活码）
│   └── 通体大理石砖 E（活码）
└── 辅料系列（分类目录 → 子汇总码）
    ├── 地板胶 F（活码）
    └── 美缝剂 G（活码）
```

后续步骤都以这套结构为例对照讲解，你按自己的产品情况替换名称即可。

## 三、第 1 步：在后台搭好目录

进入草料管理后台 → 左侧菜单点【活码】，进入活码管理界面。

在左侧目录树中，鼠标悬停到全部活码或任意目录上，右侧出现【···】按钮：

1. 在全部活码下点【···】→【新建子目录】→ 输入名称建材产品总目录
2. 鼠标悬停到建材产品总目录上 → 点【···】→【新建子目录】
3. 分别新建地板系列墙砖系列辅料系列三个分类目录

提示：目录支持多层嵌套。如果你的分类下还有子分组（比如实木地板下还分橡木 / 胡桃木），可以继续在分类目录下新建更细的子目录。

![新建子目录操作示意](https://gstatic.clewm.net/cl-cms/260424/429c8e_pu5aidia.png)
>图片说明：后台“活码”管理页面，展示全部489个活码的分类列表及操作入口，支持新建子目录与批量操作。

## 四、第 2 步：为每个产品做活码

每个产品对应一个活码。按内容差异选择搭建方式：

### 方式 A：逐个新建（适合内容差异大）

进入对应分类目录（比如先点开地板系列），点击右上角【生码】→【空白生码】，进入活码编辑器。

编辑器中可添加这些组件来展示产品详情：

- 图文：产品介绍 + 实拍图 / 效果图（图片可设轮播）
- 视频：产品介绍视频或安装施工演示
- 文件：产品规格书、检测报告（PDF）
- 联系方式：销售电话、微信、地址

重要：在哪个目录下新建的活码，自动归属到该目录，无需手动移动。

编辑完成 → 点【生成二维码】保存，该产品活码即建好。重复操作完成所有产品。

### 方式 B：批量生码（适合结构相同）

如果所有产品共用一种排版（比如都是产品名称 + 规格参数 + 效果图的格式），可以用批量活码模板一次性生成所有活码：

进入对应分类目录 → 点【生码】→【使用批量模板生码】→ 选已有模板或新建模板。

详细操作见 [活码批量模板编辑教程](/help/bulk-qr-code/bulk-dynamic-qr-code/template-design/edit-bulk-template)。

## 五、第 3 步：检查活码归属目录

所有活码建好后，逐个分类核对：

- 后台左侧选中地板系列 → 右侧应只显示地板类活码
- 选中墙砖系列 → 应只显示墙砖类活码
- 辅料系列同理

如有归错目录的活码，鼠标悬停到该活码右侧三点【···】→【移动到目录】，选正确目录即可。

## 六、第 4 步（可选）：生成各分类的子汇总码

如果你希望每个分类有独立的入口码（比如地板系列的码单独贴在展厅地板展区），可以分别给每个分类目录生成一个汇总码。

操作步骤：

1. 左侧点击进入地板系列目录
2. 右上角点【目录汇总码】
3. 选择展示样式（参考下表）
4. 下载该分类的汇总码图片

5 种展示样式对比：

- 列表样式：纯文字行列，紧凑，条目多、以文字内容为主
- 大图列表：左图右文，图占大块，有实拍图、视觉商品展示
- 宫格样式：多列图标网格，品类多、便于快速浏览
- 菜单样式：带分级层次的菜单，多层嵌套目录、内容分类复杂
- 卡片展示：大封面卡片，视觉冲击强，强调单款产品的视觉呈现

重复以上步骤，为墙砖系列辅料系列各自生成汇总码。

![目录汇总码生成](https://blogcdnimg.clewm.net/2023/08/image-1692842940175_16928429386098.png)
>图片说明：展示二维码生成与设置流程：先选目录，再配置样式（普通/列表/卡片）及权限等参数，最后生成查看二维码。

## 七、第 5 步：生成总入口汇总码

进入最顶层目录建材产品总目录：

1. 右上角点【目录汇总码】
2. 选展示样式——顶层入口建议用菜单样式或宫格样式，分类感更强
3. 下载汇总码图片

这张码扫进去后，扫码者会看到地板系列墙砖系列辅料系列三个分类。点击任一分类，可进入该分类的活码列表；点击具体产品，可进入产品详情页。

## 八、第 6 步（可选）：用目录列表组件做更丰富的总入口

如果你希望总入口不只是分类列表，还想加品牌 Logo、品牌介绍、底部联系方式等，可以新建一个活码作为总入口（不用目录汇总码），通过目录列表组件嵌入分类。

操作步骤：

1. 后台新建一个活码，命名为品牌产品总览
2. 编辑器中先加图文组件，放品牌 Logo 和品牌介绍
3. 再加目录列表组件 → 选中建材产品总目录
4. 最后加联系方式组件，放销售电话和地址
5. 保存后下载该活码的二维码，作为总入口使用

注：目录汇总码和目录列表组件两者选其一即可。差异如下：

- 是否需要单独建码：目录汇总码系统自动生成，不用建码；目录列表组件需新建活码再添加组件
- 能否加其他内容：目录汇总码不支持，只展示列表；目录列表组件可在列表前后加图文、联系方式等
- 展示样式数量：目录汇总码 5 种；目录列表组件更多自定义配置
- 适合场景：目录汇总码快速生成纯导航入口；目录列表组件需要品牌内容、混排展示

详细操作见 [目录列表组件用法](/help/content-display/directory-list)。

## 九、验证：确认搭建成功

用手机微信扫描总入口汇总码，依次确认：

- 页面显示所有分类（如地板系列、墙砖系列、辅料系列）
- 点击分类，能进入该分类的活码列表
- 点击列表中具体产品，能看到完整的产品详情页（图文、视频、文件等）
- 回退后，可以继续点击其他分类和产品
- 在后台修改任意一款产品的内容、再次扫码确认已更新

全部通过即搭建成功。

## 十、日常维护

搭建完成后，日常维护很简单：

- 新增产品：在对应分类目录下新建活码，汇总码自动同步，无需修改入口码
- 修改产品信息：后台找到对应活码 → 编辑保存，二维码图案不变
- 调整产品顺序：目录汇总码设置页 → 点默认排序 → 按创建时间 / 更新时间 / 名称排序
- 下架某款产品：在后台删除或停用该活码，汇总码中自动不再显示
- 整体调整结构：目录可重命名、移动、删除，活码可在目录间拖拽

## 十一、常见问题

### 1. 总入口码扫进去显示暂无内容？

检查两点：
- 顶层目录下是否有活码（直接放在建材产品总目录下，或在子分类里）
- 子分类目录下是否有活码（汇总码会同时展示子目录下的内容）

如果只有空目录、没有任何活码，汇总码会显示空。

### 2. 已经印好的总入口码贴上去了，后期还能改分类吗？

可以。目录汇总码会跟随目录变化自动更新——无论是新增分类、重命名分类、调整产品归属，扫码看到的内容都会同步变化，二维码图案和总入口码都不需要换。

### 3. 想给不同地区门店做不同产品组合，怎么办？

在后台用不同顶层目录组织不同组合，每个目录单独生成汇总码即可：

- 华东产品总目录 → 给华东门店
- 华南产品总目录 → 给华南门店

同一款产品活码可以同时归到多个目录里，不用重复建码。

### 4. 汇总码能加密码吗？

可以。在生成汇总码的弹窗里有访问密码选项，开启后扫码者需要输入密码才能查看。详见 [活码查看权限](/help/qr-code-and-data/qr-code-settings/qr-code-permission)。

### 5. 想直接套用现成结构怎么办？

可以从模板库挑一个产品目录类模板快速开始：[产品目录模板](https://cli.im/template/detail/9827540)，套用后改成自己的内容即可。

## 相关资源

- 入门概念：[展示类二维码应用方案+搭建教程](/help/tutorials/qr-code-tutorial2)
- 活码编辑器：[活码编辑器使用说明](/help/content-display/dynamic-qr-code-editor)
- 目录管理：[目录管理教程](/help/qr-code-and-data/qr-code-management/directory-management)
- 目录汇总码：[目录汇总码使用说明](/help/qr-code-and-data/qr-code-management/directory-summary-qr-code)
- 批量生码：[活码批量模板编辑教程](/help/bulk-qr-code/bulk-dynamic-qr-code/template-design/edit-bulk-template)
- 现成模板：[产品目录模板](https://cli.im/template/detail/9827540)
- 遇到问题：[草料社区](https://cli.im/community/question)