微信客服微信客服

微信素材导出模板,用于群发公众号、微信群等。

阅读:14 评论:0 点赞:0 2026-05-15

支持直接显示电话号、显示网站二维码、服务号二维码。需要框分类2026.1版本。

使用方法,复制代码,在微信 - 公众号素材 - 模板管理 - 新建模板,模板名随便写,复制下方代码。
模板一:

<style>
body { margin: 0; font-size: 16px; }
 .header { max-width: 600px; margin: 0 auto; padding: 0 20px; }
.header .title { font-size: 24px; margin: 20px 0; }
.header .remark { margin: 0; color: #a4a4a4; }
.actions { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); }
.actions a { display: block; border: 1px solid #e4e4e4; color: #a4a4a4; }
.actions a:hover { color: #fff; background: #1fb6f7; }
.actions a + a { border-top: none; }
</style>
<style>
.content { max-width: 600px; margin: 0 auto; padding: 0 20px; }
.content p { margin: 0; }
.content .title { margin-top :28px; color: #ec3f36; text-align: center; font-size: 22px; line-height: 1.8; font-weight: bold; }
.content .subtitle { text-align: center; }
.content .group-title { margin: 28px 0; text-align: center; font-size: 20px; line-height: 2.2; font-weight: bold; background: #f4f4f4; border-radius: 2px; }
.content .article { padding: 10px 0; line-height: 1.5; }
.content .article + .article { border-top: 1px dashed #f4f4f4; }
.content .qrcode{font-size: 12px; color:#ff6600; padding:10px 0px; background: #fafafa; line-height: 30px; text-align: center; width:180px; display: block;}
</style>
<p class="title">${WebName}</p> <p class="subtitle">${WebDescription}</p>
<!--${kSortList}-->
<p class="group-title" style="color:rgb(153, 153, 153)">— ${SortName} —</p>
<!--${kInfoList}-->
<p class="article"><span class="category" style="color:rgb(153, 153, 153)">【${kSort1,0}】</span>${kTitle,0}<br />${kContentText,100}
<!--${kShowTel}-->(联系电话:<!--${kTel}-->)<!--${kShowTelEnd}-->
<!--${kShowQrcode}--><span class="qrcode"><img src="" data-qrcodetype="pc" data-id="${kMid}" width="120" /><br />长按二维码识别,查看联系方式</span><!--${kShowQrcodeEnd}-->
<!--${kShowWxQrcode}--><span class="qrcode"><img src="" data-qrcodetype="wechat" data-id="${kMid}" width="120" /><br />长按二维码识别,查看联系方式</span><!--${kShowWxQrcodeEnd}--></p>
<!--${kInfoListEnd}-->
<!--${kSortListEnd}-->

演示图:


模板二

<style>
* {margin: 0;  padding: 0;  outline: 0;}
</style>
<h3 style="text-align:center; font-size: 24px">${WebName} ${WebDomain}</h3>
<p class="subtitle" style="text-align:center;"><strong style="color: red;">以下展示本周置顶信息。</strong>查看更多招聘房产二手信息,免费发布信息。请长按识别下方二维码关注${WebName}公众号</p>
<p><center><img src="/template/images/qrcode/gzh.png" height="" width="200"></center></p>
<!--${kSortList}-->
<!--${kInfoList}-->
<section style="background-color: #ADE5FF;margin:0px; margin-top: 10px; padding: 10px; margin-bottom: 20px; display: block; border: 1px solid #0065B7; position: relative;">
<p style="font-weight: bold; color: #FFFFFF; background-color: #0065B7;	height: 30px; margin: 0px; float: left; margin-top: -25px; margin-left:-11px; padding: 0px 15px; font-size: 18px; line-height: 30px; border-top-right-radius:15px; border-bottom-right-radius:15px; ">${SortName}:${kSort1,0}</p> 
<p style="color:#FF5300; background-color: #DFFFEF;	font-size: 18px; padding: 10px; margin: 0px; clear: both;">${kTitle,0}<span style="color:red"><!-- ¥${kPrice1}--></span></p>
<p>
${kContentText,800}
<!--${kShowTel}-->(联系电话:<!--${kTel}-->)<!--${kShowTelEnd}-->
<!--${kShowQrcode}--><span style="background: #fafafa; text-align: center; width:120px; padding: 10px; display: block; margin: auto; margin-top: 10px;"><img src="" data-qrcodetype="pc" data-id="${kMid}" width="120" /></span>
<center style="color:#FF6633;font-size: 11px;">长按二维码,查看联系方式<br></center>
<center style="color:#FF6633;font-size: 11px;">${WebName}:${WebDomain}</center><!--${kShowQrcodeEnd}-->
<!--${kShowWxQrcode}--><span style="background: #fafafa; text-align: center; width:120px; padding: 10px; display: block; margin: auto; margin-top: 10px;"><img src="" data-qrcodetype="wechat" data-id="${kMid}" width="120" /></span>
<center style="color:#FF6633;font-size: 11px;">长按二维码,查看联系方式<br></center>
<center style="color:#FF6633;font-size: 11px;">${WebName}:${WebDomain}</center><!--${kShowWxQrcodeEnd}-->
</p>
</section>
<!--${kInfoListEnd}-->
<!--${kSortListEnd}-->

演示图:


模板三、

<style>* {
    margin: 0;
    padding: 0;
    outline: 0;
}</style>
	<section style=" margin-top :28px; color: #ec3f36; text-align: center; font-size: 22px; line-height: 1.8; font-weight: bold;">${WebName}</section>
<p style="text-align:center;"><strong style="color: red;">以下展示本周置顶信息。</strong>查看更多招聘房产二手信息,免费发布信息。请长按识别下方二维码关注${WebName}公众号</p>
	<section style="text-align: center;"><img src="/template/images/qrcode/gzh.png" height="" width="200"></section>
	<!--${kSortList}-->
	<section style="visibility: visible;">
		<section style="display: flex; align-items: stretch; justify-content: space-between; margin-right: 50px; margin-bottom: -20px; margin-left: 50px; visibility: visible;">
			<section>
				<section style="border-width: 1px; border-style: solid; border-color: rgb(152, 197, 254); width: 8px; height: 20px; border-radius: 10px; margin-right: auto; margin-bottom: -7px; margin-left: auto; visibility: visible;"><br></section>
				<section style="width: 12px; height: 12px; border-width: 1px; border-style: solid; border-color: rgb(152, 197, 254); border-radius: 50%; visibility: visible;"><br></section>
			</section>
			<section>
				<section style="border-width: 1px; border-style: solid; border-color: rgb(152, 197, 254); width: 8px; height: 20px; border-radius: 10px; margin-right: auto; margin-bottom: -7px; margin-left: auto; visibility: visible;"><br></section>
				<section style="width: 12px; height: 12px; border-width: 1px; border-style: solid; border-color: rgb(152, 197, 254); border-radius: 50%; visibility: visible;"><br></section>
			</section>
		</section>
		<section style="display: flex; align-items: stretch; justify-content: space-between; margin-bottom: -17px; transform: rotate(0deg); visibility: visible;">
			<section style="width: 0px; height: 0px; border-bottom: 17px solid transparent; border-left: 17px solid rgb(153, 198, 255); border-top: 0px solid transparent; visibility: visible;"><br></section>
			<section style="width: 0px; height: 0px; border-bottom: 17px solid transparent; border-right: 17px solid rgb(153, 198, 255); border-top: 0px solid transparent; visibility: visible;"><br></section>
		</section>
		<section style="border-width: 1px; border-style: solid; border-color: rgb(153, 198, 255); padding: 7px; background-color: rgb(246, 251, 255); visibility: visible;">
			<section style="border-width: 1px; border-style: solid; border-color: rgb(153, 198, 255); background-color: rgb(255, 255, 255); visibility: visible;">
				<section style="padding: 20px 10px 26px; visibility: visible;">
					<section style="color: rgb(104, 104, 104); letter-spacing: 1px; line-height: 26px; visibility: visible;">
						<p style="text-align: center; visibility: visible;"><span style="font-size: 18px; visibility: visible;"><strong style="visibility: visible;"><span style="color: rgb(25, 121, 221); visibility: visible;">— ${SortName} —</span></strong></span><br></p>
						<p style="visibility: visible;"><br></p>
						<!--${kInfoList}-->
						<p style="text-align: center; visibility: visible;"><span style="color: rgb(255, 76, 0); font-size: 16px; visibility: visible;"><strong style="visibility: visible;">${kTitle,0}<!--(<span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 15px; text-align: justify; visibility: visible;">¥${kPrice1}</span>)--></strong></span></p>
						<p style="text-align: center; visibility: visible;"><span style="font-size: 15px; color: #888;">${kSort,0} | ${kSort1,0}</span></p>
						<p style="white-space: pre-wrap; visibility: visible;">${kContentText,100}</p>
						<!--${kShowQrcode}--><p style="text-align: center; margin-top: 10px;"><img style="width: 100px !important; height: auto !important; visibility: visible !important;" src="" data-qrcodetype="pc" data-id="${kMid}"></p>
						<section style="text-wrap: wrap;color: rgb(84, 161, 255);letter-spacing: 2px;line-height: 22px;text-align: center;padding-top: 10px;"><p style="font-size: 14px;">扫码识别查看联系方式</p></section><!--${kShowQrcodeEnd}-->
<!--${kShowWxQrcode}--><p style="text-align: center; margin-top: 10px;"><img style="width: 100px !important; height: auto !important; visibility: visible !important;" src="" data-qrcodetype="wechat" data-id="${kMid}"></p>
						<section style="text-wrap: wrap;color: rgb(84, 161, 255);letter-spacing: 2px;line-height: 22px;text-align: center;padding-top: 10px;"><p style="font-size: 14px;">扫码识别查看联系方式</p></section><!--${kShowWxQrcodeEnd}-->
						<!--${kShowTel}--><section style="text-wrap: wrap;color: rgb(84, 161, 255);letter-spacing: 2px;line-height: 22px;text-align: center;padding-top: 10px;"><p style="font-size: 14px;">(联系电话:<!--${kTel}-->)</p></section><!--${kShowTelEnd}-->
						<p><br></p>
		<!--${kInfoListEnd}-->
					</section>
					<section style="width: 28px;margin-top: 11px;margin-bottom: -10px;margin-left: auto;line-height: 2px;"><img style="vertical-align: middle; width: 28px !important; height: auto !important; visibility: visible !important;" src="https://www.kfenlei.com/images/ico_arrow_1.png"></section>
				</section></section></section>
		<section style="display:-webkit-flex;display:flex;align-items:stretch;justify-content:space-between;margin-top: -17px;">
			<section style="width: 0px;height: 0px;border-bottom: 0px solid transparent;border-left: 17px solid rgb(153, 198, 255);border-top: 17px solid transparent;"><br></section>
			<section style="width: 0px;height: 0px;border-bottom: 0px solid transparent;border-right: 17px solid rgb(153, 198, 255);border-top: 17px solid transparent;"><br></section>
		</section>
	</section>
<!--${kSortListEnd}-->

演示图:


模板四、

输出的为纯文字,主要用于群发

<!--${kSortList}-->
<!--${kInfoList}-->
&#9654【${kTitle,0}】<!--(${kPrice1})--><br>
${kSort,0} | ${kSort1,0}<br>
${kContentText,100}<br>
&#9989点击链接 - 查看详细 - 打电话<br>
https://${WebDomain}${kLink}<br><br>
<!--${kInfoListEnd}-->
<!--${kSortListEnd}-->

注:多城市版把代码中的https://${WebDomain}${kLink}<br><br>换成${kLink}<br><br>

演示图



热门内容
用户评论(0)
取消回复
无有评论,您来说说!

电话:15561532279 Q Q :251443403
周一至周五(早8:00 - 晚6:00)
2000人站长群:176381403
VIP QQ群:196313294
Copyright © 2008-2026 框分类信息系统  版权所有    ICP证:黑ICP备19004589号     黑公网安备 23090402000014号
本系统由七台河市广盛网络科技有限公司开发 专业地方同城分类信息源码