Trang Design là trung tâm chính để xây dựng thương hiệu cho mọi giao diện hướng đến khách hàng: checkout, cửa hàng và Customer Portal. Các thay đổi được áp dụng ngay lập tức trên cả ba giao diện và được xem trước theo thời gian thực trước khi bạn lưu. Test mode và live mode sử dụng các thiết kế riêng biệt — xem Sao chép thiết kế từ Test mode sang Live mode.
Điểm nổi bật chính
- Trung tâm thiết kế hợp nhất - Định cấu hình giao diện của checkout, cửa hàng và Customer Portal từ một trang duy nhất.
- Chủ đề dựng sẵn - Bắt đầu với một chủ đề được tuyển chọn và tùy chỉnh từ đó.
- Chế độ sáng & tối - Xác định bảng màu riêng cho từng chế độ.
- Xem trước trực tiếp - Xem các thay đổi của bạn hiển thị như thế nào trên checkout, Customer Portal và cửa hàng trước khi lưu.
- Ghi đè theo từng phần - Tinh chỉnh từng phần riêng lẻ (checkout, cửa hàng, Customer Portal) mà không ảnh hưởng đến các phần khác.
- Kiểm soát bằng lập trình - Ghi đè chủ đề tại thời điểm checkout thông qua API hoặc Checkout SDK.
- Sao chép thiết kế từ Test mode sang Live - Chuyển một thiết kế đã hoàn thiện trong Test mode sang Live mode chỉ với một bước.
Bắt đầu
Điều hướng đến Cài đặt → Thiết kế trong Bảng điều khiển thương gia của bạn. Trang Thiết kế có bốn tab:Cài đặt Chung
Tab Chung điều khiển bản sắc thương hiệu cơ bản và chủ đề toàn cục của bạn.
Cấu hình cơ bản
Cài đặt nâng cao
Mở rộng Cài đặt nâng cao để truy cập các điều khiển chi tiết:
Kiểu chữ
Cấu hình màu sắc
Định nghĩa bảng màu riêng cho Chế độ Sáng và Chế độ Tối. Mỗi chế độ hỗ trợ các thuộc tính sau:Viền
Chủ đề dựng sẵn
Dodo Payments đi kèm bốn chủ đề được tuyển chọn. Chọn một chủ đề từ menu Chủ đề trong tab Chung để áp dụng ngay một thiết kế đồng nhất cho thanh toán, cửa hàng và cổng khách hàng.Dodo Pulses
Chủ đề mặc định của Dodo Payments. Điểm nhấn xanh chanh mang đến cảm giác năng động và tươi mới. Kiểu chữ sans-serif sạch với khoảng cách rộng rãi.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
Chủ đề dành cho nhà phát triển với kiểu chữ monospaced và điểm nhấn xanh hoàng gia. Góc nhọn và thẩm mỹ kỹ thuật phù hợp với các sản phẩm hướng công cụ dev và ưu tiên API.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
Điểm nhấn hổ phách và vàng ấm cùng phong cách bo tròn hiện đại. Nổi bật và tương phản cao, phù hợp với các sản phẩm hướng tới người tiêu dùng muốn tạo cảm giác cao cấp.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
Điểm nhấn hồng và magenta vui nhộn với góc bo tròn hoàn toàn. Giao diện hiện đại, thân thiện phù hợp cho công cụ sáng tạo, sản phẩm thiết kế và thương hiệu phong cách sống.- Light Mode
- Dark Mode
Bubblegum in light mode
Ghi đè từng phần
Mỗi tab phần (Thanh toán, Cửa hàng, Cổng khách hàng) bao gồm công tắc Ghi đè Chủ đề. Khi bật, bạn có thể tùy chỉnh giao diện của phần đó độc lập với chủ đề toàn cục.Tab Thanh toán
- Thông tin sản phẩm và giá cả
- Tùy chọn thanh toán nhanh (Apple Pay, Google Pay)
- Lựa chọn phương thức thanh toán và biểu mẫu thẻ
- Nhập mã giảm giá và tóm tắt giá
Tab Cửa hàng
Tab Cổng khách hàng
- Quản lý đăng ký
- Lịch sử thanh toán
- Phương thức thanh toán
- Ví và tín dụng
Sao chép thiết kế từ Test mode sang Live mode
Test mode và live mode sử dụng các cấu hình thiết kế riêng biệt, vì vậy chủ đề bạn tạo trong quá trình kiểm thử sẽ không tự động xuất hiện với khách hàng thực. Thay vì tạo lại thủ công, hãy sao chép thiết kế từ Test mode sang Live mode chỉ với một bước. Thao tác sao chép bao gồm tất cả giao diện thiết kế — cài đặt chung, checkout, Customer Portal và các ghi đè cho cửa hàng — cùng với thương hiệu cửa hàng của bạn.Tài nguyên liên quan
Checkout Features
Các tính năng checkout, bao gồm tiền tệ, ngôn ngữ, thuế, giảm giá và nhiều tính năng khác.
Overlay Checkout SDK
Nhúng checkout dưới dạng lớp phủ modal trên trang của bạn.
Inline Checkout SDK
Nhúng checkout trực tiếp vào bố cục trang của bạn.
Storefront
Thiết lập và quản lý cửa hàng mang thương hiệu của bạn.
Customer Portal
Cổng thông tin tự phục vụ cho khách hàng để quản lý subscription và thanh toán.
Multi-Brand Setup
Vận hành nhiều thương hiệu trong một tài khoản với nhận diện thương hiệu riêng biệt.