微信支付收款(支持H5端)
插件使用场景:
本插件适用于,中国大陆地区或使用微信的用户群体,快速实现独立站线上购物收款需求。
插件功能介绍:
开启插件后,客户可以在结账页面选择微信收款方式。
PC端会展示出微信收款码,用手机微信扫码支付。移动端H5端展示跳转页面,客户点击跳转到微信完成支付!
使用说明:
在使用该插件之前,需要填入开发者ID(AppID)、开发者密钥(AppSecret)、微信支付商户号和API秘钥(API KEY)等配置信息。还可以选择是否开启日志、是否启用本插件
页面展示:
1. 后台配置页
2. PC端前台支付预览:
3. H5端&移动端支付预览:
插件演示站地址: https://plus.beikeshop.com/
账号:demo@demo.com
密码:demo
====================
微信支付接入申请:
配置微信支付之前,需要先注册认证微信公众号(公众号必须是服务号)和商户号
1.登陆微信公众平台(https://mp.weixin.qq.com/),点击左侧导航微信支付-支付申请
2.开通微信支付后,登录微信支付商户平台(https://pay.weixin.qq.com/),进入“产品中心”,根据网站类型选择合适的支付产品(如PC网站使用Native支付,移动端网站使用H5支付)
3.设置支付目录
登录微信支付商户平台,进入“产品中心”->“开发配置”->“支付配置”,添加支付授权目录(即支付页面的目录,例如https://www.yourdomain.com/)
4.设置API密钥:
在微信支付商户平台的“账户中心”->“API安全”中设置APIv2密钥,并记录下来
5.关联公众号:
将微信支付商户号与微信公众号关联。登录微信支付商户平台,进入“产品中心”->“AppID账号管理”->“关联AppID”,填写公众号的AppID
在微信公众号后台,进入“广告与服务”->“微信支付”->“待关联商户号”,确认关联
6.支付配置:
获取微信支付商户号和API密钥(API KEY)
微信支付商户号:在商户平台中心点击“账户中心-商户信息”,获取到微信支付商户号
API密钥:在微信支付商户平台的“账户中心”->“API安全”中设置APIv2密钥
获取开发者ID和开发者密钥
登录公众号后台,点击“设置与开发-基本配置”,将对应参数复制到微信支付配置页面!
需添加IP白名单,避免微信里访问网站时,打开页面空白!