现在的公众号排版，光放图片和文字已经很难留住读者了。
大家看惯了朋友圈、小红书等社交媒体，更习惯「点一下看到更多」的互动方式。
在众多SVG交互效果中，「点击弹出图片」效果凭借其极低的操作门槛与强烈的反馈感，成为模拟微信朋友圈、小红书等社交平台场景的利器。
先看一下iRobot机器人这篇，用模拟朋友圈的排版吸引用户进一步探究产品图，具体来点击试试：
*素材来自iRobot机器人叮！您有新的朋友圈未浏览信息
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
而小鹏汽车则将产品特性藏在了「小红书笔记」里，用模拟小红书的方式来展示，点击试试：
*素材来自小鹏汽车听说G9暑假出去玩狂发鹏友圈？
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
读者轻轻一点，就能弹出新的内容，像极了在朋友圈点开大图、在小红书点开详情的感觉。
以上两个排版都只需要i排版SVG编辑器的同一个组件就能实现，那就是「点击弹出-弹出图片(设置多个触发区)」组件（编号：10100），下面一起看下详细排版教程吧。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组件：点击弹出-弹出图片(设置多个触发区)
编号：10100（组件）
第1步：选择组合
登录i排版SVG辑器后，点击编辑器左侧「组件」按钮，在「组件」-「弹出|弹窗」分类中找到「点击弹出-弹出图片(设置多个触发区)」组件，或者直接搜索组件编号10100，点击选择。
第2步：上传图片素材
点击右侧「换图」按钮上传1张背景图，点击「+」按钮批量上传对应弹出图。
弹出图与封面图尺寸可不一致；弹出图支持GIF，但受微信限制，GIF长和宽尺寸都需不超过1024px，否则可能静止不动。
第3步：设置弹出区域
双击中间编辑区背景图片，出现「弹出区域」设置窗口。分别拖拽设置每个弹出图的弹出位置，然后点击「保存设置并退出」。
第4步：导入公众号后台
这种弹出效果需要导入公众号发送手机预览，设置完毕后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
