微信公众号添加小程序链接HTML代码

小编的一个朋友也就是AE墨渊再给公司写公众号遇到一个问题,布局好的图片是没有办法改成链接小程序的!

那要如何给微信公众号添加小程序链接呢,这就需要用到代码了!

于是用HTML代码查阅了一下。

下面将代码给大家贴出来吧,注意看中文部分!

<!--格式-->
<a data-miniprogram-appid="小程序APPID" data-miniprogram-path="小程序页面" data-miniprogram-nickname="小程序名称" data-miniprogram-type="image" data-miniprogram-servicetype="" style=";padding: 0px;color: rgb(87, 107, 149);font-size: 0px;display: inline-block;position: relative">
	<img class="" data-ratio="0.6658333333333334" src="http://ae01.alicdn.com/kf/HTB1F07_SSrqK1RjSZK9760yypXaD.png" data-type="jpeg" data-w="1200" data-width="100%" title="undefined" style="padding: 0px; max-width: 100%; width: 100%; display: block; height: auto !important;"/>
</a>
<!--演示-->
<a data-miniprogram-appid="wx0e915b4d5dfbead1" data-miniprogram-path="pages/index/index" data-miniprogram-nickname="三合一收款码" data-miniprogram-type="image" data-miniprogram-servicetype="" style=";padding: 0px;color: rgb(87, 107, 149);font-size: 0px;display: inline-block;position: relative">
	<img class="" data-ratio="0.6658333333333334" src="http://ae01.alicdn.com/kf/HTB1F07_SSrqK1RjSZK9760yypXaD.png" data-type="jpeg" data-w="1200" data-width="100%" title="undefined" style="padding: 0px; max-width: 100%; width: 100%; display: block; height: auto !important;"/>
</a>

下面看一下效果图,小编还是感觉非常不错的!

微信公众号添加小程序链接HTML代码

赞 (0)

评论 0