【手机网站】如何设置网页跳转微信小程序

2021-03-10
来源:羽薇网

一、功能效果


手机网站常用模块:文本、图片、按钮支持设置点击跳转微信小程序。可实现手机微信端下,打开手机网站可与微信小程序的实现相互跳转。



二、注意事项


【版本】

展示中级版及以上版本支持开通。


【条件】

1、需要授权已认证的服务号,需要完成四个步骤的设置,生效后分享才有效果。

2、可选择跳转外部小程序或轻应用小程序。

3、微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。

在符合版本条件的手机微信端,打开手机网站点击对应设置,才可有效跳转设置的小程序。



三、设置教程


设置想要跳转的常用模块设计后,可以在对应的设置链接中找到【微信小程序】



1、完成微信设置

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


微信设置如下:可查看弹窗中每个步骤的【操作指引】。


1.1、配合微信官方要求,跳转外部小程序仅支持授权认证的服务号。

1.2、如果网站设置微信分享自定义时已有符合条件的服务号授权认证过,则设置跳转微信小程序可直接应用对应的微信设置,无需再重新授权。

1.3、可以设置完成后再通过手机微信预览测试下是否跳转生效。


2、选择小程序类型

可选择跳转外部小程序或轻应用小程序。填写满足条件即可成功跳转。


3、外部小程序


1)填写小程序原始id:是小程序对应的以gh_开头的id

如何查找小程序原始id:

1、进入微信公众号平台,登录对应的小程序,进入管理后台

2、从左侧栏找到“设置”按钮,点击进入设置页面


3、在设置页面拉到下即可找到对应的小程序的原始ID


2)填写页面路径:可留空,看留空为小程序首页

如何查找小程序页面路径:点击查看

注:为配合微信官方要求,页面路径一定要输入 .html才能成功跳转页面。如果输入的路径没有   .html,系统将自动加上.html后缀。


4、轻应用小程序

1)仅显示同账号下符合条件的轻应用小程序可跳转:已授权的非个人主体且审核成功的小程序。

注:若不符合条件,则可能显示为空,可前往轻应用小程序管理后台修改。

2)若未选择页面,则页面默认为首页。


四、外部网页跳转打开小程序


【效果】从微信外部浏览器打开网页后,点击设置小程序跳转按钮,可直接打开对应的微信小程序。不再受限只能微信内访问。

【条件】完成上述设置的轻应用小程序,点击前往URL Scheme授权完成后,即可实现外部网页跳转直接打开小程序。


分享