---
uuid: "3d1fd675-e076-44e6-a2cf-d8210d13a2a9"
type: "tutorial"
title: "内容展示功能说明"
sidebar_position: 1
description: "内容展示是草料最核心的功能，支持图文、音视频、文件、联系方式、地图等多种组件，内容改了码不用换。涵盖可展示的内容类型、页面美化方案、AI 解读、批量生码及扫描统计等能力，以及免费版和付费版的差异。"
keywords:
  - 内容展示二维码
  - 草料二维码内容展示
  - 活码功能介绍
  - 二维码展示图文
  - 扫码查看内容
cl_old_blog_id: "100495"
cl_old_blog_url: "https://cli.im/help/100495"
last_update:
  date: "2026-04-09"
---

内容展示是草料二维码最基础、使用最广的功能。把文字、图片、音视频、文件、联系方式、位置等内容放进一个二维码，扫码就能打开查看。内容改了码不用换，已经印出去的二维码继续有效。

适合产品介绍、电子说明书、业务介绍、个人名片、办事指南、资料公示等大部分"给别人看"的场景。

## 一、可以展示哪些内容

在草料编辑器里，一个二维码页面由多个组件拼装而成。不同组件承载不同类型的内容：

- **图文**：富文本排版，支持段落、标题、图片，图片可做轮播
- **音视频**：视频和音频文件扫码直接播放
- **文件**：Word、PDF、Excel 等格式在线预览或下载
- **联系方式**：电话、手机号点击即可拨打或保存到通讯录
- **地图位置**：点击查看地理位置，可唤起导航
- **目录**：把其他二维码嵌进当前页面，做成可点击的分类导航

组件可以自由组合，顺序任意调整。组件的详细用法和制作步骤，参考 [内容展示活码制作教程](/help/operation-tutorials/content-display-qr-code-tutorial)。

![内容展示 多媒体文本组合](https://blogcdnimg.clewm.net/2025/03/内容展示-多媒体文本组合_17421883150901.png)

## 二、让页面更美观

内容之外，页面外观也可以调整，让扫码体验更贴合品牌。

**背景图**：为页面加一张背景图，区别于白底默认样式。具体设置参考 [如何设置背景图](/help/content-display/background-image/background-settings-effects)。

**美化样式**：编辑器内置多套样式模板，直接套用即可，零设计经验也能做出整齐美观的页面。

![多种美化样式](https://blogcdnimg.clewm.net/2025/03/多种美化样式_17422016912011.png)

**视频背景**：用一段视频作为页面背景，首屏自动播放，适合产品展示、公司介绍、团队风采等场景。

**动态背景**：自定义主题色和变化速度，做出简洁的动态底色效果。

> **注意**：视频背景和动态背景需要付费版。

![动态背景](https://blogcdnimg.clewm.net/2025/06/6月10日-11_17495420991671.gif)

## 三、多个码汇总到一个入口

如果你需要展示的内容品类很多（比如几十款产品、多个场馆、多条办事路线），可以把它们拆成多个子码，再用「目录」把它们汇总到一个入口：

- **目录列表**：在某个二维码的正文里插入一个目录，把多个相关的子码以分类列表的形式展示出来，扫码者点击即可进入子码查看。[目录列表功能介绍](/help/feature-intros/directory-list)
- **目录汇总码**：根据编辑器里设置的目录结构，自动生成一个"汇总码"。子码改动后，汇总码自动同步，无需手动维护。[目录汇总码功能介绍](/help/qr-code-and-data/qr-code-management/directory-summary-qr-code)

![目录汇总码](https://blogcdnimg.clewm.net/2025/03/目录汇总码_17421902943069.png)

## 四、AI 解读长文件

如果二维码里放的是产品说明书、操作手册、办事指南这类长文件，扫码者在手机上翻阅会比较吃力。

启用 AI 解读后，扫码者可以直接向 AI 提问，AI 从二维码内容中提取相关信息并回答，省去来回翻找。

> **注意**：AI 解读功能需要高级版及以上。详见 [AI 解读功能介绍](https://cli.im/case/detail/2385)。

![AI解读功能演示](https://blogcdnimg.clewm.net/2025/06/AI解读功能演示_17495430819323.gif)

## 五、批量生成二维码

当你需要给一批产品、人员或资产各生成一个二维码时，不用一个一个做。

建一个批量模板，通过 Excel 或表单导入数据，草料会按模板批量生成结构一致、内容各异的子码，后续统一在一个后台管理。[前往批量生码](https://cli.im/batch)

![批量生码](https://blogcdnimg.clewm.net/2025/03/批量生码-3_17422777290292.png)

## 六、扫描量统计

每个二维码的扫描次数、时间段分布、扫码地域，都会在工作台自动记录，可以随时查看或导出报表，帮助你了解投放效果。

![扫描量统计](https://blogcdnimg.clewm.net/2025/03/扫描量统计_17421920305303.png)

## 七、常见使用场景

**产品介绍、检测报告、使用说明书**
为每款产品生成一个二维码，把卖点、规格参数、检测报告、使用说明汇总在一起。客户扫码即可查看，资料更新随时生效。

![产品介绍二维码](https://blogcdnimg.clewm.net/2025/03/产品介绍_17421999113271.png)

**公司介绍、个人名片、旅游宣传**
用二维码展示业务范围、服务内容、联系方式，适合公司简介页、员工电子名片、景区导览等场景。

![业务介绍](https://blogcdnimg.clewm.net/2025/03/业务介绍_17421999358888.png)

**资料公示、健康宣教、办事指南**
把原本用纸张分发的图文视频资料放进二维码，扫码查看、收藏、转发都方便，后续更新也无需重新印刷。

![信息展示](https://blogcdnimg.clewm.net/2025/03/信息展示_17421999199650.png)

## 八、常见问题

### 1. 免费版可以使用吗？

可以。免费版能满足大部分基础展示需求：

- 二维码长期有效
- 生码个数和扫描次数不限
- 图片、文件等存储空间不限
- 音视频仅前 5 位扫码者可试听/试看

### 2. 付费版多了哪些能力？

- 去除草料的默认标识和水印，展示你自己的品牌
- 支持视频背景、动态背景
- 音视频播放不限人数和时长
- 高级版起可启用 AI 解读
- 可单独购买 [专属小程序](https://cli.im/case/detail/2415)，自定义小程序名称、logo 和首页，账号下所有码都能用自己的小程序打开

免费版与各付费版的详细差异参考 [版本选购建议](/help/purchase-guide/version2)。

### 3. 文件大小有限制吗？

- 免费版：单个文件最大 50M
- 付费版：单个文件最大 500M

账号下图片、文件的累计上传总量没有限制。

### 4. 二维码会过期吗？

默认长期有效，不限扫描次数。如果你需要限时使用，可以在后台设置失效时间。

### 5. 修改内容后，二维码图案会变吗？

不会。草料的内容展示码是"活码"，内容随时在线修改，二维码图案保持不变，已经印出去的码继续可用，不用重新下载或重印。

## 九、开始创建

草料已经把常见的展示类二维码整理成了模板，你可以挑一个合适的模板，替换成自己的内容后直接使用。

如果过程中遇到问题，可以点击网页右下角的【咨询】，或在【帮助中心】搜索对应教程。

[选择模板生码](https://cli.im/template)