点击GIF跳转视频号，90%的大品牌都在用的效果是怎么弄的？

原创赞收藏评论

举报 2023-05-16

扫描,分享朋友圈

图文里插入视频号，如何通过排版提高视频号的打开率？
答案是给视频号添加一个极具吸引力的GIF封面，就像下面这样：

*来自PUMA《DREAM PACK丨续写逐梦篇章》
从2020年i排版在《首发！图文中视频号可以隐藏插入了》中发布点击图片跳转视频号的形式，现在大概有90%的大品牌在图文中插入视频号都是这样排版的。
区别仅仅在于不同品牌对图片形式的设计各有特色，大家在《公众号图文视频号图片设计大全》中可以看到各种创意的设计。

不过两年多过去了，现在还是有很多小伙伴不知道如何实现这种排版效果，今天就奉上详细教程！
需要用到的是 iPaiban Pro 黑科技编辑器的一个免费组件「视频号-图片」（编号：10228），没有该组件使用权限的用户，可以添加下方微信回复关键词【视频号】领取，发你兑换码兑换后就能免费用啦。

文字教程（后面有进阶教程）：

工具：iPaiban Pro黑科技编辑器，网址：x.iPaiban.com

组件：视频号-图片

编号：10228（组件）

第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「视频号」分类中找到「视频号-图片 | 封面」组件，或者直接搜索组件编号10228，点击选择。

第2步：上传图片封面
点击右侧「换图」按钮，上传准备好的视频号封面图片。图片尺寸没有要求，能上传到编辑器即可。

第3步：获取输入视频号代码
这是最关键的一步，我们需要使用 iPaiban Pro 小助手来获取视频号代码，小助手安装和使用教程见：《iPaiban Pro小助手安装和使用教程》
安装完毕后，在公众号后台新建图文，接着点击「视频号」按钮，搜索视频号账号插入视频。

在浏览器右上角调出安装的小助手插件，点击「视频号」就能看到提取的视频号源代码。

接着，复制代码粘贴到编辑器的输入框中。

第4步：导入到公众号
视频号图片不支持在编辑器中预览，设置好后点击「同步至微信后台」同步到自己的公众号就可以了。

使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考：《iPaiban Pro小助手安装和使用教程》

这样一个完整的点击封面图片跳转视频号的教程其实就结束了，不过一旦涉及到GIF，总会遇到很多问题，最常见的一个问题就是不清晰。
那怎么办？
为了使GIF清晰，我们可以将GIF中的元素拆分开来，然后通过排版组合再拼合在一起。比如下面这张GIF：

*来自ZARA《新年快乐｜跃入兔年》
可以拆分以下两部分：

排版拼合也很简单，第一部分使用「视频号-图片」组件（编号：10228）进行跳转视频号的排版，第二部分使用「遮罩」组件（编号：10829）叠加在视频号上方，就能尽可能让GIF清晰一些啦。

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。

新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。