- 集成指南
- 付款方式
- Secure Remote Commerce
- SRC 用户界面准则
SRC 用户界面准则
当您在网站上向付款人显示 SRC 作为结账选项时，必须遵守 EMVCo 的 Secure Remote Commerce (SRC) 用户界面 (UI) 准则和要求。 此页介绍 SRC 付款人交互中的 UI 组件、相应元素、准则和要求。
Click to Pay UI 库
本页提供的参考图形/非图形支持图案介绍如何在结账页面呈现 Click to Pay。
Click to Pay 有两种格式：
- 触发：发起和提供 Click to Pay 体验的起点的任何格式，放在数字支付应用程序 (DPA) 上。
- 非触发：不发起 Click to Pay 体验的任何格式，可以包含 Click to Pay 品牌化信息来介绍付款人可用的付款选项。
有关带有 SRC 系统操作图像的 Click to Pay 图标的更多品牌化和用例指南，请参阅 EMVCo 网站上的 EMVCo Secure Remote Commerce (SRC)： 付款图标复制要求；版本 1.0。
Click to Pay UI 库包括：
Click to Pay 资产术语
资产应该按照商家结账 UI 中包含的其他付款徽标的大小和品牌等同度显示，并遵循 Web 颜色对比度/可访问性标准。
| 资产名称 | 资产 |
|---|---|
| 按钮 |  |
| 水平标记 |  |
| 垂直标记（即 Click to Pay 图标） |  |
| 垂直标记填充 |  |
触发格式的 UI 模式
触发格式的 UI 模式包括：
付款方式选择中支持的图形
如果您使用自定义按钮设计，在站点插入全色的计划徽标时，应使用水平标记。 使用完整按钮资产时，它应与提供的其他付款方式的大小相当。
| 按钮 | 水平标记 |
|---|---|
 |
 |
付款方式选择中不支持的图形
如果您的付款方式按钮不支持图形，触发器应使用 Click to Pay 的变体作为行动号召 (CTA)，图形水平标记应靠近触发器。 您应该选择将水平标记放在触发器附近。
请勿使用
- 带连字符的 Click-to-Pay
- 带商标的 Click to Pay™
- Click to pay；不允许使用小写字母“p”作为付款标签
- click to pay
非触发格式的 UI 模式
非触发格式的 UI 模式包括：
选项卡结构
当您使用纯文本格式在选项卡风格的界面中为付款选项加标签时，计划名称在 UI 上应显示为 Click to Pay。
| 情景 | 示例 |
|---|---|
| 纯文本标签，图形按钮用作触发器 |  |
| 页面内容中的文本标签 + 水平标记。 商家按钮格式用作触发器 |  |
| 垂直标记 + 文本标签和说明性内容。 图形按钮用作触发器 |  |
下拉格式的纯文本
当您使用本机下拉菜单，并且选择选项支持纯文本时，标签应采用本机下拉文本的格式。 作为非触发格式，继续结账并发起 Click to Pay 的按钮是一个单独的交互，显示邻近的水平标记或使用按钮。
付款方式选择中支持的图形
当商家使用其付款选择格式的图形，但选择不发起 Click to Pay 体验时。 页面上还有另一个实际触发 Click to Pay 的行动号召 (CTA)，因此，可以通过这些非触发方式使用品牌化信息。
| 选项 1 | 选项 2 | 选项 3 |
|---|---|---|
 |
 或 
|
 |
确认使用的付款方式
当您将付款人选择的付款方式显示为一种确认形式时，付款类型可以在 UI、字体风格等位置显示为纯文本或文本 + 图形。用于通过 Click to Pay 结账的网络品牌卡是要在确认用例中显示的品牌标签/图形。
| 使用 | 不使用 |
|---|---|
 |
 |
Click to Pay 说明建议
这些是 Mastercard Gateway 的建议；不过，您可以根据自己的判断来决定在结账过程中如何进行措辞，对 Click to Pay 体验加以说明。
网关认可的内容选项
- Click to Pay 是一种得到全球支付行业支持的便捷、安全的在线支付方式。 从参与的支付网络添加卡，然后简便、安全地进行点击支付。
- Click to Pay 是一种得到全球支付行业支持的便捷、安全的在线支付方式。 从参与的支付网络添加要使用的卡，在您喜欢的支持 Click to Pay 的在线零售商那里简便、安全地使用。
- 请单击下方按钮访问您的 Click to Pay 个人资料。 然后选择卡，点击支付。
- 向下滚动，完成您的 Click to Pay 购买。这种便捷、安全的在线支付方式由全球支付行业标准提供支持，可以保护您的支付信息。
- ****1234 结尾的 Mastercard 卡已成功在 Click to Pay 中使用
网关不允许的内容选项
- 带连字符的 Click-to-Pay
- 带商标的 Click to Pay™
- Click to pay；不允许使用小写字母“p”作为付款标签，但在将“click to pay”用作说明性语言或动词时建议使用