如何设置公众号菜单栏跳转到小程序

小灰灰 2023-01-19 03:28 38阅读 0赞

[http://blog.pospal.cn/kb/4368][http_blog.pospal.cn_kb_4368]

[https://www.kancloud.cn/huangfen/xdkj/1584152][https_www.kancloud.cn_huangfen_xdkj_1584152]

[https://www.pianshen.com/article/27271593132/][https_www.pianshen.com_article_27271593132]

首先公众号里需要绑定关联一个小程序 （已关联的可以跳过此处）  
![21e0e585aaae4c7c9662f87be6de19fd.png][]  
**第一步**，用公众号的账号密码，登录微信公众平台（[https://mp.weixin.qq.com][https_mp.weixin.qq.com]）  
**第二步**点击左侧“自定义菜单栏”  
根据图片上的步骤，**编辑好名称**并**选择跳转小程序，勾选出你要跳转到的小程序，则会出现一串默认路径（默认路径为首页）**  
![cdf5aa83dd2cc0d398b5b419936fe2b5.png][]  
**第三步**填写备用网页  
根据图片上的步骤**复制**出备用网页的页面地址,填写到第二步的备用网页上！  
![7b4bdcbef1ebe22bad1ac866eeb65d2c.png][]![5de41f76653942d6c5062d5c4b1e82e7.png][]![02c12f1a760fe24878eb97b5b34ffb85.png][]  
**第四步**点击保存并发布

新设置的菜单栏会有一定的延迟，如果前端没有显示最新设置好的菜单栏，则建议过一段时间后查看

## **举一反三**： ##

### 以上教程是设置跳转到小程序首页的，那如何设置跳转到小程序其他页面呢？ ###

答：在我们的后台里的 店铺管理——》页面管理——》小程序页面，可以看到所有页面对应的路径  
  
想要设置跳转到那个页面，则复制好对应的路径，**替换掉默认的首页路径**即可！

*  如果需要跳转到有参数的路径，例如图中框处的路径2（文章详情）则需要找到对应的参数，才可以获取到完整的路径。

以路径2（文章详情）为例。id为参数值，我需要获取到文章里的关于我们路径，则复制id：5。  
  
填写到小程序页面里，才能获取到完整的路径

[http_blog.pospal.cn_kb_4368]: http://blog.pospal.cn/kb/4368
[https_www.kancloud.cn_huangfen_xdkj_1584152]: https://www.kancloud.cn/huangfen/xdkj/1584152
[https_www.pianshen.com_article_27271593132]: https://www.pianshen.com/article/27271593132/
[21e0e585aaae4c7c9662f87be6de19fd.png]: /images/20221021/1906d2a3605e4d25bdd46e724d1c864e.png
[https_mp.weixin.qq.com]: https://mp.weixin.qq.com/
[cdf5aa83dd2cc0d398b5b419936fe2b5.png]: /images/20221021/f9c95863e37944479c982c8760199042.png
[7b4bdcbef1ebe22bad1ac866eeb65d2c.png]: https://img-blog.csdnimg.cn/img_convert/7b4bdcbef1ebe22bad1ac866eeb65d2c.png
[5de41f76653942d6c5062d5c4b1e82e7.png]: https://img-blog.csdnimg.cn/img_convert/5de41f76653942d6c5062d5c4b1e82e7.png
[02c12f1a760fe24878eb97b5b34ffb85.png]: /images/20221021/c5d1616c20344927a98aff4b81ac8c12.png