DOCS

Checkout design

/

Thiết kế Checkout

Thêm logo thương hiệu, favicon và màu sắc của bạn.

Nâng cao trải nghiệm checkout của bạn với một dấu ấn cá nhân bằng cách tùy chỉnh trang checkout quốc tế của bạn với logo, favicon và màu sắc thương hiệu của bạn.

Tải lên logo của bạn

Để tải logo của bạn lên trang checkout:

  1. Đi tới Dashboard -> Cài đặt -> Checkout -> Giao diện.
  2. Nhấp vào Tải lên logo mới.
  3. Chọn tệp từ máy tính của bạn, sau đó nhấp vào Mở.

Tải lên favicon của bạn

Để tải favicon của bạn lên trang checkout:

  1. Đi tới Dashboard -> Cài đặt -> Checkout -> Giao diện.
  2. Nhấp vào Tải lên favicon mới.
  3. Chọn tệp từ máy tính của bạn, sau đó nhấp vào Mở.

Tìm tệp favicon để lưu

Nếu bạn không có tệp favicon trên máy tính của mình, hãy làm theo các bước sau để lấy nó từ trang web của bạn trước khi tải lên Dashboard.

  1. Đi tới trang web của bạn.
  2. Nhấp chuột phải vào trang web của bạn, sau đó chọn Xem mã nguồn trang từ menu thả xuống.
  3. Tìm favicon bằng cách nhấn ctrl+f (hoặc command+f trên Mac), sau đó tìm kiếm từ "favicon."
  4. Nhấp vào liên kết xuất hiện cho favicon để hiển thị hình ảnh.
  5. Nhấp chuột phải vào hình ảnh và lưu hình ảnh ở định dạng ICO.
    1. Nếu hình ảnh của bạn không lưu ở định dạng ICO, hãy lưu nó ở định dạng hiện tại, sau đó sử dụng một chương trình như Convertio để chuyển đổi tệp thành tệp ICO.

Chỉnh sửa màu sắc

Để tùy chỉnh màu sắc trên trang checkout của bạn:

  1. Đi tới Dashboard -> Cài đặt -> Checkout -> Giao diện.
  2. Dưới Màu sắc, nhấp vào màu mà bạn muốn thay đổi.
  3. Chọn một màu đã định sẵn hoặc nhập mã màu Hex của màu bạn muốn.

Nếu bạn cần trợ giúp tìm mã màu Hex của màu thương hiệu của bạn, bạn có thể sử dụng một tiện ích mở rộng chọn màu trên trình duyệt của bạn để lấy mã màu hex từ trang web của bạn.

Các yếu tố bạn có thể tùy chỉnh màu sắc

Bạn có thể tùy chỉnh trang checkout với tối đa ba màu:

  • Màu chính (cho nút radio, hộp kiểm, đầu vào, liên kết)
  • Màu nút (màu của nút checkout mà bạn nhấn để đặt hàng)
  • Màu tiêu đề (màu nền của tiêu đề)

Xem trước thiết kế checkout

  1. Đi tới Dashboard -> Cài đặt -> Checkout -> Giao diện.
  2. Nhấp vào Xem trước trực tiếp ở góc trên bên phải của trang.

Khắc phục sự cố xem trước trực tiếp không hiển thị

Nếu xem trước trực tiếp không hiển thị, hãy làm theo các bước dưới đây để tạo một checkout giả. Sau khi thực hiện điều này một lần, xem trước trực tiếp sẽ hoạt động chính xác mà không cần các bước dưới đây cho các lần xem trước tiếp theo.

  1. Đi tới Dashboard -> Đơn hàng -> Mock checkout.
  2. Nhấp vào Tạo checkout.

Trang này có hữu ích không?