点击事件
在所有支持填写链接的地方,如关于页面、产品和文章的详情、轮播图、首页模块装修扩展中的快捷导航模块、弹窗模块、热区模块等,均支持以下链接跳转类型
跳转小程序内页面
填写小程序的页面路径,可支持参数(tabBar页面不支持参数),以/
开始
以下是一些常用的小程序页面
- 跳转产品ID为
404
的产品详情页:/pages/product-detail/product-detail?id=404
- 跳转文章ID为
1199
的文章详情页:/pages/post-detail/post-detail?id=1199
- 跳转页面ID为
716
的页面详情页:/pages/page-detail/page-detail?id=716
- 跳转所有产品页:
/pages/product-list/product-list
- 跳转文章列表页:
/pages/post-list/post-list
- 跳转分类页:
/pages/category/category
- 跳转按价格倒序的产品列表页:
/pages/product-list/product-list?orderby=price&order=desc
- 跳转颜色筛选为绿蓝黑的产品列表页:
/pages/product-list/product-list?filter_color=green,blue,black
- 跳转价格范围为
10~90
的产品列表页:/pages/product-list/product-list?min_price=10&max_price=90
- 跳转分类ID为
50
的产品列表页:/pages/product-list/product-list?category=50
- 跳转搜索
T-shirt
关键词的产品列表页:/pages/product-list/product-list?search=T-shirt
- 跳转可用优惠券码
qo20189
的产品列表页:/pages/product-list/product-list?coupon=qo20189
- 跳转特色产品列表页:
/pages/product-list/product-list?featured=true
- 跳转促销产品列表页:
/pages/product-list/product-list?on_sale=true
- 跳转购物车页:
/pages/cart/cart
- 跳转订单列表页:
/pages/order-list/order-list
- 跳转待付款订单列表页:
/pages/order-list/order-list?status=pending
- 跳转收银台页(3.3或以上版本):
/pages/pay/pay
- 跳转模板ID为21的页面(需要首页装修扩展):
/pages/template/template?id=21
- 跳转领券中心页(需要优惠券扩展):
/pages/coupon-center/coupon-center
- 跳转优惠券ID为6562的优惠券详情页(需要优惠券扩展,3.6或以上版本):
/pages/coupon-detail/coupon-detail?id=6562
- 跳转优惠券码为R84TAT7J的优惠券详情页(需要优惠券扩展,3.6或以上版本):
/pages/coupon-detail/coupon-detail?id=R84TAT7J
- 跳转拼团产品列表页(需要产品拼团扩展):
/pages/groupon-product-list/groupon-product-list
- 跳转我的店铺页(需要产品分销扩展):
/pages/distribution-info/distribution-info
- 跳转我的积分页(需要积分奖励扩展):
/pages/points-info/points-info
- 跳转积分任务页(需要积分奖励扩展):
/pages/points-tasks/points-tasks
- 跳转积分商城页(需要积分奖励扩展):
/pages/points-store/points-store
- 跳转直播列表页(需要先进行直播接入):
/pages/liveroom/liveroom
- 跳转会员中心页(需要会员卡扩展):
/pages/member-cetner/member-cetner
- 跳转领取会员页(需要会员卡扩展):
/pages/member-activate/member-activate
- 跳转会员等级页(需要会员卡扩展):
/pages/member-levels/member-levels
- 跳转会员权益页(需要会员卡扩展):
/pages/member-gifts/member-gifts
产品列表页可多个参数搭配使用,例如/pages/product-list/product-list?category=50&on_sale=true
,显示分类ID为50
并且是促销的产品列表
产品列表页筛选和排序参数需要使用产品筛选排序扩展
上面没有列出的,可在开发者工具预览区域的下方找到页面路径和页面参数,以/页面路径?页面参数
的结构组合出链接,如页面路径为pages/product-detail/product-detail
,页面参数为id=1181&popup=false&redirect=false
,则完整的跳转链接为/pages/product-detail/product-detail?id=1181&popup=false&redirect=false
2.8版本开始链接可忽略开头的
/
跳转小程序插件页面
填写完整插件页面链接
示例:plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=1
跳转网站链接
填写网站链接,域名需要添加到业务域名,请参考开始使用 - 准备条件 - 注册小程序
示例:https://www.qwqoffice.com
2.8版本开始,支持带登录状态打开网站链接,填写:网站链接|forceLogin
,示例:https://www.qwqoffice.com|forceLogin
跳转小程序
填写要跳转小程序的AppID和页面参数,格式为AppID:Path
注意:
- 页面路径在2.6版本中支持,无需以
/
开头
示例:wx91e44bfec124ee49:pages/info/info?id=334
调用函数
4.0版本可用
仅支持当前页面及App下的函数
填写函数名:函数参数
,如有多个函数参数则使用函数名:[函数参数1,函数参数2,函数参数3]
函数定义:
concat(a = 'World', b = 'Hello') {
console.log(b + a)
}
示例:
concat
输出HelloWorldconcat:Bug
输出HelloBugconcat:["Bug"]
输出HelloBugconcat:["Bug","De"]
输出DeBug
调起订阅消息授权
3.6版本可用
填写subscribe:订阅消息模板ID
示例:subscribe:e5rRISJYb5xzJIUa-TtVoF3w0Huwo98CDQQz0KiFe8I
订阅消息模板ID可在网站后台 - SaleDash - 基本设置 - 订阅消息,或小程序后台 - 订阅消息找到
一次最多可同时订阅3个模板ID,多个模板ID以英文半角逗号分隔,示例:subscribe:e5rRISJYb5xzJIUa-TtVoF3w0Huwo98CDQQz0KiFe8I,KnjajmHzxiKFpc1waG3dw7E7RA1Wanp0pimVhmcei-A
打开视频号主页
3.5版本可用
填写sph开头的视频号ID
示例:sph6lDpyTHYIG7a
视频号ID可登录视频号获取
打开视频号视频/动态
3.5版本可用
填写视频号ID:视频ID
示例:sph6lDpyTHYIG7a:export/UzFfAgtgekIEAQAAAAAAFEkohsAoUgAAAAstQy6ubaLX4KHWvLEZgBPE86MYP3U5CYT4zNPgMJrbhMt-eTLdn-fsNZStbV57
视频号ID以sph
开头,登录视频号获取
视频ID以export
开头,视频号 - 内容管理 - 动态管理,点击更多 - 复制视频ID
打开视频号活动
3.5版本可用
填写视频号ID:活动ID
示例:sph6lDpyTHYIG7a:event/UzFfAgtgekIEAQAAAAAA6noh5bVOPwAAAAstQy6ubaLX4KHWvLEZgBPEwaM0MmdoArSDzNPgMJp93I9aTv8i8tygkDwlLNUM
视频号ID以sph
开头,登录视频号获取
活动ID以event
开头,视频号 - 内容管理 - 活动管理,复制视频ID
预约视频号直播
3.5版本可用
填写视频号ID:notice
示例:sph6lDpyTHYIG7a:notice
视频号ID以sph
开头
打开视频号直播
3.5版本可用
填写视频号ID:live
示例:sph6lDpyTHYIG7a:live
视频号ID以sph
开头
扫描二维码
2.8版本可用
填写scanqrcode:动作
示例:scanqrcode:login
支持的动作
- login 扫码登录
动作参数可忽略,默认为扫码登录
领取优惠券
2.6版本可用
需要优惠券扩展
填写coupon:优惠券码
示例:coupon:R84TAT7J
2.7版本开始,支持一次领取多张优惠券,每个优惠券码以英文逗号分隔,不要有空格。格式为coupon:优惠券码1,优惠券码2,优惠券码3
,示例:coupon:4TEMZXDR,A6K6DWVT,RGY9AMYM
打开客服对话
2.8版本可用
填写contact
打开客服对话只能用于快捷导航模块、悬浮菜单模块、热区模块、图层模块、弹窗模块,其它地方无效
3.4版本开始,无以上限制
4.0版本开始,恢复限制,使用wxcontact
微信客服对话无限制
打开微信客服对话
4.0版本可用
填写wxcontact
拨打电话
填写phone:要拨打的电话
示例:phone:13800000000
后退页面
2.8版本可用
填写back
如无上一页面,则switchTab到首页
公众号授权
2.9.3版本可用
填写mpauth
默认点击后有授权提示,如需直接打开请使用mpauth:false
点击后打开公众号授权登录页面,授权完成后自动返回。用于需要获取公众号OpenID的场景
打开公众号推文
直接填写推文链接,仅支持已关联小程序的公众号图文消息
示例:https://mp.weixin.qq.com/s/gk-5X27wak6WndfPAOiOPw
全屏看图
填写 image:要查看的图片
示例:image:https://wooappdemo.qwqoffice.com/wp-content/uploads/2018/10/1-6.jpg
打开地图
填写location:位置参数
示例:location:{"longitude": 113.466258, "latitude": 23.167464, "scale": 15, "name": "萝岗万达广场", "address": "广州市黄埔区科丰路89号"}
参数解释
longitude
:经度,范围为-180~180,负数表示西经。使用gcj02
国测局坐标系latitude
:纬度,范围为-90~90,负数表示南纬。使用gcj02
国测局坐标系scale
:缩放比例,范围5~18name
:位置名address
:地址的详细说明
其中gcj02
坐标可在高德地图位置选取中获得
打开地图参数以官方文档为准
显示提示
3.3版本可用
填写tip:提示内容
示例:tip:这是一段提示
打开弹窗
3.3版本可用
填写modal:弹窗内容
示例:modal:这是弹窗内容
最后更新 2023-12-15 23:34