Skip to main content

收银台概览

Waffo Pancake 使用两步收银台流程,专为提高转化率设计。该设计先收集客户信息,再收集支付信息,降低放弃率并支持精准的税费计算。

收银台 URL

收银台页面使用基于会话的 URL 结构:
收银台会话在服务端生成,包含产品、定价和货币信息。

两步流程

消费者信息

收集邮箱、国家和账单信息,用于税费计算和订单处理。

支付

输入卡片信息或使用 Apple Pay / Google Pay 完成支付。
收银台页面 — 消费者信息

第 1 步:消费者信息

收集税费计算和订单处理所需的信息。 必填字段: 条件字段(基于国家): 企业购买选项: 客户可以勾选”我以企业身份购买”来提供:
  • 企业名称
  • 税号(用于增值税/税务豁免)

第 2 步:支付

收银台页面 — 支付

银行卡支付

  • 卡号
  • 有效期 (MM/YY)
  • CVC/CVV
  • 持卡人姓名

数字钱包

  • Apple Pay(iOS、Safari)
  • Google Pay(Android、Chrome)
  • 生物识别一键支付
订单摘要显示在支付表单旁,包含产品名称、图片、小计、税费和总计。

订阅收银台

对于订阅产品,额外显示计费信息:

自定义

通过仪表盘中的收银台设置,让收银台页面匹配您的品牌。 上传自定义 Logo 显示在收银台页面。支持 PNG、JPG 和 SVG 格式。

主题模式

浅色模式

白色背景,深色文字。适合大多数品牌。

深色模式

深色背景,浅色文字。现代美学。
在浅色和深色模式预设之间切换。每种模式维护各自的颜色值。

颜色设置

边框圆角

通过 checkoutBorderRadius 设置控制 UI 元素的圆角程度。默认值为 8px。选项范围从 0px(直角)到 16px(超大圆角)。
确保文本和背景颜色之间有足够的对比度以保证可访问性。WCAG 建议对比度至少为 4.5:1。

商店信息


多语言支持

托管收银台内置多语言能力,商户无需任何配置:
  • 自动检测 —— 收银台界面自动跟随买家的浏览器语言,暂不支持的语言回落为英文。
  • 买家自选 —— 买家可随时通过收银台页脚的语言选择器切换语言。
  • 支付页跟随 —— 支付页会使用买家点击支付时所选的语言打开(支持 22 种支付页语言)。
收银台界面共支持 19 种语言:

语言选择的优先级

收银台首次打开时按以下顺序决定界面语言,命中即停:
语言与货币互相独立 —— 无论订单使用哪种货币,买家都可以切换到 19 种语言中的任意一种。

处理与结果

提交支付后:
  1. 卡片验证 — Luhn 校验、有效期、CVC 验证
  2. 3D Secure — 银行验证(如发卡行要求)
  3. 授权 — 向卡片扣款
  4. 订单创建 — 记录到系统
成功页面: 订单确认号、收据邮件通知、后续步骤、客户门户链接。 失败页面: 清晰的错误说明、建议操作、重试按钮、联系支持选项。

错误处理


测试收银台

使用测试模式体验收银台流程,无需真实扣款。
测试模式通过横幅提示:“Test Mode - No real charges will be made”

记录商声明

在收银台页面底部,客户会看到:
“This order is processed by our online reseller & Merchant of Record, Waffo Pancake, who also handles order-related inquiries and returns.”
此声明是记录商合规要求,帮助客户理解支付关系。