Tùy chỉnh Thiết kế & Chủ đề

Tùy chỉnh giao diện và cảm nhận của trang thanh toán, cửa hàng và cổng khách hàng từ một nơi. Chọn chủ đề dựng sẵn, cấu hình kiểu chữ và màu sắc, rồi áp dụng ghi đè từng phần, tất cả với chế độ xem trước trực tiếp.

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

1. 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.
2. Chủ đề dựng sẵn - Bắt đầu với chủ đề được tuyển chọn và tùy chỉnh từ đó.
3. Chế độ Sáng & Tối - Xác định bảng màu riêng cho mỗi chế độ.
4. 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.
5. 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.
6. Đ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 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:

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

Dodo Pulses in light mode

Dark Mode

Dodo Pulses in 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

Terminal in light mode

Dark Mode

Terminal in 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

Bumblebee in light mode

Dark Mode

Bumblebee in 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

Bubblegum in light mode

Dark Mode

Bubblegum in dark mode

Sau khi chọn chủ đề dựng sẵn, bạn có thể tùy chỉnh thêm từng thuộc tính riêng trong Cài đặt nâng cao. Bất kỳ thuộc tính nào chưa chỉ định sẽ quay về giá trị mặc định của chủ đề.

​

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

Ghi đè kiểu chữ, màu sắc và cài đặt đường viền chỉ dành cho trải nghiệm thanh toán. Phần xem trước trực tiếp hiển thị:

• 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ấu hình các cài đặt riêng cho 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

Ghi đè chủ đề cho cổng khách hàng, bao gồm:

• 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.