ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
**【教程】小程序插入到公众号文章、菜单栏**   作用:主要用于把公众号所关联的小程序,其首页、列表页、某个产品详情页等,植入到公众号图文、公众号菜单。 例如: ![](https://box.kancloud.cn/084eb6332394372936696b25f21feea1_362x468.png) **具体演示地址:** https://mp.weixin.qq.com/s/Ie8avuJxILj4KuGvP_id7w **操作: 一、植入的前提条件**   1、微信公众号需要关联小程序。   操作流程:点击公众号功能菜单“小程序管理”--“关联小程序”--“管理员扫码授权”--“填入小程序APPID”--“小程序管理员确定关联”。 ![](https://box.kancloud.cn/d9024194a4f6f2ba15c6b50058b5c88a_763x588.png)   公众号关联小程序   **注:每个公众号可以关联10个小程序及3个其他主体的小程序。一个小程序可以关联500个公众号。**   管理员确认后,填入小程序APPID,发起发起关联申请。   公众号发起关联时,可以选择是否在资料页展示;确定关联后是否给已关注用户发起通知,这里相当于一次群发。 ![](https://box.kancloud.cn/9873691a3a7bec6130fb8826ae4ee323_488x438.png)   小程序的APPID可以登录小程序账号查询,在最底部设置中。小程序登录地址与公众号后台地址一致:https://mp.weixin.qq.com   小程序管理员确定关联后,才表示已完成关联。   2、确定需置入公众号的小程序页面地址,类似于外链网页链接。例如:小程序首页的路径为“pages/index/index”。   (这个需找开发人员索要,下文详细操作中讲解) 常用路径(示例): pages/index/index 小程序首页 pages/list/list 列表页 pages/show/index?id=1 页面ID为1的详情页 pages/show/index?id=2 页面ID为2的详情页 pages/user/index 个人中心 **二、具体植入的操作**   1、置入公众号图文操作   公众号素材编辑时,在正文中,点击右侧“多媒体--小程序”,选择需要植入的小程序、可设置上文所述的多种样式的链接形式。 ![](https://box.kancloud.cn/9ee6de66d31f4110c4bc22d5d661757b_806x295.png)   2、小程序页面设置   填写置入的小程序页面路径,展示方式,卡片样式需自定义填写标题和封面图。确定后即可置入到图文中。 ![](https://box.kancloud.cn/a60980021873be58c1d7a9241dea7884_652x492.png)   小程序路径就是要跳转的页面,默认路径是跳转到首页;其他页面的路径有2种方式获取。 ![](https://box.kancloud.cn/2c6bcc3fa49c1c0d8ed6e31d0ede51a6_565x304.png)   插入正文中的小程序,可以选中后复制、粘贴排版;文字类链接可在内容中直接进行标题的编辑。   3、植入到公众号菜单操作:   公众号菜单内容选择:“跳转小程序--选择关联小程序--设置小程序路径”。备用网页指微信版本较低不支持小程序的用户,跳转的备用网页地址。 ![](https://box.kancloud.cn/dd980a8a3e6519878cfcffc3cb04280d_802x605.png)   公众号如接入到第三方平台(微擎),菜单设置需要填入APPID、小程序路径、备用地址。 ![](https://box.kancloud.cn/7a199c4f88c9d10103ba29724555a387_942x647.png)   4、获取小程序页面路径:   方法一:登录小程序后台,查看“数据分析”栏,可以在底部热门链接内容查看到最新活动的路径排行榜,了解相关路径。   底部受访页面TOP,可以了解目前访问量较高的页面的路径。 ![](https://box.kancloud.cn/753652a6bd588d78b547c6212dc69a22_663x352.png)   方法二:咨询开发程序员,了解小程序各页面的地址。不同的产品详情页,可根据后台所添加的产品ID来进行变更。  ** 常用路径示例:** ![](https://box.kancloud.cn/753652a6bd588d78b547c6212dc69a22_663x352.png) pages/index/index 小程序首页 pages/list/list 列表页 pages/show/index?id=1 页面ID为1的详情页 pages/show/index?id=2 页面ID为2的详情页 pages/user/index 个人中心 **具体演示地址:** https://mp.weixin.qq.com/s/Ie8avuJxILj4KuGvP_id7w