收银台概览
Waffo Pancake 使用两步收银台流程,专为提高转化率设计。该设计先收集客户信息,再收集支付信息,降低放弃率并支持精准的税费计算。收银台 URL
收银台页面使用基于会话的 URL 结构:收银台会话在服务端生成,包含产品、定价和货币信息。
两步流程
消费者信息
收集邮箱、国家和账单信息,用于税费计算和订单处理。
支付
输入卡片信息或使用 Apple Pay / Google Pay 完成支付。

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

银行卡支付
- 卡号
- 有效期 (MM/YY)
- CVC/CVV
- 持卡人姓名
数字钱包
- Apple Pay(iOS、Safari)
- Google Pay(Android、Chrome)
- 生物识别一键支付
订阅收银台
对于订阅产品,额外显示计费信息:自定义
通过仪表盘中的收银台设置,让收银台页面匹配您的品牌。Logo
上传自定义 Logo 显示在收银台页面。支持 PNG、JPG 和 SVG 格式。主题模式
浅色模式
白色背景,深色文字。适合大多数品牌。
深色模式
深色背景,浅色文字。现代美学。
颜色设置
边框圆角
通过checkoutBorderRadius 设置控制 UI 元素的圆角程度。默认值为 8px。选项范围从 0px(直角)到 16px(超大圆角)。
确保文本和背景颜色之间有足够的对比度以保证可访问性。WCAG 建议对比度至少为 4.5:1。
商店信息
多语言支持
托管收银台内置多语言能力,商户无需任何配置:- 自动检测 —— 收银台界面自动跟随买家的浏览器语言,暂不支持的语言回落为英文。
- 买家自选 —— 买家可随时通过收银台页脚的语言选择器切换语言。
- 支付页跟随 —— 支付页会使用买家点击支付时所选的语言打开(支持 22 种支付页语言)。
语言选择的优先级
收银台首次打开时按以下顺序决定界面语言,命中即停:语言与货币互相独立 —— 无论订单使用哪种货币,买家都可以切换到 19 种语言中的任意一种。
处理与结果
提交支付后:- 卡片验证 — Luhn 校验、有效期、CVC 验证
- 3D Secure — 银行验证(如发卡行要求)
- 授权 — 向卡片扣款
- 订单创建 — 记录到系统
错误处理
测试收银台
使用测试模式体验收银台流程,无需真实扣款。测试模式通过横幅提示:“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.”此声明是记录商合规要求,帮助客户理解支付关系。