微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮

 懿古今   2022-10-12 19:15:17 发布  技术文档

有些WordPress站长想要在微信小程序文章页和关于我们页面底部添加一个“咨询服务”按钮,方便用户直接点击即可加我们的企业微信为好友,那么在微慕小程序开源版中如何添加咨询服务按钮呢?其实明月登楼站长分享的『微信小程序更新到开源版 2022 模板并加入企业微信插件』一文就介绍得很详细了,懿古今也是根据这篇文章折腾出来的(PS:懿古今小程序审核总是不通过,所以无法给大家体验),下面就跟大家详细介绍一下具体的添加过程:

1、手机下载一个企业微信并注册,类型必须是企业,不能是个人团队,因为个人团队是无法登录进入工作台设置的。企业不验证不认证也是可以使用企业微信的,只不过有所限制而已。

2、前往企业微信官网并登录进入后台 - 客户与上下游 - 工具 - 加客户 - 联系我 - 点击“设置”。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第1张 - 懿古今(www.yigujin.cn)

3、点击【新建联系方式】按钮。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第2张 - 懿古今(www.yigujin.cn)

4、选择“在小程序中联系”。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第3张 - 懿古今(www.yigujin.cn)

5、根据实际情况选择相应选项,如类型默认单人,使用人员添加自己或其他成员,按钮样式建议选择最后一个“咨询”比较好,然后点击【创建】按钮。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第4张 - 懿古今(www.yigujin.cn)

6、在“使用指引”中复制“联系我”的ID和配置ID,保存到本地电脑记事本备用。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第5张 - 懿古今(www.yigujin.cn)

7、前往微信小程序官网并登录进入后台 - 设置 - 第三方设置 - 插件管理 - 添加插件,在搜索框输入“联系我”ID并点击搜索图标按钮,找到后添加即可。此时“插件管理”中就会出现一个“企业客户服务”,点击“详情”即可在“更新记录”中看到当前插件的版本号。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第6张 - 懿古今(www.yigujin.cn)

如现在的版本号是1.4.5,这个版本号下一步需要用到。

微慕小程序基础教程:如何为文章页和关于我们页面添加咨询服务按钮 - 第7张 - 懿古今(www.yigujin.cn)

8、使用微信开发者工具打开我们的微慕小程序开源版,找到并打开app.json文件,找到以下代码:

"plugins": {

},

修改为:

"plugins": {
"contactPlugin": {
"version": "1.4.5",
"provider": "wx1xxxxxxxxx"
}
},

9、打开文章页detail.json文件找到以下代码:

"usingComponents": {
"poster": "../../templates/components/wxa-plugin-canvas-poster/poster/index",
"mp-html": "/components/mp-html/index"
}

修改为:

"usingComponents": {
"poster": "../../templates/components/wxa-plugin-canvas-poster/poster/index",
"mp-html": "/components/mp-html/index",
"cell": "plugin://contactPlugin/cell"
}

打开文章页detail.wxml文件找到以下代码:

<!-- 版权声明 -->

在它上方添加以下代码:

<!-- 企业微信 -->
<view style='text-align:center'>
<cell bind:startmessage='startmessage' bind:completemessage="completemessage" plugid='accxxxxxxxxxxx' />
</view>

10、根据第9步的方法,分别在关于我们页面的about.json文件和about.wxml文件添加相应的代码即可。

此时,重新编译即可看到小程序文章页和关于我们页面末尾出现咨询服务的按钮。如果不喜欢放在文末,也可以自行调整放到文章开头的地方或其他位置。

本文地址:https://www.yigujin.cn/5093.html

您可能感兴趣的文章

文章标签: ,   ,  
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
淘宝和京东热销产品和VIP会员的优惠券推荐

发表评论