设计与主题定制

​

关键亮点

1. 统一设计中心 - 从单个页面配置 checkout、storefront 和 Customer Portal 的外观。
2. 预构建主题 - 从精选主题开始，然后根据需要进行自定义。
3. 浅色和深色模式 - 为每种模式分别定义颜色调色板。
4. 实时预览 - 保存前查看更改在 checkout、Customer Portal 和 storefront 中的显示效果。
5. 按部分覆盖 - 微调各个部分（checkout、storefront、Customer Portal），而不影响其他部分。
6. 程序化控制 - 通过 API 或 Checkout SDK 在 checkout 时覆盖主题。
7. 将测试设计复制到 live 模式 - 一步即可将您在测试模式中完善的设计移至 live 模式。

​

快速入门

在你的商家仪表盘中，导航到 设置 → 设计。设计页面有四个标签页：

​

常规设置

General 选项卡控制你的基础品牌识别与全局主题。

​

基础配置

​

高级设置

展开 高级设置 以访问更细粒度的控件：

​

排版

​

色彩配置

为 亮模式 和 暗模式 定义独立的配色方案。每种模式支持如下属性：

​

边框

​

预设主题

Dodo Payments 提供了四款精选主题。在 General 选项卡的 Theme 下拉菜单中选择一项，即可瞬间在结账、在线店面和客户门户上应用统一的设计风格。

​

Dodo Pulses

默认的 Dodo Payments 主题。青柠绿点缀营造出充满活力与清新感。清爽的无衬线排版加上宽松的留白。

​

Terminal

以开发者为导向的主题，采用等宽字体与皇家蓝点缀。锐角设计与技术美学非常适合开发工具和 API 优先的产品。

​

Bumblebee

温暖的琥珀与金色点缀，搭配圆润且现代的样式。醒目且高对比度，适合希望营造高级感的面向消费者的产品。

​

Bubblegum

活泼的粉色与洋红点缀，搭配完全圆角。现代且亲和的外观，适合创意工具、设计类产品与生活方式品牌。

​

分区覆盖

每个区域选项卡（Checkout、Storefront、Customer Portal）都包含 Override Theme 切换。当启用后，可独立定制该区域的外观，而不影响全局主题。

​

结账选项卡

专为结账体验覆盖排版、配色与边框设置。实时预览包括：

• 商品信息与价格
• 极速支付选项（Apple Pay、Google Pay）
• 支付方式选择与银行卡表单
• 折扣码输入与价格明细

​

在线店面选项卡

配置面向在线店面的一些专属设置：

​

客户门户选项卡

覆盖客户门户的主题，包含：

• 订阅管理
• 账单历史
• 支付方式
• 钱包与余额

​

将设计从测试模式复制到 live 模式

测试模式和 live 模式使用独立的设计配置，因此您在测试期间创建的主题不会自动显示给真实客户。无需手动重新创建，只需一步即可将设计从测试模式复制到 live 模式。 复制操作涵盖所有设计界面——常规设置、checkout、Customer Portal 和 storefront 覆盖设置——以及您的 storefront 品牌设置。

​

相关资源