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

news2024/11/15 23:34:55

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

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

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

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

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

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

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

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

高级编辑器结构概述

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

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

1. 编辑页

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

2. 码设置页

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

编辑内容

1. 添加图片

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

(1)头部重点展示区

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

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

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

(2)正文区域

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

2. 添加文件、音视频

添加入口:

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

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

(1)文件

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

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

(2)音视频

添加后扫码效果如下图:

3. 样式库

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

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

(1)背景图及配色

设置入口:

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

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

添加入口:

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

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

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

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

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

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

(1)操作面板

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

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

(2)动态数据面板

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1510216.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

算法刷题day28

目录 引言一、截断数组二、双端队列三、日期统计 引言 这几道题是周赛里的几道题目,第一道题目我没用这种方法,但还是做出来了,用的一种比较特殊的思考方法,就是把每一个点都判断出来,不满足要求的就舍弃,…

ElasticSearchLinux安装和springboot整合的记录和遇到的问题

前面整合遇到的一些问题有的记录在下面了,有的当时忘了记录下来,希望下面的能帮到你们 1:Linux安装ES 下载安装: 参考文章:连接1 连接2 wget https://artifacts.elastic.co/downloads/elasticsearch/elasticsearch…

如何关闭微软的Edge浏览器右击提示的:“使用copilot重写“的提示?

最近在使用微软的edge浏览器写文档的时候,总是不小心右击鼠标,提示 有时候挺烦人的,那怎么关闭呢? 打开edge浏览器的设置 在设置中搜索AI,并关闭AI书写的选项就好了 这样就可以获得一个干净的界面了,不…

SPEL表达式及注入漏洞

SPEL,全称为Spring表达式语言,是一个由 Spring 框架提供的表达式语言。它是一种基于字符串的表达式语言,可以在运行时对对象进行查询和操作。 SpEL 支持在XML和注解配置中使用,它可以在Spring框架的各种组件中使用,如Spring MVC …

Visual grounding-视觉定位任务介绍

🎀个人主页: https://zhangxiaoshu.blog.csdn.net 📢欢迎大家:关注🔍点赞👍评论📝收藏⭐️,如有错误敬请指正! 💕未来很长,值得我们全力奔赴更美好的生活&…

知识图谱技术综述

作者简介:徐增林(1980 − ),男,博士,教授,主要从事机器学习及其在社会网络分析、互联网、计算生物学、信息安全等方面的研究. 【摘要】 知识图谱技术是人工智能技术的重要组成部分,其建立的具有语义处理能力与开放互联能力的知识库,可在智能搜索、智能问答、个性化推…

Java中抽象类和接口有什么区别?

1、典型回答 接口和抽象类都是用来定义对象公共行为的,二者的主要区别有以下几点不同: 类型扩展不同:抽象类是单继承,而接口是多继承(多实现)方法/属性访问控制符不同:抽象类方法和属性使用访问…

Yolov8-车辆跟踪(BoT-SORT和ByteTrack算法)

这两种代码都是成熟的,直接调佣即可,下面是使用这两种算法的代码。 直观感受:ByteTrack预测的速度感觉比BoT-SORT快一些,流畅一些。 from ultralytics import YOLOmodel YOLO(yolov8n.pt)# results model.track(source".…

人工智能迷惑行为大赏

文章目录 每日一句正能量前言人工智能的“幽默”瞬间美好愿景背后的潜规则人工智能应用人脸识别视频监控分析自动驾驶/驾驶辅助 后记 每日一句正能量 把坚持当成一种习惯,别人光鲜的背后,都有加倍的付出,没有谁比谁更容易,只有谁比…

蚂蚁链摩斯荣获“艾瑞保险业数字化卓越服务商“奖

近日,艾瑞咨询发布《2023年中国保险业数字化转型研究报告》,摩斯隐私计算解决方案被报告入选,并获得“保险业数字化卓越服务商”奖。 蚂蚁摩斯是隐私计算行业的领先布局者:早在2017年,蚂蚁集团启动了隐私计算项目&…

【存储】ZYNQ+NVMe小型化全国产存储解决方案

文章目录 1、背景2、基础理论3、设计方案3.1、FPGA设计方案3.1.1、NVMe控制器实现3.1.2、NVMe控制器实现 3.2 驱动软件设计方案3.2.1 读写NVMe磁盘软件驱动3.2.2 NVMe磁盘驱动设计3.2.3 标准EXT4文件系统设计 3.3 上位机控制软件设计方案 4、测试结果4.1 硬件测试平台说明4.2 测…

HTML图片和多媒体标签

文章目录 1. 图片标签1.1. img 标签1.2. 相对路径1.3. 绝对路径 2. 多媒体标签2.1. 音频标签2.2. 视频标签 1. 图片标签 1.1. img 标签 img标签是用来加载图片的&#xff0c;比如我们加载一张喜羊羊的照片。 <!DOCTYPE html> <html lang"zh-CN"><h…

嵌入式学习37-TCP并发模型

TCP并发模型: 1.TCP多线程模型: 缺点: 1.创建线程会带来 资源开销 2.能够实现的 并发量 比较有限 2.IO模型: 1.阻塞IO: 没有…

Linux学习(1)——Linux文件目录

1.Linux目录层次标准 Linux文件系统最顶端的目录是——根目录&#xff1a;“/”&#xff0c;Linux所有文件和目录&#xff0c;都是挂载在根目录下面的。 可以在Linux终端中用“cd /”命令&#xff0c;进入到根目录下&#xff1b;再用“ls”命令&#xff0c;查看里面的各个子目录…

高级DBA带你处理MySQL集群爆表导致硬盘爆满系统产品宕机实际生产事故处理实战案例全网唯一

高级DBA带你处理MySQL集群爆表导致硬盘爆满系统产品宕机实际生产事故实战 一、事故描述 数据库某个表A其中用到了二进制字段&#xff0c;本来就无比巨大&#xff0c;再加上某个客户端阶段发生程序BUG&#xff0c;无限反复插入重复数据&#xff0c;导致一个大表一下午时间迅速…

网络地址转换协议NAT

网络地址转换协议NAT NAT的定义 NAT&#xff08;Network Address Translation&#xff0c;网络地址转换&#xff09;是1994年提出的。当在专用网内部的一些主机本来已经分配到了本地IP地址&#xff08;即仅在本专用网内使用的专用地址&#xff09;&#xff0c;但现在又想和因…

Java剖析 : HashMap底层存储数据的结构 | HashSet添加不重复元素底层原理

HashSet底层剖析 前言&#xff1a; 我们知道Set中所存储的元素是不重复的&#xff0c;那么Set接口的实现类HashSet在添加元素时是怎么避免重复的呢&#xff1f; ★ HashSet在添加元素时&#xff0c;是如何判断元素重复的? ● 在底层会先调用hashCode()&#xff0c…

2024年春招助学活动:一批FPGA高端项目让你轻松拿到大厂offer

这里写目录标题 1、前言2、FPGA行业现状3、简历怎么写4、FPGA高端项目4.1 图像类&#xff1a;FPGA图像缩放多路视频拼接4.2 通信类&#xff1a;千兆网UDP协议栈4.3 通信类&#xff1a;万兆网UDP协议栈4.4 图像通信综合&#xff1a;FPGA图像缩放UDP网络视频传输4.5 图像高速接口…

Sora背后的技术《可控生成与文本到图像扩散模型》

在迅速发展的视觉生成领域中&#xff0c;扩散模型革命性地改变了景观&#xff0c;以其令人印象深刻的文本引导生成功能标志着能力的重大转变。然而&#xff0c;仅依赖文本来条件化这些模型并不能完全满足不同应用和场景的多样化和复杂需求。认识到这一不足&#xff0c;多项研究…

day41 动态规划part3

343. 整数拆分 中等 给定一个正整数 n &#xff0c;将其拆分为 k 个 正整数 的和&#xff08; k > 2 &#xff09;&#xff0c;并使这些整数的乘积最大化。 返回 你可以获得的最大乘积 。 但是dp[0] 和 dp[1]为什么是0值得讨论&#xff0c;或者说不用讨论&#xff0c;压根…