場景介紹
用戶通過商戶的H5商城購物首次使用H5收銀臺快捷支付流程。
步驟1:用戶對選購商品進行支付,選擇聯動收銀臺。
步驟2:跳轉至聯動H5收銀臺,用戶首次選擇聯動支付(銀行卡快捷)(如下圖)。


步驟3:用戶輸入銀行卡號后自動校驗銀行卡。


步驟4:用戶輸入身份信息和手機號進行身份認證和持有性認證。


步驟5:提示用戶支付成功,前端跳轉至商戶頁面(商戶端定制的頁面),同時后臺后調商戶地址通知發貨。
![]() |
用戶通過商戶的H5商城購物再次使用H5收銀臺快捷支付路程。
步驟1:用戶對選購商品進行支付,選擇聯動收銀臺。
步驟2:跳轉至聯動H5收銀臺,用戶再次次選擇聯動支付(默認選中用戶戶上次使用的卡片,用戶也可以更改選擇其他歷史卡或者使用新卡)。(如下圖)。


步驟3:用戶輸入驗證碼進行持有性驗證。


步驟4:提示用戶支付成功。
![]() |
步驟5:前端跳轉至商戶頁面(商戶端定制的頁面),同時后臺后調商戶地址通知發貨。
用戶通過商戶的H5商城購物使用H5收銀臺微信的支付流程(此處以支付寶為例,微信同理)。
步驟1:用戶對選購商品進行支付,選擇聯動收銀臺。
步驟2:跳轉至聯動H5收銀臺,用戶選擇支付寶確認支付。(如下圖)。


步驟3:自動喚起支付寶客戶端,用戶在支付寶客戶端輸入支付密碼或者進行指紋驗證支(需設備支持)支付。


步驟4:支付寶客戶端提示支付成功。
![]() |
步驟5:返回聯動H5收銀臺確認支付完成,提示用戶支付成功。


步驟6:前端跳轉至商戶頁面(商戶端定制的頁面),同時后臺后調商戶地址通知發貨。
案例介紹
H5商城購物集成銀行卡支付、微信。
效果圖
![]() |