디자인 페이지는 결제, 스토어프론트, 고객 포털 등 모든 고객 대면 환경의 브랜딩을 관리하는 중앙 허브입니다. 변경사항은 세 영역 전체에 즉시 적용되며 저장 전에 실시간으로 미리볼 수 있습니다.
주요 하이라이트
- 통합 디자인 허브 - 하나의 페이지에서 결제, 스토어프론트, 고객 포털 외관을 구성하세요.
- 미리 제작된 테마 - 선별된 테마를 시작점으로 사용하고 커스터마이징하세요.
- 라이트 및 다크 모드 - 각 모드에 대해 별도의 색상 팔레트를 정의하세요.
- 실시간 미리보기 - 저장하기 전에 변경사항이 결제, 고객 포털, 스토어프론트에서 어떻게 보이는지 확인하세요.
- 섹션별 오버라이드 - 서로 영향을 주지 않고 개별 섹션(결제, 스토어프론트, 고객 포털)을 세밀하게 조정하세요.
- 프로그램 방식 제어 - API 또는 Checkout SDK를 통해 결제 시 테마를 오버라이드하세요.
시작하기
상인 대시보드의 왼쪽 사이드바에서 디자인으로 이동하세요. 디자인 페이지에는 네 개의 탭이 있습니다:일반 설정
일반 탭은 기본 브랜드 아이덴티티와 전역 테마를 제어합니다.
기본 구성
고급 설정
고급 설정을 확장하여 세부 제어에 접근하세요:
타이포그래피
색상 구성
라이트 모드와 다크 모드에 대해 별도의 색상 팔레트를 정의하세요. 각 모드는 다음 속성을 지원합니다:테두리
미리 제작된 테마
Dodo Payments는 네 가지 선별 테마를 제공합니다. 일반 탭의 테마 드롭다운에서 하나를 선택하면 결제, 스토어프론트, 고객 포털 전반에 통합된 디자인이 즉시 적용됩니다.Dodo Pulses
기본 Dodo Payments 테마입니다. 라임색 강조는 에너지 넘치고 신선한 느낌을 주며, 깨끗한 산세리프 타이포그래피와 넉넉한 여백을 특징으로 합니다.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
모노스페이스 타이포그래피와 로열 블루 강조가 있는 개발자 지향 테마입니다. 날카로운 모서리와 기술적인 미학이 개발 도구 및 API 중심 제품과 잘 어울립니다.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
따뜻한 호박색 및 금색 강조와 둥근 현대적 스타일입니다. 대담하고 대비가 강해 프리미엄으로 보이길 원하는 소비자 대상 제품에 적합합니다.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
장난기 있는 핑크 및 마젠타 강조와 완전히 둥근 모서리입니다. 크리에이티브 도구, 디자인 제품, 라이프스타일 브랜드에 잘 어울리는 현대적이고 접근성 있는 룩입니다.- Light Mode
- Dark Mode
Bubblegum in light mode
섹션별 오버라이드
각 섹션 탭(결제, 스토어프론트, 고객 포털)에는 테마 오버라이드 토글이 포함되어 있습니다. 활성화하면 그 섹션의 외관을 전역 테마와 별개로 커스터마이징할 수 있습니다.결제 탭
- 제품 정보 및 가격
- 익스프레스 결제 옵션(Apple Pay, Google Pay)
- 결제 수단 선택 및 카드 폼
- 할인 코드 입력 및 가격 내역
스토어프론트 탭
고객 포털 탭
- 구독 관리
- 청구 내역
- 결제 수단
- 월렛 및 크레딧
관련 자료
Checkout Features
통화, 언어, 세금, 할인 등을 포함한 결제 기능입니다.
Overlay Checkout SDK
결제를 페이지에 오버레이 모달로 삽입합니다.
Inline Checkout SDK
결제를 페이지 레이아웃에 직접 삽입합니다.
Storefront
브랜드화된 스토어프론트를 설정하고 관리합니다.
Customer Portal
구독 및 청구를 위한 고객 셀프 서비스 포털입니다.
Multi-Brand Setup
별도 브랜딩으로 여러 브랜드를 하나의 계정에서 운영합니다.