Trang Thiết kế là trung tâm điều phối cho việc xây dựng thương hiệu trên mọi bề mặt tiếp xúc khách hàng: thanh toán, cửa hàng và cổng khách hàng. Các thay đổi áp dụng tức thì trên cả ba và được xem trước theo thời gian thực trước khi bạn lưu.
Điểm nổi bật chính
- Trung tâm Thiết kế thống nhất - Cấu hình giao diện thanh toán, cửa hàng và cổng khách hàng trên cùng một trang.
- Chủ đề dựng sẵn - Bắt đầu với 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 mỗi chế độ.
- Xem trước trực tiếp - Xem các thay đổi hiển thị thế nào trên thanh toán, cổng khách hàng và cửa hàng trước khi lưu.
- Ghi đè từng phần - Tinh chỉnh từng phần riêng (thanh toán, cửa hàng, cổng khách hàng) mà không ảnh hưởng phần khác.
- Điều khiển theo chương trình - Ghi đè chủ đề lúc thanh toán qua API hoặc Checkout SDK.
Bắt đầu
Điều hướng đến Thiết kế trong thanh bên chính của Bảng điều khiển Merchant. Trang Thiết kế có bốn tab:| Tab | Mục đích |
|---|---|
| Chung | Tên doanh nghiệp, logo, chọn chủ đề và cài đặt nâng cao toàn cục |
| Thanh toán | Ghi đè cài đặt chủ đề chỉ dành cho trang thanh toán |
| Cửa hàng | Ghi đè cài đặt chủ đề và cấu hình bố cục cửa hàng |
| Cổng khách hàng | Ghi đè cài đặt chủ đề cho cổng khách hàng |
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 | Mô tả |
|---|---|
| Tên doanh nghiệp | Tên hiển thị trên thanh toán, cửa hàng và cổng khách hàng |
| Logo doanh nghiệp | Logo thương hiệu của bạn trên mọi trang tiếp xúc khách hàng |
| Chủ đề | Chọn chủ đề dựng sẵn làm điểm khởi đầu của 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ài đặt | Tùy chọn | Mô tả |
|---|---|---|
| Phông chính | Bất kỳ phông Google nào | Phông chính dành cho tiêu đề và nội dung |
| Phông phụ | Bất kỳ phông Google nào | Phông điểm nhấn cho nhãn và văn bản phụ |
| Kích thước phông | xs, sm, md, lg, xl, 2xl | Cỡ phông cơ sở toàn cục |
| Độ đậm phông | normal, medium, bold, extraBold | Độ dày phông mặc định |
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:| Thuộc tính | Mô tả |
|---|---|
| Nền chính | Màu nền chính |
| Nền phụ | Nền phụ (tab, thẻ) |
| Văn bản chính | Màu văn bản chính |
| Văn bản phụ | Màu văn bản mờ |
| Nút chính | Nền nút chính |
| Văn bản nút chính | Màu chữ trên nút chính |
| Nút phụ | Nền nút phụ |
| Văn bản nút phụ | Màu chữ trên nút phụ |
| Đường viền chính | Màu đường viền chính |
| Đường viền phụ | Màu đường viền điểm nhấn |
Viền
| Cài đặt | Mô tả |
|---|---|
| Bán kính đường viền | Điều khiển độ bo tròn của ô nhập, nút, tab và thẻ (ví dụ: 0 cho góc nhọn, 8px cho bo tròn, 16px cho kiểu viên thuốc) |
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
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
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
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
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
| Cài đặt | Mô tả |
|---|---|
| URL cửa hàng | Địa chỉ cửa hàng của bạn (ví dụ: store.dodopayments.com/your-store) |
| Tên cửa hàng | Bật tắt và đặt tên hiển thị trên cửa hàng |
| Logo cửa hàng | Bật tắt và tải logo cho đầu trang cửa hàng |
| Biểu ngữ cửa hàng | Bật tắt và tải hình ảnh biểu ngữ |
| Mô tả sản phẩm | Bật để hiển thị hoặc ẩn mô tả sản phẩm trên thẻ |
| Ghi đè Chủ đề | Bật để tùy chỉnh kiểu chữ, màu sắc và đường viền chỉ cho 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
Tài nguyên liên quan
Checkout Features
Các tính năng thanh toán bao gồm tiền tệ, ngôn ngữ, thuế, giảm giá và nhiều hơn nữa.
Overlay Checkout SDK
Nhúng thanh toán dưới dạng lớp phủ modal trên trang của bạn.
Inline Checkout SDK
Nhúng thanh toán 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 thương hiệu của bạn.
Customer Portal
Cổng dịch vụ tự phục vụ cho đăng ký 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 thương hiệu riêng biệt.