H5支付

场景介绍

H5支付是指商户在移动端网页、微信公众号展示商品或服务中集成招商银行一网通支付功能。商户在移动端网页、微信公众号中对接招商银行一网通签名验签、支付、退款、查询、对账等API接口,拥有银行级别的支付能力。

用户首次进行一网通支付时,系统会提示用户进行绑定银行卡操作,并设置一网通支付密码,最后完成支付操作。若用户在商户端首次发生交易时,商户上送了协议号,那么当用户再次进行支付时,只需输入支付密码即可完成支付。若商户没有上送协议号,用户每次发生交易时需要先进行登录,再完成支付。协议号参见名词解释

用户首次进行一网通支付流程

步骤1:用户在商户H5页面中选择商品下单、确认购买,进入支付环节,选择一网通支付,用户点击确认支付,如图1;

步骤2:用户输入手机号登录一网通用户,点击下一步,如图2;

步骤3:若用户未注册一网通用户,则点击添卡支付,如图3;

步骤4:用户填写银行卡信息:卡号、姓名、身份证号,如图4;

步骤5:若用户添加他行卡,需填写手机号和短信验证码,添加本行卡不需要输入手机号,如图5;

步骤6:设置一网通支付密码,并确认,如图6;

步骤7:显示支付结果,如图7。

产品流程图(7.15).jpg

2.jpg

用户再次进行一网通支付(首次支付商户上送协议号)

步骤1:用户在商户H5页面中选择商品下单、确认购买,进入支付环节,选择一网通支付,用户点击确认支付,如图8;

步骤2:进入招商银行一网通支付页面,调起一网通支付,出现确认支付界面,如图9;

步骤3:用户确认订单信息、金额后输入支付密码,如图10;

步骤4:输入正确支付密码后,显示支付结果,如图11。

3.jpg

用户再次进行一网通支付(首次支付商户未上送协议号)

步骤1:用户在商户H5页面中选择商品下单、确认购买,进入支付环节,选择一网通支付,用户点击确认支付,如图12;

步骤2:用户输入手机号登录一网通用户,点击下一步,如图13;

步骤3:用户输入支付密码,进入下一步,如图14;

步骤4:用户确认订单信息、金额后,点击立即支付,如图15;

步骤4:显示支付结果,如图16。

1.jpg4.jpg

5.jpg