--- uuid: "9def5646-e19c-42d6-a3c3-5a08ab84b907" type: "tutorial" title: "嵌入到公众号" sidebar_position: 8 description: "二维码除了扫码打开,还可以嵌入到公众号文章和自定义菜单里,粉丝在公众号内直接点击就能打开。按文章嵌入、菜单嵌入、第三方平台嵌入三种场景给出完整步骤,并说明免费版和付费版对应的小程序选择。" keywords: - 二维码嵌入公众号 - 草料二维码公众号配置 - 公众号菜单链接二维码 - 微信公众号嵌入活码 - 公众号自定义菜单 cl_old_blog_id: "55526" cl_old_blog_url: "https://cli.im/help/55526" last_update: date: "2025-09-04" --- 二维码除了扫码打开,还可以嵌入到公众号文章或者菜单中,客户在你的公众号中,即可直接点击进入二维码内容,更好地实现你的业务。 > 注意:以下教程都是以小程序方式嵌入到公众号菜单或文章中,使用时以小程序方式打开。如需H5方式打开,嵌入时选择网页方式。 ## 嵌入到文章中 ![公众号文章](https://blogcdnimg.clewm.net/attachment/image/20200226/1582698940351547.png "1582698940351547.png") 1. 登录 微信公众平台 登录[微信公众平台](https://mp.weixin.qq.com/),打开图文消息编辑器。 ![企业微信截图_15825231005444.png](https://blogcdnimg.clewm.net/attachment/image/20200224/1582528313190440.png "1582528313190440.png") 2. 点击【小程序】 免费用户在弹出的窗口搜索【草料二维码】,付费用户请搜索【查看二维码】。 ![企业微信截图_15825284907205.png](https://blogcdnimg.clewm.net/attachment/image/20200224/1582528638182063.png "1582528638182063.png") 3. 获取小程序路径 登录草料二维码,找到对应的二维码,点击【更多】-**【嵌入到公众号】**\-【复制路径】,复制二维码的链接。 ![file](https://blogcdnimg.clewm.net/2021/10/image-1635492308753_16354923108320.png) [目录汇总码](/help/qr-code-and-data/qr-code-management/directory-summary-qr-code "目录汇总码")的路径获取可以先在活码中**选择目标目录**,点击【目录汇总码】,生成或者查看对应的二维码,再点击嵌入公众号中的【查看链接】-【复制链接】,复制二维码的页面路径。 ![file](https://blogcdnimg.clewm.net/2024/04/image-1714457570337_17144575709766.png)![file](https://blogcdnimg.clewm.net/2024/04/image-1714457570338_17144575710309.png) 4. 将二维码的链接填入【小程序路径】框中 选择所需的小程序展示样式后,将二维码的链接填入【小程序路径】框中。 ![企业微信截图_15825301828461.png](https://blogcdnimg.clewm.net/attachment/image/20200224/1582530880216151.png "1582530880216151.png") ## 嵌入到菜单栏 ![公众号自定义菜单](https://blogcdnimg.clewm.net/attachment/image/20200226/1582698965433160.png "1582698965433160.png") 1. 进入公众号后台,小程序管理 在[微信公众平台](https://mp.weixin.qq.com/)的小程序中关联草料二维码,在公众号左侧侧边栏点击【小程序管理】-【添加】。 ![企业微信截图_15822730908763.png](http://blogcdnimg.clewm.net/attachment/image/20200221/1582273124686653.png "1582273124686653.png") 2. 选择【关联小程序】 ![image.png](http://blogcdnimg.clewm.net/attachment/image/20200221/1582273752210739.png "1582273752210739.png") 3. 扫码验证,完成关联 公众号管理员扫码验证后,在弹出的窗口搜索【草料二维码】即可关联对应的小程序。 (**注意**:如果是付费用户使用无标识小程序则搜索【查看二维码】) > 备注: > 草料二维码小程序AppID:wx5db79bd23a923e8e > 查看二维码小程序AppID:wx9ed353c2ad8fda21 ![企业微信截图_15822741949249.png](http://blogcdnimg.clewm.net/attachment/image/20200221/1582274215986473.png "1582274215986473.png") 4. 返回【小程序管理页面】 显示【已关联】说明关联成功。 ![image.png](http://blogcdnimg.clewm.net/attachment/image/20200221/1582274245855834.png "1582274245855834.png") 5. 设置自定义菜单 接下来在自定义菜单中添加草料小程序,点击页面侧边栏的自定义菜单。 ![企业微信截图_15825328397031.png](https://blogcdnimg.clewm.net/attachment/image/20200224/1582532893398967.png "1582532893398967.png") 6. 选择 跳转小程序 选择菜单内容为【跳转小程序】,并选择【草料二维码】。 (**注意**:如果是付费用户使用无标识小程序则选择【查看二维码】) ![企业微信截图_20200224173130.png](https://blogcdnimg.clewm.net/attachment/image/20200224/1582536708842022.png "1582536708842022.png") 注意:下图所示的备用网址必填,可以**随便写一个网址**,大部分情况不会访问这个网址的。 ![企业微信截图_15825338973407.png](https://blogcdnimg.clewm.net/attachment/image/20200224/1582533919659048.png "1582533919659048.png") 7. 从草料获取小程序路径 登录草料二维码,在所需的二维码列表后依次点击【更多】-**【嵌入到公众号】**\-【复制路径】,复制二维码的页面路径。 ![file](https://blogcdnimg.clewm.net/2021/10/image-1635492343870_16354923457355.png) [目录汇总码](/help/qr-code-and-data/qr-code-management/directory-summary-qr-code "目录汇总码")的路径获取可以先在活码中**选择目标目录**,点击【目录汇总码】,生成或者查看对应的二维码,再点击嵌入公众号中的【查看链接】-【复制链接】,复制二维码的页面路径。 ![file](https://blogcdnimg.clewm.net/2024/04/image-1714457648387_17144576490149.png)![file](https://blogcdnimg.clewm.net/2024/04/image-1714457648389_17144576490615.png) 8. 填写备用网页 将二维码的页面路径填入【小程序路径】框中,添加备用网页(**不可为空!可以填写一个任意网址**),点击【保存并发布】即可。 ![file](https://blogcdnimg.clewm.net/2021/09/16328063967781_image-1632806396490.png) ## 嵌入到第三方平台 大部分第三方平台操作同公众号菜单中嵌入二维码的操作方式一致,部分第三方平台需要输入AppID进行小程序绑定。 > 草料二维码小程序AppID:wx5db79bd23a923e8e > 查看二维码小程序AppID:wx9ed353c2ad8fda21 2、将对应的AppID填入,并将复制的二维码页面路径复制填入即可。