有些WordPress站长想要在微信小程序文章页和关于我们页面底部添加一个“咨询服务”按钮,方便用户直接点击即可加我们的企业微信为好友,那么在微慕小程序开源版中如何添加咨询服务按钮呢?其实明月登楼站长分享的『微信小程序更新到开源版 2022 模板并加入企业微信插件』一文就介绍得很详细了,懿古今也是根据这篇文章折腾出来的(PS:懿古今小程序审核总是不通过,所以无法给大家体验),下面就跟大家详细介绍一下具体的添加过程:
1、手机下载一个企业微信并注册,类型必须是企业,不能是个人团队,因为个人团队是无法登录进入工作台设置的。企业不验证不认证也是可以使用企业微信的,只不过有所限制而已。
2、前往企业微信官网并登录进入后台 - 客户与上下游 - 工具 - 加客户 - 联系我 - 点击“设置”。
3、点击【新建联系方式】按钮。
4、选择“在小程序中联系”。
5、根据实际情况选择相应选项,如类型默认单人,使用人员添加自己或其他成员,按钮样式建议选择最后一个“咨询”比较好,然后点击【创建】按钮。
6、在“使用指引”中复制“联系我”的ID和配置ID,保存到本地电脑记事本备用。
7、前往微信小程序官网并登录进入后台 - 设置 - 第三方设置 - 插件管理 - 添加插件,在搜索框输入“联系我”ID并点击搜索图标按钮,找到后添加即可。此时“插件管理”中就会出现一个“企业客户服务”,点击“详情”即可在“更新记录”中看到当前插件的版本号。
如现在的版本号是1.4.5,这个版本号下一步需要用到。
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文件添加相应的代码即可。
此时,重新编译即可看到小程序文章页和关于我们页面末尾出现咨询服务的按钮。如果不喜欢放在文末,也可以自行调整放到文章开头的地方或其他位置。
您可能感兴趣的文章
- 微慕小程序基础教程:如何修改小程序头部的默认颜色?12种颜色可选
- 微慕小程序基础教程:怎么在底部tabbar显示指定分类?
- 微慕小程序基础教程:如何将底部菜单栏“排行”改为“最新评论”或其他
- 微慕小程序基础教程:如何实现小程序底端菜单栏不显示排行榜?
- 微慕小程序基础教程:小程序赞赏鼓励的默认金额在哪里修改?
- 微慕小程序基础教程:如何去掉首页排行榜列表页的缩略图?
- 微慕小程序基础教程:WordPress文章页内链如何自动实现小程序内跳转?
- 微慕小程序基础教程:如何实现仅在开启激励视频广告的文章页显示小程序码?
- 微慕小程序基础教程:小程序广告位ID如何获取?广告设置如何填写?
- 微慕小程序基础教程:如何设置和开启激励视频?