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

i排版编辑器

发布于:2023-05-10

摘要:

图文里插入视频号,如何通过排版提高视频号的打开率?

答案是给视频号添加一个极具吸引力的GIF封面,就像下面这样:

 



*来自亚朵ATOUR《摊牌吧!你想要啥样的宠物主题客房?》

 



*来自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元。



SVG 黑科技交互排版👇🏻

 

                                                               
                                                               
                                                               








如需定制 SVG 黑科技排版,请添加玉兔微信(ID:playhudong15)沟通咨询。