跳转到主要内容

​
定制概述

通过自定义标志、颜色和主题，让您的结账页面与您的品牌保持一致。

​
访问结账设置

  1. 前往控制台 → 设置
  2. 选择”结账”选项卡
  3. 自定义并预览更改
  4. 保存以应用

​
品牌选项

​
标志

上传您的品牌标志以显示在结账页头。
设置规格
格式PNG, JPG, SVG
推荐尺寸200 × 50 px
最大文件大小2 MB
背景推荐透明
使用横向标志效果最佳。标志会出现在结账页头和确认邮件中。

​
横幅图片

添加横幅图片来增强您的结账页面。
设置规格
格式PNG, JPG
推荐尺寸1200 × 300 px
最大文件大小5 MB
宽高比4:1

​
主题设置

​
颜色模式

浅色主题

  • 白色背景
  • 深色文字
  • 适合大多数品牌
  • 专业外观

深色主题

  • 深色背景
  • 浅色文字
  • 现代美感
  • 减轻眼睛疲劳

​
自定义颜色

自定义结账配色方案：
颜色设置描述默认值
强调色按钮、链接、聚焦状态#6366F1
悬停色按钮悬停状态#4F46E5
文字颜色主要文字#1F2937
背景色页面背景#FFFFFF

​
颜色选择器

对于每个颜色设置：
  1. 点击颜色色块
  2. 使用颜色选择器或输入十六进制代码
  3. 实时预览更改
  4. 满意后保存
确保文字和背景颜色之间有足够的对比度以保证可访问性。WCAG 建议对比度至少为 4.5:1。

​
预览模式

保存更改前：
  1. 使用右侧的预览面板
  2. 在桌面和移动视图之间切换
  3. 使用不同产品测试
  4. 验证所有元素是否可读

​
定制示例

​
科技初创公司

主题: 深色
强调色: #00D4FF (青色)
背景色: #0F172A (深蓝)
文字色: #F1F5F9 (浅灰)

​
电子商务

主题: 浅色
强调色: #16A34A (绿色)
背景色: #FFFFFF (白色)
文字色: #111827 (深灰)

​
创意机构

主题: 浅色
强调色: #8B5CF6 (紫色)
背景色: #FAFAFA (米白)
文字色: #374151 (灰色)

​
其他设置

​
店铺信息

在结账页面显示额外信息：
选项描述
店铺名称显示在页头
客服邮箱用于客户咨询
条款链接链接到您的服务条款
隐私链接链接到您的隐私政策

​
法律链接

添加到您法律页面的链接：
  • 服务条款（必填）
  • 隐私政策（必填）
  • 退款政策（可选）
这些会出现在结账页脚。

​
邮件品牌

您的结账品牌会延伸到交易邮件：
邮件类型应用的品牌
订单确认标志、颜色
付款收据标志、颜色
订阅提醒标志、颜色
付款失败标志、颜色

​
最佳实践

  • 与您网站的外观保持一致
  • 使用与主站相同的标志
  • 一致的配色方案建立信任
  • 使用专业、高质量的图片
  • 包含联系信息
  • 显示安全徽章
  • 展示支付方式标志
  • 在移动设备上测试
  • 确保标志正确缩放
  • 检查较小屏幕上的颜色对比度
  • 验证触摸目标是否足够大
  • 足够的颜色对比度
  • 可读的字体大小
  • 图片替代文字
  • 键盘可导航

​
重置为默认

重置所有定制：
  1. 前往结账设置
  2. 点击”重置为默认”
  3. 确认操作
  4. 将恢复默认的 Waffo Pancake 品牌
重置为默认无法撤销。请在重置前考虑保存您当前的设置。