---
uuid: "b77a923c-253b-4550-adfd-efb69f9bbfbb"
type: "scenario"
title: "产品使用视频合集搭建教程"
sidebar_position: 19
description: "以「产品使用视频合集」为例，介绍如何从零开始制作一个内容展示活码，包括使用入口、替换素材内容、修改二维码标签样式、以及查看扫描量统计等后台管理操作。"
keywords:
  - 产品视频合集二维码
  - 草料内容展示活码制作
  - 视频二维码制作教程
  - 扫码看产品使用视频
cl_old_blog_id: "95684"
cl_old_blog_url: "https://cli.im/help/95684"
last_update:
  date: "2025-09-04"
sidebar_class_name: "sidebar-item-hidden"
---
本篇文章为「[产品使用视频合集](https://cli.im/template/detail/121463303)」为例，教大家如何从0开始制作单个内容展示活码，在掌握操作技巧后，你也能快速制作出一个效果还不错的二维码。

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

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

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

_注意：制作二维码需要在电脑端操作，在浏览器输入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和背景等。

![](https://blogcdnimg.clewm.net/2024/02/教程-标签编辑器_17071021586918.png)

### 2\. 下载打印

![](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\. 修改二维码内容

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

![](https://blogcdnimg.clewm.net/2024/01/截屏2024-01-31-上午10.31.37_17066697577701.png)

### 2\. 扫描数据统计

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

![](https://blogcdnimg.clewm.net/2024/01/截屏2024-01-31-上午10.48.46_17066698074207.png)