1张图片上添加多个弹出图/超链接/小程序/公众号/视频号，怎么弄？
点击1张图片弹出一张大图；
点击1张图片跳转一个超链接；
点击1张图片进入一个小程序页面；
……
我们司空见惯，1张图片似乎只能触发一种结果，其实并不是。
在1张图片上是可以添加多个弹出图、超链接、小程序、公众号、视频号或红包封面的，而且不需要切图后再排版拼接。
先来看下Coach蔻驰在1张图片上点击弹出多张图片的交互：
*素材来自Coach蔻驰《想说谢谢，不只今天》
组件：点击弹出-弹出图片(设置多个触发区) 点此0元购
编号：10100（组件）
再来看下沪上阿姨1张图片上设置多个超链接的交互（因本账号无跳转外链的权限，此处将原文中跳转的外链更换为了公众号图文链接）：
*素材来自沪上阿姨《6000份买1送1，夏日一起曼波起舞！》
组件：超链接-图片(设置多个链接区)点此0元购
编号：11134（组件）
还有中国政府网在1张图片上设置多个跳转小程序：
*素材中国政府网 《看路标！高效办成这些事》
组件：小程序-图片(设置多个小程序)点此0元购
编号：11135（组件）
恒天然的1张设置跳转多个公众号：
*素材来自恒天然《奶制品摄入，不止有喝牛奶一种方式》
组件：公众号-图片(设置多个公众号)点此0元购
编号：11777（组件）
帽仕汇的1张图片上设置多个地理
*素材来自帽仕汇hattershub《【NEW】5月，与优雅同行》
组件：地理位置-图片(设置多个地理位置)点此0元购
编号：11778 （组件）
企业微信在1张图片上设置跳转多个视频号视频：
*素材来自企业微信《“连接创造价值”与“三件大事”》
组件：视频号-图片(设置多个视频号)点此0元购
编号：11743 （组件）
VansChina在1张图片设置跳转多个红包封面：
*GIF录自VansChina《Vans 限量消暑红包封面大派发！速速领取手慢无！》
组件：红包封面-图片(设置多个红包封面)点此0元购
编号：11140 （组件）
可以看到，超链接、小程序、视频号等都可以在1张图片上设置多个触发区跳转，触发区的位置可以随意摆放，没有顺序、位置以及大小的限制，只需要注意多个触发区之间不交叉重叠即可。
以Coach蔻驰的在1张图片上点击弹出多张图片的交互效果为例，一起看下制作教程吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「弹出|弹窗」分类中找到「点击弹出-弹出图片(设置多个触发区)」组件，或者直接在搜索框中搜索组件编号10100，点击选择。
第2步：上传图片
点击页面右侧「换图」按钮上传背景图。
点击页面右侧「+」号上传隐藏的弹出图，最多可以上传9张。弹出图可以是GIF动图，但是尺寸要小，否则受微信平台的限制弹出后可能会静止不动。
第3步：设置点击弹出区域
双击背景图，出现设置弹出区域的页面。
在这个页面上，用鼠标拖动图片就可以任意调整弹出图触发位置。拖拉图片四周的调整框可以调整图片大小，让弹出区域更加精确。
所有弹出图设置好触发区域后点击「保存设置并退出」，回到主页面。
第4步：导入公众号后台
点击最右侧「预览草稿」扫码预览效果，效果满意后点击「同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）