本篇主要以官方模板「产品详情介绍」为例，教大家如何从 0 开始制作单个产品介绍二维码，在掌握操作技巧后，你也能快速制作出一个效果不错的二维码。

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

编辑内容：指的是如何把图片、文件、音视频等素材添加到二维码中，扫码后可查看

二维码设置：有效期、查看权限、打开方式等除内容以外的设置项

样式美化：在生成的二维码上添加文字、logo、调整配色等，让下载的码更符合实际落地需求

后台管理：在后台给做好的码进行目录分类、查看扫描量统计、修改码内容等。

在这里先为大家介绍下如何编辑二维码中的内容。

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

高级编辑器结构概述

在模板库中选择“空白新建单码”，或是在模板库选择模板后，点击“单个生码”，即可进入高级编辑器。这里以产品详情介绍模板为例。

高级编辑器包含编辑页、码设置页。

1. 编辑页

• 头部展示区域：可以添加图片、文件、音频、视频。当只有头部图片或文件时，可以配合背景色、配色达到一个不错的效果。有正文内容时，头部内容也会更加显著。

• 样式库：在正文中插入多种样式的标题、图文等，可自由搭配组合。

• 菜单栏：在正文中插入图片、文件、音视频、跳转链接等。

• 二维码标签区：编辑完内容生成二维码后，可以在这里预览、修改、下载打印标签

• 进阶功能区：添加状态面板、动态数据面板、操作面板、底部协作面板

2. 码设置页

• 码名称和存储目录：修改二维码的名称、所在目录，方便后续查找。还可以给码设置负责人，在手机端管理他所负责的码，查看相关数据等。

• 基础设置：可设置谁能查看、在什么时间/地点查看等。

• 面板设置：添加各种操作面板、数据查看面板等。

编辑内容

1. 添加图片

图片有两个区域可以添加，有多种图片效果可设置。

（1）头部重点展示区

类似淘宝的产品主图，可设置轮播、平铺、留白、置顶等各种展示效果，结合配色设置，整体效果更佳。

空白新建时，添加入口如下图：

使用产品详情介绍模板建码时，添加入口如下图：

（2）正文区域

通过菜单栏的插入图片按钮，可插入多张图片，不限数量。同样可设置轮播、平铺等各种展示效果。

2. 添加文件、音视频

添加入口：

可以在头部和正文区域这两个区域添加文件、音视频。

注意，头部重点展示区只能重点展示一种类型，例如仅图片、仅文件。如使用产品详情介绍模板，需要先删除头部的图片后再添加文件或音视频。

（1）文件

支持添加多个文件，不限数量。

在头部区域只添加一个文件时，可以设置无需点击、扫码直接打开。

（2）音视频

添加后扫码效果如下图：

3. 样式库

在菜单栏打开样式库，可以从中选择多种标题、正文、表格、图文等样式，添加至正文中。你可以选择符合你产品风格的样式，自由搭配。

4. 背景配色、添加表格、联系方式及定位

（1）背景图及配色

设置入口：

给二维码设置适合产品风格的背景图，让码的效果更好。你可以在背景图库中选择，也可以自己上传图片。

（2）添加表格、联系方式及定位模块

添加入口：

• 表格：可选择多种表格样式，表格内文字内容及样式均可修改。表格内暂时不支持插入图片。

• 联系方式、地理位置：在码中添加联系电话、定位等信息，可以一键拨打电话、打开地图导航。

5. 进阶 1：添加跳转链接

在菜单栏点击添加跳转链接，在左侧样式库选择好跳转样式后，即可添加需要跳转的网址、其他码、其他小程序。

添加跳转链接，可以跳转到：

• 购买链接、产品效果预览链接等网址

• 其他活码，例如其他推荐的产品介绍码

• 目录，相当于链接了该目录下的所有二维码，可以查看该目录下所有二维码，例如系列产品合集

• 其他小程序，例如自己的购买小程序等

• 拨打销售电话，一键拨通更便捷

6. 进阶 2：添加操作面板、动态档案面板

（1）操作面板

操作面板是码上供扫码者进行操作的地方，可以填写表单、跳转到其他页面查看内容等。

• 填写表单：客户扫码填写，可以用来收集客户相关信息，例如客户订货单、优惠活动报名等

• 跳转：同跳转链接功能，可以跳转到其他页面

（2）动态数据面板

动态数据面板会展示该码收集的所有记录，扫码就能查看。可以设置动态数据面板的查看权限，仅限管理人员查看。