微信支付一直存在一个痛点:由于H5支付接口申请门槛高(如企业资质),我们大多数站长只能退而求其次使用微信Native支付。但在实际使用中,当用户在手机浏览器访问网站时,无法用同一部手机扫描自己屏幕上显示的二维码,导致支付流程中断。

之前在子比官网购买,或者在本站购买旧版的联系我免费领取QQ:3110594003

演示效果

复制付款链接,在微信任意聊天框发送,点击链接即可付款!

目前支持子比主题8.3、8.4、8.5版本,如需更低版本联系我适配更新

图片[1]-天域-子比微信支付增强 突破微信 Native 支付扫码限制:无需扫码的H5支付替代方案-天域博客
效果演示

微信Native支付的局限性

微信Native支付虽然解决了基本的支付需求,但其存在一个明显的技术限制:​​只能生成二维码,必须通过微信摄像头扫码完成支付​​。这种设计在实际应用中带来了诸多不便:

  1. ​无法从相册识别二维码​​:用户即使截图保存也无法通过相册识别支付
  2. ​Web端自扫问题​​:在手机浏览器访问网站时,用户无法用同一部手机扫描自己屏幕上显示的二维码
  3. ​支付流程繁琐​​:需要打开微信→进入扫一扫→对准屏幕→完成支付,步骤冗长

解决方案

在子比主题微信支付显示支付二维码的同时​​,新增复制支付链接功能 >>  弹窗提示跳转 ​​ >>  ​​进入微信聊天窗口 ​​ >>  ​​点击链接开始支付,实现在微信内点击链接即可直接唤起支付界面。

应用演示

基础框架(需安装基础框架,直接在线安装启用)

V2.0.1  2026.06.08

【优化】

优化部分细节

【新增】

  • 兼容子比主题 8.3 ~ 8.8 全版本,自动按当前主题版本匹配支付脚本
  • 后台首页加入功能介绍和效果预览
  • 应用设置页加入「子比官方微信支付」实时状态提示,配置前一目了然
  • 关于页面新增插件信息、依赖环境、联系方式
  • 弹窗内容支持 HTML 排版(链接、列表、颜色样式等)
  • 弹窗图标库扩展,支持 Remix Icon(前台按需自动加载图标资源)

【优化】

  • 全新后台界面,页面响应更快、操作更顺手
  • 设置项支持禁用联动:未开启支付增强时,弹窗参数自动锁定
  • 设置项支持夜间模式

【修复】

  • 修复弹窗内容保存后 HTML 标签被清理的问题
  • 修复自定义颜色 / 图标选择器无法跟随主开关禁用的问题

【说明】

  • 适配子比主题 8.3 ~ 8.8 版本,更低版本请联系作者 QQ:3110594003 适配
  • 不影响原有支付流程,仅增强体验

= V1.0.0 – 2026/01/14 =

  • 微信 Native 支付增强功能
  • 扫码支付时显示”复制付款链接”按钮
  • 复制后弹窗引导跳转微信完成支付
  • 后台可自定义弹窗标题、背景色、图标、内容
  • 支持子比主题颜色预设(纯色、渐变色)
  • 不影响原有支付流程,仅增强体验
  • 订单超时后自动禁用复制功能

此应用基于子比主题才可以使用,请确保已经购买并安装子比主题!

并且已配置好微信支付Native支付

天域系列所有应用都是基于“天域应用中心”框架插件进行安装使用的,优点是仅需安装一个插件,即可随时在线安装所需的应用并直接启动,支持一键在线安装升级和卸载。

1、如何下载“天域应用中心”

2、在线安装应用

打开天域应用中心,进入应用商店,直接点击安装即可,注意需要输入自己的授权码!

查看授权码点击查看我的授权

图片[1]-天域-子比微信支付增强 突破微信 Native 支付扫码限制:无需扫码的H5支付替代方案-天域博客

注意,需要在“我的授权”-“授权管理”内绑定对应的域名,当然如果未绑定,也会自动绑定!

图片[2]-天域-子比微信支付增强 突破微信 Native 支付扫码限制:无需扫码的H5支付替代方案-天域博客

3、安装成功

可以看到已经安装成功并且已经自动启用:

图片[3]-天域-子比微信支付增强 突破微信 Native 支付扫码限制:无需扫码的H5支付替代方案-天域博客

4、打开活动报名系统

图片[4]-天域-子比微信支付增强 突破微信 Native 支付扫码限制:无需扫码的H5支付替代方案-天域博客

5、自由切换菜单显示方式

如果安装多个应用的情况下,会导致WP左侧菜单特别多不方便查看,可以切换成二级菜单。当然也可以自由调整,切换成一级菜单。

图片[5]-天域-子比微信支付增强 突破微信 Native 支付扫码限制:无需扫码的H5支付替代方案-天域博客

评论 共2条

请登录后发表评论