場(chǎng)景介紹
用戶(hù)通過(guò)商戶(hù)的H5商城購(gòu)物首次使用H5收銀臺(tái)快捷支付流程。
步驟1:用戶(hù)對(duì)選購(gòu)商品進(jìn)行支付,選擇聯(lián)動(dòng)收銀臺(tái)。
步驟2:跳轉(zhuǎn)至聯(lián)動(dòng)H5收銀臺(tái),用戶(hù)首次選擇聯(lián)動(dòng)支付(銀行卡快捷)(如下圖)。


步驟3:用戶(hù)輸入銀行卡號(hào)后自動(dòng)校驗(yàn)銀行卡。


步驟4:用戶(hù)輸入身份信息和手機(jī)號(hào)進(jìn)行身份認(rèn)證和持有性認(rèn)證。


步驟5:提示用戶(hù)支付成功,前端跳轉(zhuǎn)至商戶(hù)頁(yè)面(商戶(hù)端定制的頁(yè)面),同時(shí)后臺(tái)后調(diào)商戶(hù)地址通知發(fā)貨。
![]() |
用戶(hù)通過(guò)商戶(hù)的H5商城購(gòu)物再次使用H5收銀臺(tái)快捷支付路程。
步驟1:用戶(hù)對(duì)選購(gòu)商品進(jìn)行支付,選擇聯(lián)動(dòng)收銀臺(tái)。
步驟2:跳轉(zhuǎn)至聯(lián)動(dòng)H5收銀臺(tái),用戶(hù)再次次選擇聯(lián)動(dòng)支付(默認(rèn)選中用戶(hù)戶(hù)上次使用的卡片,用戶(hù)也可以更改選擇其他歷史卡或者使用新卡)。(如下圖)。


步驟3:用戶(hù)輸入驗(yàn)證碼進(jìn)行持有性驗(yàn)證。


步驟4:提示用戶(hù)支付成功。
![]() |
步驟5:前端跳轉(zhuǎn)至商戶(hù)頁(yè)面(商戶(hù)端定制的頁(yè)面),同時(shí)后臺(tái)后調(diào)商戶(hù)地址通知發(fā)貨。
用戶(hù)通過(guò)商戶(hù)的H5商城購(gòu)物使用H5收銀臺(tái)微信的支付流程(此處以支付寶為例,微信同理)。
步驟1:用戶(hù)對(duì)選購(gòu)商品進(jìn)行支付,選擇聯(lián)動(dòng)收銀臺(tái)。
步驟2:跳轉(zhuǎn)至聯(lián)動(dòng)H5收銀臺(tái),用戶(hù)選擇支付寶確認(rèn)支付。(如下圖)。


步驟3:自動(dòng)喚起支付寶客戶(hù)端,用戶(hù)在支付寶客戶(hù)端輸入支付密碼或者進(jìn)行指紋驗(yàn)證支(需設(shè)備支持)支付。


步驟4:支付寶客戶(hù)端提示支付成功。
![]() |
步驟5:返回聯(lián)動(dòng)H5收銀臺(tái)確認(rèn)支付完成,提示用戶(hù)支付成功。


步驟6:前端跳轉(zhuǎn)至商戶(hù)頁(yè)面(商戶(hù)端定制的頁(yè)面),同時(shí)后臺(tái)后調(diào)商戶(hù)地址通知發(fā)貨。
案例介紹
H5商城購(gòu)物集成銀行卡支付、微信。
效果圖
![]() |