结账概述
Waffo Pancake 结账为您的客户提供无缝、高转化率优化的支付体验。
结账网址
结账页面使用基于令牌的 URL 结构:
https://checkout.waffo.ai/{store-slug}/{product-slug}
| 组件 | 描述 |
|---|
store-slug | 您店铺的唯一 URL 标识 |
token | 包含产品和会话信息的加密结账令牌 |
结账令牌在服务器端生成,包含产品详情、定价和安全信息。
结账流程
分步流程
店铺落地页
客户到达您的店铺页面,显示:
- 店铺品牌和标志
- 产品名称和图片
- 产品描述
- 带货币的价格
- 账单周期(针对订阅)
- 试用期信息(如适用)
邮箱收集
客户输入邮箱地址:
- 所有购买必填
- 用于收据和账户创建
- 启用客户门户访问
支付输入
客户提供支付详情:
- 信用卡/借记卡信息
- Apple Pay(支持的设备上)
- Google Pay(支持的设备上)
- 区域支付方式(支付宝、iDEAL 等)
处理页面
系统处理支付:
- 卡片验证和 3D Secure
- 欺诈检查
- 税费计算
- 支付授权
- 实时状态更新
结果页面
客户看到结果:
- 成功:订单确认、收据邮件、访问说明
- 失败:清晰的错误信息和重试选项
结账页面元素
产品部分
| 元素 | 描述 |
|---|
| 产品图片 | 视觉展示 |
| 产品名称 | 商品标题 |
| 描述 | 简短产品详情 |
| 价格 | 金额及货币 |
| 数量 | 适用产品的数量 |
支付部分
| 元素 | 描述 |
|---|
| 邮箱字段 | 客户联系方式 |
| 卡号 | 支付卡输入 |
| 有效期 | 卡片到期日 |
| CVC | 安全码 |
| 账单地址 | 用于税费计算 |
订单摘要
| 元素 | 描述 |
|---|
| 小计 | 产品价格 |
| 税费 | 根据地区计算 |
| 总计 | 最终收费金额 |
订阅结账
对于订阅产品,会显示额外元素:
试用信息
- 试用时长
- 试用结束日期
- 试用后首次收费
- 可随时取消说明
税费处理
Waffo Pancake 自动计算税费:
税费显示
| 设置 | 行为 |
|---|
| 外加 | 税费单独显示,添加到价格 |
| 内含 | 价格包含税费,显示为分解明细 |
税费类型
- 销售税(美国)
- 增值税 VAT(欧洲)
- 商品及服务税 GST(澳大利亚、加拿大)
税率根据客户的账单地址确定。请确保您的产品配置了正确的税务类别。
支付方式
信用卡/借记卡
支持的卡组织:
卡片验证包括:
- Luhn 算法检查
- 有效期验证
- CVC 验证
- 3D Secure(需要时)
数字钱包
Apple Pay
可用于:
- Mac 上的 Safari
- iOS 设备
- Touch ID / Face ID 认证
Google Pay
可用于:
- Chrome 浏览器
- Android 设备
- Google 账户关联的卡片
区域支付方式
支持主要市场的本地支付方式:
| 地区 | 支付方式 |
|---|
| 中国 | 支付宝、微信支付 |
| 欧洲 | iDEAL、Bancontact、SEPA |
| 巴西 | PIX、Boleto |
| 日本 | 便利店支付、PayPay |
| 东南亚 | GrabPay、GCash |
错误处理
常见支付错误
| 错误 | 原因 | 客户操作 |
|---|
| 卡片被拒 | 余额不足或银行拦截 | 尝试其他卡片 |
| 无效卡片 | 卡号错误 | 检查并重新输入 |
| 过期卡片 | 卡片已过期 | 使用有效卡片 |
| CVC 不匹配 | 安全码错误 | 重新输入 CVC |
| 3DS 失败 | 银行验证失败 | 联系银行 |
错误消息
错误消息具有以下特点:
- 清晰且可操作
- 非技术性语言
- 有帮助的下一步建议
- 不暴露敏感数据
结账后
成功页面
确认邮件
自动发送,包含:
重定向选项
配置结账后客户的去向:
- 默认成功页面
- 自定义感谢页面 URL
- 产品交付页面
- 会员区域
测试结账
使用测试模式来尝试结账:
测试卡号
| 卡片 | 卡号 | 结果 |
|---|
| Visa | 4242 4242 4242 4242 | 成功 |
| Mastercard | 5555 5555 5555 4444 | 成功 |
| 被拒 | 4000 0000 0000 0002 | 被拒 |
| 需要 3DS | 4000 0027 6000 3184 | 3D Secure |
| 余额不足 | 4000 0000 0000 9995 | 被拒 |
任何未来的有效期和任何3位数的 CVC 都可以使用。
上线前务必测试您的结账流程。端到端验证客户体验,包括确认邮件。
结账状态
处理页面
支付处理期间,客户会看到:
- 动画加载指示器
- “正在处理您的付款”消息
- 预计等待时间
成功页面
支付成功时:
- 订单确认号
- 收据邮件确认
- 下一步或访问说明
- 客户门户链接
失败页面
支付失败时:
- 清晰的错误说明
- 建议操作(尝试其他卡片等)
- 重试按钮
- 客服联系选项
结账令牌安全
结账令牌包括:
- 产品和定价信息
- 客户会话数据
- 过期时间戳
- 加密签名
令牌在过期后无法被修改或重复使用。
结账令牌在24小时后过期。过期后客户必须开始新的结账会话。