Sử dụng trình biên tập thương hiệu trong Checkout Blocks

Có thể sử dụng trình biên tập thương hiệu trong Checkout Blocks, hoạt động trên nền tảng Checkout Branding API, để tùy chỉnh giao diện trang thanh toán và tài khoản mà không cần sửa đổi bất kỳ mã nào.

Có thể sử dụng trình biên tập thương hiệu để chỉnh sửa màu sắc và thành phần trang thanh toán cho bất kỳ cấu hình trang thanh toán nào. Các thay đổi đối với thiết kế trang thanh toán bằng trình biên tập thương hiệu sẽ áp dụng cho tất cả các trang của trang thanh toán, bao gồm trang cám ơn, trang trạng thái đơn hàng và các trang tài khoản khách hàng mới.

Để khởi chạy trình biên tập thương hiệu từ trang quản trị Shopify, nhấp vào Ứng dụng > Checkout Blocks, rồi nhấp vào Trình biên tập thương hiệu.

Tùy chỉnh màu sắc trang thanh toán

Trong phần Màu sắc, có thể tùy chỉnh màu cơ bản của trang thanh toán. Đồng thời có thể tùy chỉnh tối đa 4 bảng màu áp dụng cho từng phần riêng biệt khi muốn chỉnh sửa chi tiết hơn cho thiết kế của mình. Có thể chỉnh sửa các loại màu, bao gồm màu nhấn (dành cho các thành phần tương tác, chẳng hạn như liên kết) và màu sắc thương hiệu (dành cho các thành phần như nút chính và nút phụ).

Các bước:

Tùy chỉnh thành phần trên trang thanh toán

Trong phần Tùy chỉnh của trình chỉnh sửa thương hiệu, bạn có thể chỉnh sửa các thành phần sau trên trang thanh toán:

• Favicon: Chọn biểu tượng hiển thị với khách hàng trên tab trình duyệt trong quá trình thanh toán.
• Toàn cục: Điều chỉnh bán kính góc cho tất cả thành phần (trường nhập biểu mẫu, nút và thẻ).
• Đầu trang & logo: Chọn vị trí đầu trang trên trang thanh toán, cũng như việc có hiển thị liên kết phân cấp, liên kết đến giỏ hàng và logo không.
• Nội dung chính: Áp dụng sơ đồ thiết kế cho khu vực nội dung chính của trang thanh toán, bao gồm hình nền, độ rộng đường viền và sơ đồ màu.
• Tóm tắt đơn hàng: Áp dụng sơ đồ thiết kế cho thanh bên của trang thanh toán chứa tóm tắt đơn hàng của khách hàng, bao gồm hình nền, độ rộng đường viền và sơ đồ màu.
• Chân trang: Chọn độ rộng chân trang trên trang thanh toán, cũng như việc có hiển thị các chính sách của cửa hàng không.
• Kiểu chữ: Chọn kích thước phông chữ, họ phông chữ, độ đậm, kích thước, khoảng cách chữ và kiểu viết hoa cho tối đa 3 cấp độ tiêu đề.
• Nút: Chọn khoảng đệm, đường viền và kiểu của nút chính và nút phụ.
• Biểu mẫu: Tùy chỉnh kiểu cho các trường nhập biểu mẫu thanh toán, chẳng hạn như hộp kiểm, trường văn bản và các tùy chọn được chọn từ danh sách.
• Hình thu nhỏ của sản phẩm: Điều chỉnh đường viền và kiểu bán kính góc cho hình ảnh sản phẩm trên trang thanh toán.

Các bước:

1. Từ trang quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

2. Nhấp vào Trình biên tập thương hiệu.

3. Trong phần Tùy chỉnh, nhấp vào bất kỳ thành phần nào bạn muốn tùy chỉnh, ví dụ như Đầu trang & logo.

4. Sử dụng các tùy chọn tùy chỉnh có sẵn để điều chỉnh thành phần trên trang thanh toán theo ý thích của bạn.

5. Nhấp vào Lưu.

Chuyển đổi cấu hình trang thanh toán

Khi mở trình chỉnh sửa thương hiệu, theo mặc định, bạn đang chỉnh sửa cấu hình trang thanh toán Đang hoạt động ở hiện tại. Tuy nhiên, bạn có thể sử dụng trình chỉnh sửa thương hiệu để thay đổi cấu hình trang thanh toán bạn muốn chỉnh sửa, cũng như tạo cấu hình trang thanh toán mới.

Tìm hiểu thêm về cách quản lý cấu hình trang thanh toán đang hoạt động và bản nháp.

Các bước:

1. Từ trang quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

2. Nhấp vào Trình biên tập thương hiệu.

3. Nhấp vào tên của cấu hình trang thanh toán hiện tại để mở menu thả xuống chứa danh sách cấu hình đang hoạt động cũng như mọi cấu hình nháp, sau đó chọn cấu hình trang thanh toán bạn muốn tùy chỉnh:

   • Chọn một cấu hình hiện có mà bạn muốn chỉnh sửa.
   • Nhấp vào ⊕ Tạo cấu hình mới để được chuyển hướng đến phần cài đặt Thanh toán trong trang quản trị Shopify.

Xem trước trang thanh toán

Bạn có thể xem trước các thay đổi bạn thực hiện trong trình chỉnh sửa thương hiệu vào bất kỳ lúc nào bằng cách chọn cấu hình trang thanh toán muốn xem trước, sau đó nhấp vào Xem trước. Trình chỉnh sửa tài khoản và trang thanh toán sẽ khởi chạy trong một tab riêng, áp dụng tất cả các thay đổi để bạn xem trước cách hiển thị trên trang thanh toán.

Các bước:

1. Từ trang quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

2. Nhấp vào Trình biên tập thương hiệu.

3. Thực hiện mọi tùy chỉnh đối với màu sắc hoặc các thành phần của cấu hình trang thanh toán mà bạn muốn điều chỉnh.

4. Nhấp vào Xem trước.

Xuất và nhập cấu hình trang thanh toán

Bạn có thể xuất và nhập các cấu hình trang thanh toán bằng tệp JSON.

Xuất cấu hình trang thanh toán:

1. Từ trang quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

2. Nhấp vào Trình biên tập thương hiệu.

3. Chọn cấu hình trang thanh toán đã áp dụng các tùy chỉnh bằng trình chỉnh sửa thương hiệu.

4. Nhấp vào Thao tác khác > Xuất cấu hình.

Cấu hình trang thanh toán sẽ được tải xuống thiết bị cục bộ của bạn dưới dạng tệp .json.

Nhập cấu hình trang thanh toán:

1. Từ trang quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

2. Nhấp vào Trình biên tập thương hiệu.

3. Chọn cấu hình trang thanh toán mà bạn muốn áp dụng hồ sơ xây dựng thương hiệu đã nhập.

4. Nhấp vào Thao tác khác > Nhập cấu hình.

5. Trong hộp thoại Nhập hoạt động xây dựng thương hiệu cho trang thanh toán, hãy tải lên tệp JSON chứa hoạt động xây dựng thương hiệu của bạn:

   1. Nhấp vào Thêm tệp.
   2. Chọn tệp JSON phù hợp từ thiết bị.
   3. Nhấp vào Nhập và tiếp tục.

6. Xem lại cấu hình tùy chỉnh tải sẵn. Chỉnh sửa lại nếu cần.

7. Nhấp vào Lưu.

Thiết lập lại kiểu trang thanh toán về mặc định

Khi chỉnh sửa màu sắc hoặc thành phần trang thanh toán bằng trình chỉnh sửa thương hiệu, bạn có thể thiết lập lại giá trị cụ thể về giá trị mặc định bằng cách nhấp vào Thiết lập lại bên cạnh màu sắc hoặc thành phần mà bạn đã thay đổi.

Bất cứ lúc nào, bạn cũng có thể thiết lập lại toàn bộ hoạt động xây dựng thương hiệu của cấu hình trang thanh toán về giá trị mặc định của Shopify. Việc thiết lập lại cấu hình trang thanh toán sẽ xóa tất cả tùy chỉnh trên mọi trang của trình chỉnh sửa thương hiệu. Không thể hoàn tác thao tác này.

Các bước:

1. Từ trang quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

2. Nhấp vào Trình biên tập thương hiệu.

3. Chọn cấu hình trang thanh toán bạn muốn thiết lập lại.

4. Nhấp vào Thiết lập lại về mặc định.

5. Trong hộp thoại Thiết lập lại về kiểu mặc định?, nhấp vào Tiếp tục.