“点击图片领取红包封面,怎么实现的啊?”

原创 收藏 评论
举报 2024-01-30


各大品牌的红包封面又开始发放啦!


又是一年红包发放季,今天教大家如何给红包封面卡片添加背景图和封面图,使其更好地融入长图文中。


在公众号图文中发放红包封面的形式主要有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) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)