设计与主题定制

​

关键亮点

1. 统一设计中心 - 在同一页面配置结账、在线店面与客户门户的外观。
2. 预设主题 - 从精选主题开始，并在此基础上定制。
3. 亮/暗模式 - 为每种模式定义不同的配色方案。
4. 实时预览 - 保存前即可查看结账、客户门户与在线店面的实际效果。
5. 分区覆盖 - 精细调整各个区域（结账、在线店面、客户门户），互不影响。
6. 程序化控制 - 通过 API 或 Checkout SDK 在结账时覆盖主题。

​

快速入门

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

​

常规设置

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

​

基础配置

​

高级设置

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

​

排版

​

色彩配置

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

​

边框

​

预设主题

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

​

Dodo Pulses

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

​

Terminal

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

​

Bumblebee

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

​

Bubblegum

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

​

分区覆盖

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

​

结账选项卡

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

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

​

在线店面选项卡

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

​

客户门户选项卡

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

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

​

相关资源