本篇主要以官方模板「产品详情介绍」为例,教大家如何从0开始制作单个产品介绍二维码,在掌握操作技巧后,你也能快速制作出一个效果不错的二维码。
该教程主要分以下4个部分:
编辑内容:指的是如何把图片、文件、音视频等素材添加到二维码中,扫码后可查看
二维码设置:有效期、查看权限、打开方式等除内容以外的设置项
样式美化:在生成的二维码上添加文字、logo、调整配色等,让下载的码更符合实际落地需求
后台管理:在后台给做好的码进行目录分类、查看扫描量统计、修改码内容等。
在这里先为大家介绍下如何编辑二维码中的内容。
注意:制作二维码需要在电脑端操作,在浏览器输入cli.im即可进入草料官网。
高级编辑器结构概述
在模板库中选择“空白新建单码”,或是在模板库选择模板后,点击“单个生码”,即可进入高级编辑器。这里以产品详情介绍模板为例。
高级编辑器包含编辑页、码设置页。
1. 编辑页
- 头部展示区域:可以添加图片、文件、音频、视频。当只有头部图片或文件时,可以配合背景色、配色达到一个不错的效果。有正文内容时,头部内容也会更加显著。
- 样式库:在正文中插入多种样式的标题、图文等,可自由搭配组合。
- 菜单栏:在正文中插入图片、文件、音视频、跳转链接等。
- 二维码标签区:编辑完内容生成二维码后,可以在这里预览、修改、下载打印标签
- 进阶功能区:添加状态面板、动态数据面板、操作面板、底部协作面板
2. 码设置页
- 码名称和存储目录:修改二维码的名称、所在目录,方便后续查找。还可以给码设置负责人,在手机端管理他所负责的码,查看相关数据等。
- 基础设置:可设置谁能查看、在什么时间/地点查看等。
- 面板设置:添加各种操作面板、数据查看面板等。
编辑内容
1. 添加图片
图片有两个区域可以添加,有多种图片效果可设置。
(1)头部重点展示区
类似淘宝的产品主图,可设置轮播、平铺、留白、置顶等各种展示效果,结合配色设置,整体效果更佳。
空白新建时,添加入口如下图:
使用产品详情介绍模板建码时,添加入口如下图:
(2)正文区域
通过菜单栏的插入图片按钮,可插入多张图片,不限数量。同样可设置轮播、平铺等各种展示效果。
2. 添加文件、音视频
添加入口:
可以在头部和正文区域这两个区域添加文件、音视频。
注意,头部重点展示区只能重点展示一种类型,例如仅图片、仅文件。如使用产品详情介绍模板,需要先删除头部的图片后再添加文件或音视频。
(1)文件
支持添加多个文件,不限数量。
在头部区域只添加一个文件时,可以设置无需点击、扫码直接打开。
(2)音视频
添加后扫码效果如下图:
3. 样式库
在菜单栏打开样式库,可以从中选择多种标题、正文、表格、图文等样式,添加至正文中。你可以选择符合你产品风格的样式,自由搭配。
4. 背景配色、添加表格、联系方式及定位
(1)背景图及配色
设置入口:
给二维码设置适合产品风格的背景图,让码的效果更好。你可以在背景图库中选择,也可以自己上传图片。
(2)添加表格、联系方式及定位模块
添加入口:
- 表格:可选择多种表格样式,表格内文字内容及样式均可修改。表格内暂时不支持插入图片。
- 联系方式、地理位置:在码中添加联系电话、定位等信息,可以一键拨打电话、打开地图导航。
5. 进阶1:添加跳转链接
在菜单栏点击添加跳转链接,在左侧样式库选择好跳转样式后,即可添加需要跳转的网址、其他码、其他小程序。
添加跳转链接,可以跳转到:
- 购买链接、产品效果预览链接等网址
- 其他活码,例如其他推荐的产品介绍码
- 目录,相当于链接了该目录下的所有二维码,可以查看该目录下所有二维码,例如系列产品合集
- 其他小程序,例如自己的购买小程序等
- 拨打销售电话,一键拨通更便捷
6. 进阶2:添加操作面板、动态档案面板
(1)操作面板
操作面板是码上供扫码者进行操作的地方,可以填写表单、跳转到其他页面查看内容等。
- 填写表单:客户扫码填写,可以用来收集客户相关信息,例如客户订货单、优惠活动报名等
- 跳转:同跳转链接功能,可以跳转到其他页面
(2)动态数据面板
动态数据面板会展示该码收集的所有记录,扫码就能查看。可以设置动态数据面板的查看权限,仅限管理人员查看。