多區(qū)域點(diǎn)擊彈窗 自定義多個(gè)觸發(fā)區(qū)-公眾號(hào)排版SVG效果教程
一、視頻教程
二、操作步驟
1、在『SVG效果』欄目下的搜索ID55，或者搜索“多區(qū)域點(diǎn)擊彈窗”，找到該效果
2. 點(diǎn)擊素材，將其插入編輯板中（可選擇帶有135默認(rèn)素材圖，也可以選擇不帶有135默認(rèn)素材圖）
3. 以不帶有素材圖為例
在編輯頁(yè)右側(cè)，上傳符合素材要求的圖片
4. 添加背景圖
背景圖：即點(diǎn)擊前顯示的圖片，點(diǎn)擊右側(cè)背景圖下的【添加圖片】，上傳圖片即可
5. 添加彈出圖
點(diǎn)擊右側(cè)彈出圖添加圖片，可以彈出多張圖片，可以批量上傳，也可以按照彈出圖片張數(shù)依次上傳
上傳后，每個(gè)彈出圖會(huì)在左側(cè)背景圖上，出現(xiàn)一處點(diǎn)擊熱區(qū)，可拖動(dòng)調(diào)整點(diǎn)擊區(qū)域。設(shè)置后，熱區(qū)編號(hào)和圖片編號(hào)一一對(duì)應(yīng)，點(diǎn)擊背景圖上該區(qū)域即可彈出對(duì)應(yīng)圖片。如：熱區(qū)1對(duì)應(yīng)彈出圖1，熱區(qū)2對(duì)應(yīng)彈出圖2，熱區(qū)3對(duì)應(yīng)彈出圖3……以此類(lèi)推
6. 如何新增圖片/刪除圖片
點(diǎn)擊彈出圖下方【添加圖片】可新增更多彈出圖片
點(diǎn)擊圖片旁邊的刪除按鈕，可以刪除圖片
三、預(yù)覽/保存/同步
制作好的SVG文章可以點(diǎn)擊右上角『預(yù)覽』效果，通過(guò)使用『同步』或『導(dǎo)出』功能，保存到微信公眾號(hào)平臺(tái)。
注意：如是試用，不支持同步/導(dǎo)出，需要購(gòu)買(mǎi)后進(jìn)行
注意：該素材效果需要在微信網(wǎng)頁(yè)端或手機(jī)端查看
