[网站] 添加微信支付

适用:

注意:网站备案的主体与微信商户号的主体是一致

 

目录

 

 

开启微信支付收款方式

第1步,在公众号设置域名

1. 登录微信公众平台(使用对应公众号的账号密码登录)。

2. 点击左侧设置下的“公众号设置”,然后切换到右侧上方的“功能设置”。

  • 在 “JS接口安全域名” 处填写网站的域名,例如:www.xxx.com,xxx.com,abc.xxx.com
  • 在 “网页授权域名” 处填写上线了的网址 www.sxl.cn

mceclip1.png

 

第2步,在商户号设置域名

3. 登录微信支付商户平台(使用对应微信支付商户号的账号密码登录)。

4. 进入微信支付后台后,点击 “产品中心” 下的 “开发配置”,在右侧找到 “支付授权目录”,点击 “添加”。

2.png

 

5. 填写网站自身域名 + /store/,比如:

  • 如果网站域名为 www.abc.com,那么此处应该填写 www.abc.com/store/
  • 如果网站域名为 abc.xxx.com,那么此处应该填写 abc.xxx.com/store/

3.png

 

第3步,开通 JSAPI 和 Native 支付并绑定微信公众号

6. 在微信支付商户平台,找到产品中心 > 我的产品 > 支付产品,完成 JSAPI 和 Native 支付开通。

 

7. 在产品中心 > APPID授权管理中,填写你的公众号AppID(以 wx 开头,请看AppID获取方式)。

mceclip1.png

 

第4步,获取商户号 

8. 在微信支付商户平台,在上方的“账户中心”,找到左侧栏的“商户信息”,复制右侧的微信支付商户号。

 

9. 进入上线了网站编辑器,点击“商城 > 商店设置 > 前往设置收款方式”(或者直接点击设置 > 收款方式),点击”微信支付 公众号支付“。

mceclip2.png

 

10. 将刚才复制的商户号粘贴到”商户号“下的输入框。

mceclip3.png

 

第5步,获取微信支付API密钥

11. 在微信支付商户平台,在上方的“账户中心”,找到左侧的“API安全”,再点击右侧“API密钥”中的设置密钥 (需先安装操作证书)。

 

12. 返回到上线了网站编辑器的收款方式页面,将设置的密钥 (32位数字大小写字母组合) 复制到微信支付设置面板的”API密钥“下的输入框。

mceclip4.png

 

第6步,获取微信公众号应用ID

13. 在微信公众平台,找到左侧栏下方”开发“下的"基本配置"。

 

14. 复制右侧的“AppID(应用ID)”。

 

15. 返回到上线了网站编辑器的收款方式页面,将复制的AppID粘贴到微信支付设置面板的“应用ID”下的输入框。 

mceclip5.png

 

第7步,获取并填写公众号应用密钥AppSecret

 16. 在微信公众平台,找到左侧栏下方”开发“下的"基本配置",点击”AppSecret(应用密钥)"旁边的“重置”。

 

17. 选择“确定重置”

 

18. 确认身份并验证密码后,便可看到新的应用密钥,点击“复制”。

 

19. 返回到上线了网站编辑器的收款方式页面,将复制的应用密钥粘贴到微信支付设置面板的“应用密钥”下的输入框。

mceclip6.png

 

20. 点击【连接】按钮,微信支付 公众号支付会显示“已开启”的状态。

mceclip7.png

 

最后一步,测试支付功能

21. 进入你的网站下一个测试订单,在结算页面上点击“使用微信支付”。

桌面端效果:

mceclip2.png

 

22. 然后出现二维码扫码(桌面端)支付, 这表示你已经成功开通了!

 

mceclip5.png

 

或在手机微信应用端出现选择支付方式的页面:

mceclip6.png  mceclip7.png

若支付失败,请看这里 

 

注意:

  • 微信更改了设置方法,你不需要下载"xxx.txt"的文件并上传到服务器。如果需要更改JS安全域名请参考以上方法设置。
  • 根据微信官方规定,一个微信支付账户只能绑定一个网站。
  • 上线了无法自动检测填写的信息是否正确。如果实测中无法支付,请重新检查填写的信息是否有误,重新复制粘贴。
  • 由于腾讯的官方设置,微信支付目前只支持在微信移动端应用上打开网站使用。因为目前还没有通过手机浏览器进行微信支付的渠道,所以微信支付暂时只支持通过移动端微信应用或者电脑端浏览器访问网站进行支付。

 

 

解绑微信支付收款方式

若要取消微信支付收款方式,则进入上线了网站编辑器 > 设置 > 收款方式,打开”微信支付 微信公众号“,点击"解绑"。

mceclip8.png



有任何疑问,欢迎联系我们

还有其它问题?提交请求