“点击图片领取红包封面,怎么实现的啊?”
各大品牌的红包封面又开始发放啦!
又是一年红包发放季,今天教大家如何给红包封面卡片添加背景图和封面图,使其更好地融入长图文中。
在公众号图文中发放红包封面的形式主要有3种:
①红包封面卡片:点击图文编辑页上方「红包封面」功能在图文中插入红包封面卡片,仅限关联公众号;
②超链接:将制作好的红包封面生成链接,在图文中插入超链接文字或超链接图片,仅限支持在图文中插入外链的公众号;
③二维码:将制作好的红包封面生成二维码,在图文中插入二维码图片,不限制公众号。
第1种最为常用,如果你的账号不能插入红包封面卡片,需先在公众号后台新的功能中开通「微信红包封面」功能,并前往红包封面开放平台(cover.weixin.qq.com)定制封面。
具体开通方法大家根据后台指引操作即可,这里不多说了。
下面看下给红包封面卡片添加背景图和封面图的详细教程吧。
一
给红包封面卡片添加背景图
工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com
组件:红包封面-原生卡片(调整宽度,添加背景图)
编号:11136(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「红包封面」分类中找到「红包封面-原生卡片(调整宽度,添加背景图)」组件,或者直接在搜索框中搜索组件编号11136。
第2步:上传图片素材
点击右侧「换图」按钮上传准备好的背景图片,图片宽高比例6:8最为合适。
第3步:输入红包封面卡片源代码
红包封面卡片源代码使用 iPaiban Pro 小助手插件一键就能获取,非常方便,详细安装和使用步骤见:《iPaiban Pro小助手安装和使用教程》
获取后复制粘贴在编辑器指定位置:
卡片宽度一般保持默认不填即可。
第4步:导入公众号后台
该效果在编辑器中不能完美预览,全部设置完毕后,点击「同步至微信后台」同步到自己的公众号就可以了。
如果发现同步后预览点击图文中的红包封面没有反应,可使用代码的方式导入公众号后台。
二
给红包封面卡片添加封面图
给红包封面添加封面图比添加背景图更加简单。
工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com
组件:红包封面-图片
编号:11137(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「红包封面」分类中找到「红包封面-图片」组件,或者直接在搜索框中搜索组件编号11137,点击选择。
第2步:上传图片素材
点击右侧「换图」按钮上传准备好的封面图片,图片尺寸没有限制。
第3步:输入红包封面卡片源代码
红包封面卡片源代码使用 iPaiban Pro 小助手插件一键就能获取,非常方便,详细安装和使用步骤见:《iPaiban Pro小助手安装和使用教程》
获取后复制粘贴在编辑器指定位置:
第4步:导入公众号后台
该效果在编辑器中不能预览,全部设置完毕后,点击「同步至微信后台」同步到自己的公众号就可以了。
如果发现同步后预览点击图文中的红包封面没有反应,可使用代码的方式导入公众号后台。
*另外还有编号11138组件,支持给封面图设置点击触发区域;编号11140组件,支持在一张封面图上设置多个红包封面,在编辑器可搜索对应编号使用。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)