1張圖片上添加多個(gè)彈出圖/超鏈接/小程序/公眾號(hào)/視頻號(hào)，怎么弄？
點(diǎn)擊1張圖片彈出一張大圖；
點(diǎn)擊1張圖片跳轉(zhuǎn)一個(gè)超鏈接；
點(diǎn)擊1張圖片進(jìn)入一個(gè)小程序頁(yè)面；
……
我們司空見(jiàn)慣，1張圖片似乎只能觸發(fā)一種結(jié)果，其實(shí)并不是。
在1張圖片上是可以添加多個(gè)彈出圖、超鏈接、小程序、公眾號(hào)、視頻號(hào)或紅包封面的，而且不需要切圖后再排版拼接。
先來(lái)看下Coach蔻馳在1張圖片上點(diǎn)擊彈出多張圖片的交互：
*素材來(lái)自Coach蔻馳《想說(shuō)謝謝，不只今天》
組件：點(diǎn)擊彈出-彈出圖片(設(shè)置多個(gè)觸發(fā)區(qū)) 點(diǎn)此0元購(gòu)
編號(hào)：10100（組件）
再來(lái)看下滬上阿姨1張圖片上設(shè)置多個(gè)超鏈接的交互（因本賬號(hào)無(wú)跳轉(zhuǎn)外鏈的權(quán)限，此處將原文中跳轉(zhuǎn)的外鏈更換為了公眾號(hào)圖文鏈接）：
*素材來(lái)自滬上阿姨《6000份買1送1，夏日一起曼波起舞！》
組件：超鏈接-圖片(設(shè)置多個(gè)鏈接區(qū))點(diǎn)此0元購(gòu)
編號(hào)：11134（組件）
還有中國(guó)政府網(wǎng)在1張圖片上設(shè)置多個(gè)跳轉(zhuǎn)小程序：
*素材中國(guó)政府網(wǎng) 《看路標(biāo)！高效辦成這些事》
組件：小程序-圖片(設(shè)置多個(gè)小程序)點(diǎn)此0元購(gòu)
編號(hào)：11135（組件）
恒天然的1張?jiān)O(shè)置跳轉(zhuǎn)多個(gè)公眾號(hào)：
*素材來(lái)自恒天然《奶制品攝入，不止有喝牛奶一種方式》
組件：公眾號(hào)-圖片(設(shè)置多個(gè)公眾號(hào))點(diǎn)此0元購(gòu)
編號(hào)：11777（組件）
帽仕匯的1張圖片上設(shè)置多個(gè)地理
*素材來(lái)自帽仕匯hattershub《【NEW】5月，與優(yōu)雅同行》
組件：地理位置-圖片(設(shè)置多個(gè)地理位置)點(diǎn)此0元購(gòu)
編號(hào)：11778 （組件）
企業(yè)微信在1張圖片上設(shè)置跳轉(zhuǎn)多個(gè)視頻號(hào)視頻：
*素材來(lái)自企業(yè)微信《“連接創(chuàng)造價(jià)值”與“三件大事”》
組件：視頻號(hào)-圖片(設(shè)置多個(gè)視頻號(hào))點(diǎn)此0元購(gòu)
編號(hào)：11743 （組件）
VansChina在1張圖片設(shè)置跳轉(zhuǎn)多個(gè)紅包封面：
*GIF錄自VansChina《Vans 限量消暑紅包封面大派發(fā)！速速領(lǐng)取手慢無(wú)！》
組件：紅包封面-圖片(設(shè)置多個(gè)紅包封面)點(diǎn)此0元購(gòu)
編號(hào)：11140 （組件）
可以看到，超鏈接、小程序、視頻號(hào)等都可以在1張圖片上設(shè)置多個(gè)觸發(fā)區(qū)跳轉(zhuǎn)，觸發(fā)區(qū)的位置可以隨意擺放，沒(méi)有順序、位置以及大小的限制，只需要注意多個(gè)觸發(fā)區(qū)之間不交叉重疊即可。
以Coach蔻馳的在1張圖片上點(diǎn)擊彈出多張圖片的交互效果為例，一起看下制作教程吧。
詳細(xì)教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組件：點(diǎn)擊彈出-彈出圖片(設(shè)置多個(gè)觸發(fā)區(qū))
編號(hào)：10100（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器左側(cè)「組件」按鈕，在「彈出|彈窗」分類中找到「點(diǎn)擊彈出-彈出圖片(設(shè)置多個(gè)觸發(fā)區(qū))」組件，或者直接在搜索框中搜索組件編號(hào)10100，點(diǎn)擊選擇。
第2步：上傳圖片
點(diǎn)擊頁(yè)面右側(cè)「換圖」按鈕上傳背景圖。
點(diǎn)擊頁(yè)面右側(cè)「+」號(hào)上傳隱藏的彈出圖，最多可以上傳9張。彈出圖可以是GIF動(dòng)圖，但是尺寸要小，否則受微信平臺(tái)的限制彈出后可能會(huì)靜止不動(dòng)。
第3步：設(shè)置點(diǎn)擊彈出區(qū)域
雙擊背景圖，出現(xiàn)設(shè)置彈出區(qū)域的頁(yè)面。
在這個(gè)頁(yè)面上，用鼠標(biāo)拖動(dòng)圖片就可以任意調(diào)整彈出圖觸發(fā)位置。拖拉圖片四周的調(diào)整框可以調(diào)整圖片大小，讓彈出區(qū)域更加精確。
所有彈出圖設(shè)置好觸發(fā)區(qū)域后點(diǎn)擊「保存設(shè)置并退出」，回到主頁(yè)面。
第4步：導(dǎo)入公眾號(hào)后臺(tái)
點(diǎn)擊最右側(cè)「預(yù)覽草稿」掃碼預(yù)覽效果，效果滿意后點(diǎn)擊「同步至微信后臺(tái)」就可以了。
使用同步功能無(wú)需頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼查看。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）