“點擊圖片領取紅包封面,怎么實現的啊?”
各大品牌的紅包封面又開始發放啦!
又是一年紅包發放季,今天教大家如何給紅包封面卡片添加背景圖和封面圖,使其更好地融入長圖文中。
在公眾號圖文中發放紅包封面的形式主要有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條)