# 产品使用视频合集搭建教程

本篇文章为「[产品使用视频合集](https://cli.im/template/detail/121463303)」为例，教大家如何从0开始制作单个内容展示活码，在掌握操作技巧后，你也能快速制作出一个效果还不错的二维码。

该教程主要分以下4个部分：

- 使用入口
- 修改内容：把模板中的内容都替换成自己的素材
- 修改二维码标签：在生成的二维码上添加文字、logo、调整配色等
- 后台管理：查看扫描量统计、修改码内容等

点击右侧目录标题，即可快速跳转到相应教程。

注意：制作二维码需要在电脑端操作，在浏览器输入cli.im即可进入草料官网。

## 一、使用入口

进入产品使用视频合集模板页面 [点击进入](https://cli.im/template/detail/121463303)

点击【立即使用】

![展示产品使用视频合集页面，含模板预览、二维码标签样式及“立即使用”操作入口，用于快速启用视频教程功能。](https://blogcdnimg.clewm.net/2024/09/截屏2024-09-18-下午1.56.09_17266389901152.png)

## 二、修改内容

### 1. 替换头图

进入编辑页面，把鼠标放在图片上，点击替换图片，即可上传自己的产品图片作为头图。

![编辑界面中展示指纹水杯产品图，顶部有“替换图片”等操作选项，右侧为二维码生成及各面板添加区域。](https://blogcdnimg.clewm.net/2024/09/截屏2024-09-18-下午2.15.10_17266401311741.png)

### 2. 替换视频

把鼠标移动至视频组件上，点击【替换】

![展示内容管理后台中“初次使用必看”模块的视频操作栏，红色框标出“替换”按钮，指示可更换视频内容。](https://blogcdnimg.clewm.net/2024/09/截屏2024-09-18-下午2.16.24_17266412002532.png)

### 3. 添加其他内容

支持添加产品参数、视频、文件、联系方式等 [查看详细教程](/help/operation-tutorials/content-display-qr-code-tutorial)

## 三、修改样式

二维码样式美化分两个步骤：

- 更换标签样式，在标签样式库选择需要的标签模板
- 修改标签上二维码码点码眼、字段内容等

### 1. 更换样式，修改内容

生成二维码后，点击“修改样式”，进入二维码样式编辑器。

![商品详情页编辑界面，右侧预览区显示产品标签样式及“修改样式”按钮，左侧为内容编辑区，含标题、面板等组件操作入口。](https://blogcdnimg.clewm.net/2024/01/截屏2024-01-29-下午3.30.00_17065138219584.png)

在二维码样式编辑器内，你可以更换标签样式模板、修改标签字段内容、修改logo和背景等。

![二维码样式编辑器界面，支持产品标签的字段编辑、Logo/背景设置及实时预览效果查看。](https://blogcdnimg.clewm.net/2024/02/教程-标签编辑器_17071021586918.png)

### 2. 下载打印

![产品详情页编辑界面，右侧预览区展示“雷蛇”键盘商品标签样式及售价1499元，含下载打印、保存等操作按钮。](https://blogcdnimg.clewm.net/2024/01/截屏2024-01-29-下午3.53.43_17065148525631.png)

你可以选择png图片、pdf矢量两种格式下载，如需交给广告公司印刷建议下载pdf矢量格式，更加清晰。

你也可以下载自动排版好的A4文件，自行打印。[查看详细说明](/help/label-printing-guide/qr-code-label-printing)

## 四、后台管理

在后台，你可以修改二维码内容、查看扫描量统计等等。

![产品详情页编辑后台界面，含标签样式设置、二维码预览、多类面板添加区及保存/预览等操作按钮。](https://blogcdnimg.clewm.net/2024/02/截屏2024-02-05-上午10.38.23_17071022585396.png)

### 1. 修改二维码内容

进入后台，在二维码-活码中，找到需要修改的码，点击右侧的“编辑”，进入二维码编辑器，即可修改二维码内容。

![草料二维码后台“活码”管理列表页，展示5个活码的名称、更新时间及下载/预览/编辑等操作选项。](https://blogcdnimg.clewm.net/2024/01/截屏2024-01-31-上午10.31.37_17066697577701.png)

### 2. 扫描数据统计

数据统计-扫描量统计中，可以查看不同二维码、不同时间范围、不同扫码来源查看扫描人数、次数。

![扫描量统计页面，展示近7日扫描次数与人数趋势图及二维码排名，支持按日期范围和来源筛选。](https://blogcdnimg.clewm.net/2024/01/截屏2024-01-31-上午10.48.46_17066698074207.png)
