# 收银台模式介绍 ::: tip PayerMax Hosted Payment Page是指PayerMax已构建（Pre_build）的H5支付页面，已经在其转化页面进行了精细的优化。商户无需开发收银台页面完全由PayerMax 提供，可根据设备进行页面自适应，极大简化商户集成，支持商户快速上线。 ::: ## 1. 适用性 + 适用APP或网页类商户，或者存在多端设备的商户； + 少量的对接成本，新上支付方式无需或极少改动即可支持； + 无需 PCI-DSS compliant。 ## 2. 用户流程介绍 标准收银台分为以下两种类型，可根据您的收银台展示进行选择。 ### 2.1 全量支付方式收银台 商户侧只需要提供checkout 入口，用户点击后跳转进入PayerMax Hosted Payment Page进行支付方式的选择及支付确认。 ![](https://img-cdn-sg.payermax.com/public/20240813-9ae70bb1-e114-43a9-b6bb-46281ca49e3a.jpg) ### 2.2 指定支付方式收银台 商户侧提供支付方式选择，用户可在商户收银台确认使用的支付方式后，进入支付流程。 ![](https://img-cdn-sg.payermax.com/public/20251009-8511dd69-6a2d-4677-87f7-f0fe91bc628a.png) ## 3. 支付方式推荐 PayerMax预构建的标准收银台中包含支付方式推荐能力，会根据用户的历史支付行为或偏好进行支付方式推荐，缩短用户选择时间，提升支付效率和成功率。 ## 4. 集成模式特点 ### 4.1 性能 + **自适应多端设备**：自适应包括PC、移动、平板等设备端的支付行为； + **采用多种优化手段提升站点性能**：通过数据压缩、缓存优化、并行加载、自适应等算法技术，有效降低收银台加载时间； + **本地快速通道直连**：将技术基建与当地渠道能力相结合，全球范围提供高速无缝的支付服务； + **弱网环境加载优化**：针对网络访问速度较慢的部分新兴市场地区，PayerMax提供fast 3G弱网环境优化方案。 ### 4.2 信息承载 + **商户Logo显示**：满足商户自定义收银台需求，用户进入收银台页面感知明确； + **重点突出金额信息**：强调金额信息，用户下单支付更安心； + **支持支付优惠等标签**：可承载更多订单信息，如VAT、手续费等； + **支付引导**：提供详细的用户引导，适配本地化语言，并支持点击“More info”并在弹层中查看所有订单信息； + **收银台二维码及网址**：提供收银台当前页二维码及网址；在当前支付环境无法完成支付时，允许用户复制地址或扫码使用其他浏览器打开并完成支付。 ![](https://img-cdn-sg.payermax.com/public/20240524-1f0382ce-8cfb-4ca3-9f19-0066705514dd.png) ### 4.3 页面交互 >**卡支付** + **页面显示层级**：推荐卡与添加卡置于同一页面操作，便于用户切换与聚焦。 + **实时银行卡验证**：支持用户进行实时银行卡验证，提前识别错误卡信息，防止交易失败。 + **卡账号列表显示**：便捷直观的浏览历史使用账号并选用。 + **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.4 页面视觉 页面简介、聚焦，并支持深/浅色主题以及自定义UI风格（包括商户 logo、支付方式排序、主题色彩、边框圆角以及按钮风格等）。 ![](https://img-cdn-sg.payermax.com/public/20240524-46782232-fe2a-4ddf-a636-8431df60dd06.png)