如何制作产品介绍二维码(一):编辑二维码内容

简介: 本篇主要以官方模板「产品详情介绍」为例,教大家如何从0开始制作单个产品介绍二维码。

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

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

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

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

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

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

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

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

高级编辑器结构概述

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

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

1. 编辑页

  • 头部展示区域:可以添加图片、文件、音频、视频。当只有头部图片或文件时,可以配合背景色、配色达到一个不错的效果。有正文内容时,头部内容也会更加显著。
  • 样式库:在正文中插入多种样式的标题、图文等,可自由搭配组合。
  • 菜单栏:在正文中插入图片、文件、音视频、跳转链接等。
  • 二维码标签区:编辑完内容生成二维码后,可以在这里预览、修改、下载打印标签
  • 进阶功能区:添加状态面板、动态数据面板、操作面板、底部协作面板

2. 码设置页

  • 码名称和存储目录:修改二维码的名称、所在目录,方便后续查找。还可以给码设置负责人,在手机端管理他所负责的码,查看相关数据等。
  • 基础设置:可设置谁能查看、在什么时间/地点查看等。
  • 面板设置:添加各种操作面板、数据查看面板等。

编辑内容

1. 添加图片

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

(1)头部重点展示区

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

空白新建时,添加入口如下图:

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

(2)正文区域

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

2. 添加文件、音视频

添加入口:

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

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

(1)文件

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

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

(2)音视频

添加后扫码效果如下图:

3. 样式库

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

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

(1)背景图及配色

设置入口:

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

(2)添加表格、联系方式及定位模块

添加入口:

  • 表格:可选择多种表格样式,表格内文字内容及样式均可修改。表格内暂时不支持插入图片。
  • 联系方式、地理位置:在码中添加联系电话、定位等信息,可以一键拨打电话、打开地图导航。

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

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

添加跳转链接,可以跳转到:

  • 购买链接、产品效果预览链接等网址
  • 其他活码,例如其他推荐的产品介绍码
  • 目录,相当于链接了该目录下的所有二维码,可以查看该目录下所有二维码,例如系列产品合集
  • 其他小程序,例如自己的购买小程序等
  • 拨打销售电话,一键拨通更便捷

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

(1)操作面板

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

  • 填写表单:客户扫码填写,可以用来收集客户相关信息,例如客户订货单、优惠活动报名等
  • 跳转:同跳转链接功能,可以跳转到其他页面

(2)动态数据面板

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

相关文章
|
JSON Java 数据格式
Java使用Hutool工具包生成二维码、验证码、随机数
Java使用Hutool工具包生成二维码、验证码、随机数
3292 0
Java使用Hutool工具包生成二维码、验证码、随机数
|
网络协议 程序员 测试技术
用了TCP协议,就一定不会丢包吗? 1
用了TCP协议,就一定不会丢包吗?
350 0
用了TCP协议,就一定不会丢包吗? 1
|
机器学习/深度学习 人工智能 自然语言处理
【机器学习】十大算法之一 “神经网络”
神经网络是一种模拟人脑信息处理方式的算法,其通过神经元之间不断传递信息、调节连接权重等方式进行学习和预测,最终实现数据分类、识别等功能。由于神经网络算法的强大功能和广泛应用,其在过去几十年间经历了多次的发展和变革。神经网络算法是一种非常强大和广泛应用的算法,其在数据分类、预测、图像处理、自然语言处理等领域都有着非常出色的表现。神经网络算法的发展历程从原始的感知机模型到多层神经网络,再到卷积神经网络,反应了机器学习的发展过程,各个模型优点互补,使神经网络在各个领域得以深入应用。
525 0
【机器学习】十大算法之一 “神经网络”
|
9月前
|
机器学习/深度学习 人工智能 自然语言处理
一文彻底讲透GPT架构及推理原理
本篇是作者从开发人员的视角,围绕着大模型正向推理过程,对大模型的原理的系统性总结,希望对初学者有所帮助。
|
存储 机器学习/深度学习 监控
阿里云的主要云产品和服务有哪些?
阿里云提供的云产品和服务多达几百款,从分类上来说主要分为弹性计算、数据库、存储、网络、大数据、人工智能、云安全、互联网中间件、云分析、管理与监控、应用服务、视频服务、移动服务、云通信、域名与网站、行业解决方案等,每个分类下的主要云产品和服务如下
3531 0
|
9月前
|
自然语言处理 调度 决策智能
Coconut:基于连续潜在空间推理,提升大语言模型推理能力的新方法
Coconut提出了一种新的大语言模型推理范式,通过在潜在空间中运算,利用隐藏层生成的连续思维状态取代传统文本推理。该方法采用广度优先搜索探索多条路径,避免单一路径局限,显著提升逻辑任务性能并减少token消耗。 Coconut结合“语言模式”和“潜在模式”动态切换,通过多阶段课程学习优化推理能力,在复杂规划任务中表现卓越,尤其在GSM8k和ProsQA等任务中优于传统模型。实验表明,Coconut能有效捕获中间变量,减少幻觉错误,具备更强的推理规划能力。
309 2
Coconut:基于连续潜在空间推理,提升大语言模型推理能力的新方法
|
10月前
|
监控 安全 算法
本地部署MES生产管理系统,贝锐花生壳快速实现安全远程访问
随着制造企业信息化和数字化水平提升,MES系统广泛应用于制造业。为保护核心数据安全,MES系统通常部署在内部网络,导致远程访问困难。贝锐花生壳提供了一种基于内网穿透的解决方案,无需公网IP和专线,通过简单三步即可实现高效、安全的远程访问,帮助企业提升生产管理效率。
235 15
|
Kubernetes Linux 虚拟化
一文详解容器技术简介和基本原理
本文全面阐述了容器技术的发展历程、关键技术、架构和当前的行业生态,特别是容器技术在云环境中的应用和演进。
|
机器学习/深度学习 数据采集 数据可视化
使用Python实现深度学习模型:智能城市交通管控与优化
【8月更文挑战第17天】 使用Python实现深度学习模型:智能城市交通管控与优化
480 0
|
存储 SQL 多模数据库
深度剖析数据库技术:核心原理、应用场景及未来趋势
一、引言 在信息化时代,数据库技术已成为各行各业不可或缺的一部分