# 收银台2.0

收银台2.0使用新架构设计，并在站点性能、站点视觉、提单交互等进行了针对性优化，同时支持商户自定义 UI 主题能力。

**性能升级**：站点加载更快、渲染更快。

**UI 升级**：界面更清爽、信息更丰富、重点更聚焦。

**交互升级**：支付提单操作步骤更少、引导提示更清晰。

**其他能力**：支持按商户喜好定制站点外观。

### 1. 性能

**采用多种优化手段提升站点性能**：通过数据压缩、缓存优化、并行加载、自适应等算法技术，有效降低收银台加载时间。

**本地快速通道直连**：将技术基建与当地渠道能力相结合，全球范围提供高速无缝的支付服务。

**弱网环境加载优化**：针对网络访问速度较慢的部分新兴市场地区，PayerMax提供fast 3G弱网环境优化方案。

### 2. 信息承载

收银台2.0可承载更多信息，既方便用户详细了解其订单信息，更安心的进行支付；也方便对接商户配置各种支付信息。具体升级点如下：

**新增商户Logo显示**：满足商户自定义收银台需求，用户进入收银台页面感知明确。

**重点突出金额信息**：强调金额信息，用户下单支付更安心。

**支持支付优惠等标签**：可承载更多订单信息，如VAT、手续费等。

**支付引导**：提供更为详细的用户引导，适配本地化语言，并支持点击“More info”并在弹层中查看所有订单信息。

**收银台二维码及网址**：提供收银台当前页二维码及网址；在当前支付环境无法完成支付时，允许用户复制地址或扫码使用其他浏览器打开并完成支付。

![](https://img-cdn-sg.payermax.com/public/20240524-1f0382ce-8cfb-4ca3-9f19-0066705514dd.png)

### 3. 页面交互

收银台2.0优化了页面交互，缩短操作路径，每个页面更聚焦当前页面操作。具体升级点如下：

>**卡支付**

**页面显示层级优化**：调整推荐卡与添加卡的层级，置于同一页面操作，便于用户切换与聚焦。

**卡账号列表显示优化**：更便捷直观的浏览历史使用账号并选用。

**CVV填写方式优化**：用户可以更便捷的在卡支付页面直接输入CVV，无需弹窗输入。

![](https://img-cdn-sg.payermax.com/public/20240524-d749b01b-5016-44da-abc4-5b1bec6aa027.png)

>**验证码收发**

**交互优化**：验证码收发逐步呈现，信息更加聚焦。

**收发问题处理优化**：支持在验证码接收过程中修改手机号，便捷输错手机号场景处理；区分手机号错误及验证码错误，显示具体引导。

![](https://img-cdn-sg.payermax.com/public/20240524-8aafc1f1-5aa4-4010-a85e-a0713d4de8d2.png)

>**支付引导页**

**支付引导体验优化**：根据不同支付流程，以场景化的交互步骤、指示图片及本地化语言等针对性地提供用户引导。

![](https://img-cdn-sg.payermax.com/public/20240524-b9d48f8a-da34-49eb-a39c-6ff6cf5711a4.png)

### 4. 页面视觉

收银台2.0页面更加简介、聚焦；信息输入框更利于下单操作；支付方式/列表显示更为突出；并支持深/浅色主题以及自定义UI风格（包括商户 logo、支付方式排序、主题色彩、边框圆角以及按钮风格等）。

![](https://img-cdn-sg.payermax.com/public/20240524-46782232-fe2a-4ddf-a636-8431df60dd06.png)