디자인 및 테마 커스터마이징

​

주요 하이라이트

1. 통합 Design 허브 - 단일 페이지에서 checkout, storefront, Customer Portal의 모양을 구성합니다.
2. 사전 제작 테마 - 엄선된 테마로 시작한 후 원하는 대로 사용자 지정할 수 있습니다.
3. 라이트 및 다크 모드 - 각 모드에 대해 별도의 색상 팔레트를 정의합니다.
4. 실시간 미리보기 - 저장하기 전에 checkout, Customer Portal, storefront 전반에서 변경 사항이 어떻게 표시되는지 확인합니다.
5. 섹션별 재정의 - 다른 영역에 영향을 주지 않고 개별 섹션(checkout, storefront, Customer Portal)을 세부 조정합니다.
6. Programmatic 제어 - API 또는 Checkout SDK를 통해 checkout 시점에 테마를 재정의합니다.
7. 테스트 디자인을 라이브로 복사 - 테스트 모드에서 완성한 디자인을 한 단계로 라이브 모드로 이동합니다.

​

시작하기

상인 대시보드의 왼쪽 사이드바에서 디자인으로 이동하세요. 디자인 페이지에는 네 개의 탭이 있습니다:

​

일반 설정

일반 탭은 기본 브랜드 아이덴티티와 전역 테마를 제어합니다.

​

기본 구성

​

고급 설정

고급 설정을 확장하여 세부 제어에 접근하세요:

​

타이포그래피

​

색상 구성

라이트 모드와 다크 모드에 대해 별도의 색상 팔레트를 정의하세요. 각 모드는 다음 속성을 지원합니다:

​

테두리

​

미리 제작된 테마

Dodo Payments는 네 가지 선별 테마를 제공합니다. 일반 탭의 테마 드롭다운에서 하나를 선택하면 결제, 스토어프론트, 고객 포털 전반에 통합된 디자인이 즉시 적용됩니다.

​

Dodo Pulses

기본 Dodo Payments 테마입니다. 라임색 강조는 에너지 넘치고 신선한 느낌을 주며, 깨끗한 산세리프 타이포그래피와 넉넉한 여백을 특징으로 합니다.

​

Terminal

모노스페이스 타이포그래피와 로열 블루 강조가 있는 개발자 지향 테마입니다. 날카로운 모서리와 기술적인 미학이 개발 도구 및 API 중심 제품과 잘 어울립니다.

​

Bumblebee

따뜻한 호박색 및 금색 강조와 둥근 현대적 스타일입니다. 대담하고 대비가 강해 프리미엄으로 보이길 원하는 소비자 대상 제품에 적합합니다.

​

Bubblegum

장난기 있는 핑크 및 마젠타 강조와 완전히 둥근 모서리입니다. 크리에이티브 도구, 디자인 제품, 라이프스타일 브랜드에 잘 어울리는 현대적이고 접근성 있는 룩입니다.

​

섹션별 오버라이드

각 섹션 탭(결제, 스토어프론트, 고객 포털)에는 테마 오버라이드 토글이 포함되어 있습니다. 활성화하면 그 섹션의 외관을 전역 테마와 별개로 커스터마이징할 수 있습니다.

​

결제 탭

결제 환경에 대해 타이포그래피, 색상, 테두리 설정을 개별적으로 오버라이드하세요. 실시간 미리보기에는 다음 항목이 표시됩니다:

• 제품 정보 및 가격
• 익스프레스 결제 옵션(Apple Pay, Google Pay)
• 결제 수단 선택 및 카드 폼
• 할인 코드 입력 및 가격 내역

​

스토어프론트 탭

스토어프론트 관련 설정을 구성하세요:

​

고객 포털 탭

고객 포털의 테마를 오버라이드하여 다음을 포함합니다:

• 구독 관리
• 청구 내역
• 결제 수단
• 월렛 및 크레딧

​

테스트 모드에서 라이브 모드로 디자인 복사

테스트 모드와 라이브 모드는 서로 별도의 디자인 구성을 유지하므로, 테스트 중에 만든 테마가 실제 고객에게 자동으로 표시되지 않습니다. 수동으로 다시 만들 필요 없이 한 단계로 테스트 모드의 디자인을 라이브 모드로 복사할 수 있습니다. 복사에는 모든 디자인 영역 — 일반 설정, checkout, Customer Portal, storefront 재정의 — 과 storefront 브랜딩이 포함됩니다.

​

관련 리소스