需求说明
本需求影响页面:
1. 收款方式概览
2. Useepay 配置详情
3. 商城结账页
需求背景与目标
新增 Useepay 信用卡支付渠道,实现多支付网关冗余接入,降低单一渠道审核及稳定性风险。支持全球主流信用卡图标展示。
核心设计原则
全链路演示:覆盖从后台概览、详情配置到前台结账的完整路径。
脱噪法原型:非核心改动区域强制使用骨架屏占位。
配置 Useepay 信用卡支付
未激活
Useepay
UseePay支持主流国际信用卡、海外本地化钱包、海外便利店等多种支付方式,并积极构建在线支付、企业钱包、全球收款、批量付款等综合支付服务能力,服务客户覆盖跨境电商、航空酒店旅游、交通出行、数字娱乐、软件、教育等行业。
环境
Sandbox
Live
下挂地址
i
不开启
开启
Mch No
App ID
Publishable Key
Api Key
激活
展示信用卡图标
开启配置
支持手动配置,未配置的情况下结账页默认展示结账设置中的信用卡支付图标。
添加信用卡图标
PRD 注释与业务规则
渠道概况
网关名称
: Useepay支付
渠道 Code
: useepay
卡组织展示
支持的品牌:VISA, Mastercard, JCB, AMEX, Diners, Maestro。
交互说明:状态与按钮组
未激活状态:
隐藏信用卡图标卡片,底部右对齐显示【激活】按钮。
已激活且无更改:
显示信用卡配置卡片,底部左对齐显示【停用】按钮。
已激活且有更改:
显示信用卡配置卡片,底部左对齐显示【停用】按钮,右对齐显示【保存】按钮。
交互说明:操作与反馈
下挂地址:
不开启的情况下,url输入框置灰禁用。
激活网关:
点击【激活】网关并轻提示“激活成功”,若校验失败则提示失败信息。
停用网关:
点击【停用】停用网关并轻提示“停用成功”。
保存配置:
点击【保存】成功并轻提示“更新成功”,若校验失败提示失败信息。
管理展示卡种图标
✕
VISA
Mastercard
JCB
American Express
Diners Club
Maestro
取消
确定