栏目导航:手机网站
建议先从栏目目录定位同类模块,再根据是否排障需求选择对应文档。
上位页:返回手机网站栏目目录
同类页:自定义微信分享样式设置教程(完整版)、常用模块(文本、图片,按钮)介绍、如何为手机网站设置Logo、横向标签/折叠模块介绍、如何在手机网站文章详情(产品详情、图文展示)里添加视频
一、功能效果
手机网站常用模块:文本、图片、按钮支持配置选择跳转微信小程序。
可实现手机微信端下,打开手机网站可与微信小程序的实现相互跳转。
二、功能说明
【版本】 展示中级版及以上版本支持开通。
【条件】
① 需要先授权已认证的公众号(完成微信配置),配置生效后分享才有效果。
② 可选择跳转外部小程序或轻应用小程序(商城小程序选择跳转外部小程序)。
③ 微信版本要求为:7.0.12及以上。
系统版本要求为:iOS 10.3及以上、Android 5.0及以上。
在符合版本条件的手机微信端,打开手机网站选择对应配置,才可有效跳转配置的小程序。
三、配置教程
1. 添加常用模块
设置想要跳转的常用模块设计后,可以在对应的设置链接中找到【微信小程序】。

2. 完成微信配置
2.1 点击【前往设置】完成微信设置后才可填写生效,否则点击跳转无效。

2.2 微信设置如下:可查看弹窗中每个步骤的【操作指引】需要完成四个步骤,且生效后分享才有效果。

注:
① 配合微信官方要求,跳转外部小程序仅支持授权认证的服务号。
② 若网站配置微信分享自定义时已有符合条件的服务号授权认证过,则配置跳转微信小程序可直接应用对应的微信配置,无需再重新授权。
③ 可配置完成配置后再通过手机微信预览测试下是否跳转生效。
3. 选择小程序类型
3.1 可选择跳转外部小程序或轻应用小程序。
填写满足条件即可以成功跳转。
注:如果要跳转到商城小程序可以选择跳转到【外部小程序】,然后输入商城小程序的原始ID以及页面路径。

3.1.1 类型:外部小程序

小程序原始id:是小程序对应的以gh_开头的id。
页面路径:可留空,如留空默认跳转到小程序首页
(注:为配合微信官方要求,页面路径一定要输入 .html才能成功跳转页面。
若输入的路径没有 .html,系统将自动加上.html后缀)
如何查找小程序页面路径:点击查看
如何查找小程序原始id:
① 进入微信公众号平台
② 从左侧栏找到“配置”按钮,选择进入配置页面;

③ 在配置页面拉到下即可以找到对应的小程序的原始ID。

3.1.2 类型:轻应用小程序
① 仅显示同账号下符合条件的轻应用小程序可跳转
条件:同个企业账号下已授权非个人主体微信小程序且审核成功的轻应用小程序(不支持授权百度的轻应用小程序)。
注:若不符合条件,则可能显示为空,可前往轻应用小程序管理后台修改。
② 若未选择页面,则页面默认为首页。

四、外部网页跳转打开小程序
1. 从微信外部的浏览器打开网页后,选择配置到轻应用小程序的跳转按钮,支持非微信浏览器选择跳转;
2. 从微信外部的浏览器打开网页后,选择配置到非轻应用小程序的跳转按钮,暂不支持非微信浏览器选择跳转。

跳转配置建议
以下补充内容用于帮助你在手机网站设置跳转微信小程序时,减少“看起来配置好了但实际不生效”的问题:
- 环境前提:这项能力对公众号认证、微信版本和系统版本都有要求,建议先确认测试环境满足前提。
- 原始 ID:填写外部小程序时,建议先核对原始 ID 和页面路径,避免把 AppID 或其他标识误填进去。
- 模块选择:并不是所有场景都适合直接跳小程序,建议优先用于按钮、图片或明确的行动入口。
- 真机测试:配置完成后建议一定在微信内真机测试,而不是只在设计页里预览判断。
小程序跳转落地建议
以下补充内容用于帮助你在手机网站跳转微信小程序时,把跳转动作放到真正有效的使用场景中:
- 入口优先:按钮、图片和关键行动入口更适合承载跳转小程序,避免把普通说明文字也全部做成跳转。
- 流程衔接:跳到小程序前建议在页面上先说明会进入什么页面、完成什么动作,减少用户犹豫。
- 公众号复用:如果已有符合条件的服务号授权,建议先复用现有配置,减少重复操作和出错点。
- 场景测试:配置完成后建议在活动页、产品页和内容页各测一次,确认不同场景都能正常跳转。
适用与不适用
这篇《如何设置手机网站跳转微信小程序?》更适合用于处理手机网站页面配置、生效验证与发布检查场景,尤其适合已经进入实际配置、联调或上线验证阶段的操作人员。
不适用的情况:如果你当前还处在方案评估阶段,而没有进入实际配置或发布流程,可先看适用/前置条件部分。
前置条件
- 确认修改的是正式页面、正式终端或正式模板。
- 确认相关模块、图片和链接资源已准备齐全。
- 准备电脑端与手机端两个访问环境。
验证方式
- 保存后在真实访问态查看,不只看设计态。
- 用无痕窗口或不同终端复测,确认缓存不会干扰判断。
- 检查导航、按钮、表单和关键跳转均正常。
失败排查
- 前台未生效时,优先查缓存、终端和页面入口是否正确。
- 模块未显示时,优先查模块状态、显示条件和定时设置。
- 样式异常时,优先查资源路径和覆盖关系。
上线检查清单
- 确认正式域名、正式终端和正式页面入口都已验证通过。
- 随机抽查至少 3 个关键动作或关键模块是否正常。
- 保留一份上线前后的截图或日志样本,便于后续排障。
真实案例式说明
例如《如何设置手机网站跳转微信小程序?》如果后台已保存但前台仍显示旧样式,很多时候并不是保存失败,而是访问的并不是当前修改的正式页面。
常见问题入口
如果你当前关注的是失败、未生效、审核不过或状态不同步,建议直接继续查看这些独立问题页:
继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题,可以继续回到帮助目录查看同类教程;如果你正在准备企业官网建设、套餐选型或定制开发,也可以继续进入对应服务页了解。