红包封面来了!教你快速给红包封面添加背景图或封面图
元旦、春节期间,很多品牌都定制了自己的专属红包封面,作为福利发放给用户。
先给大家展示几个红包封面,需要定制或者批量获得可以联系大师兄微信(ID:Playhudong001)或玉兔微信(ID:playhudong15)。
更多红包封面扫码查看:
发放红包封面的渠道有很多,在图文中插入红包封面卡片是重要渠道之一。
长图排版中,直接插入卡片会破坏排版的美观性,这时给卡片加个背景图或封面图就很有必要。
如万宝龙《圣诞心愿,红包藏在这「礼」》中添加背景图:
宝马《内有情话,点击收下》中添加封面图:
iPaiban Pro 黑科技编辑器已经上线相关组件,老沙今天教大家0代码快速实现上方效果。
注意,给卡片添加效果的前提是你的图文中可以插入红包封面了哦。
如果不能插入,我们需要先在公众号后台-新的功能中开通「微信红包封面」。
具体开通方法大家根据后台指引操作即可,这里不多说了。
下面主要说下给红包封面卡片添加背景图和封面图的详细教程,教程后有成品可以体验。
一
添加背景图
工具:iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com
组件:红包封面-原生卡片(调整宽度,添加背景图)
编号:11136(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「红包封面」分类中找到「红包封面-原生卡片(调整宽度,添加背景图)」组件,或者直接在搜索框中搜索组件编号11136。
第2步:上传图片素材
点击右侧「换图」按钮上传准备好的背景图片,图片宽高比例6:8最为合适。
第3步:输入红包封面卡片源代码,调整卡片宽度
获取红包封面卡片源代码的方式有两种,一种在「检查」模式获取:
在公众号后台新建图文,插入红包封面卡片,然后在页面空白处(非编辑区)鼠标右键选择打开「检查」模式。
接着点击代码窗口左上角的小鼠标按钮,移动鼠标至红包封面卡片上,点击一下,此时便会定位到控制该卡片的代码。
我们向上滑动找到<section class="wx-edui-media-wrp custom_select_card_wrp">开头的代码,这个代码便是我们需要的代码。点击一下复制粘贴到编辑器即可。
另一种方法是使用 iPaiban Pro 小助手插件,一键就能获取,非常方便,安装教程见:《iPaiban Pro 浏览器插件来了!》
安装后同样在公众号后台新建图文,插入红包封面卡片,在页面右上角打开插件,选择「红包」便提取到红包封面卡片的代码。
卡片宽度一般保持默认不填即可。
第4步:导入公众号后台
因为该效果在编辑器中不能完美预览,全部设置完毕后,我们可以直接点击「导入微信后台」开始导到公众号。
导入时还是使用 iPaiban Pro 小助手更方便哦,最新版本的小助手已经支持局部导入,安装和使用教程见:《iPaiban Pro 浏览器插件来了!》
视频教程:
成品:
二
添加封面图
给红包封面添加封面图比添加背景图更加简单。
工具:iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com
组件:红包封面-图片
编号:11137(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「红包封面」分类中找到「红包封面-图片」组件,或者直接在搜索框中搜索组件编号11137,点击选择。
第2步:上传图片素材
点击右侧「换图」按钮上传准备好的封面图片,图片尺寸没有限制。
第3步:输入红包封面卡片源代码
在《iPaiban Pro 浏览器插件来了!》中下载安装 iPaiban Pro 小助手插件,安装后在公众号后台新建图文,插入红包封面卡片,在页面右上角打开插件,选择「红包」便提取到红包封面卡片的代码。
复制粘贴到编辑器指定位置。
第4步:导入公众号后台
该效果无法在编辑器中预览,全部设置完毕后,直接点击「导入微信后台」开始导到公众号。
导入时还是使用 iPaiban Pro 小助手,安装和使用教程见:《iPaiban Pro 浏览器插件来了!》
视频教程:
成品:
如果你有超过5000的红包需要发放,又希望可以实现加粉引流效果,可以联系玉兔(ID:playhudong15)咨询。
交互排版认准 iPaiban Pro 网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)哦。
你还想要关于红包封面的什么效果?
留言区聊聊
● SVG 黑科技交互排版👇🏻
点个“在看”
戳沙小僧(playhudong033)
抱走官方《视频号介绍及商业玩法》PPT