Trợ giúp
Đăng nhập

Tùy chỉnh trang thanh toán phổ biến bằng Checkout Blocks

Bạn có thể tùy chỉnh trang thanh toán bằng Checkout Blocks theo nhiều cách. Trang này có chứa các hướng dẫn ngắn gọn cho một số tùy chỉnh trang thanh toán phổ biến bằng Checkout Blocks.

Trên trang này

Tạo bậc giảm giá vận chuyển cho các giá trị giỏ hàng cụ thể

Nếu muốn tạo các bậc giảm giá phí vận chuyển, chẳng hạn như "giảm 50% phí vận chuyển cho đơn hàng trên 50 USD" và "vận chuyển miễn phí cho đơn hàng trên 100 USD", bạn có thể tạo nhiều khoản giảm giá phí vận chuyển tự động dựa trên quy tắc Tổng phụ của giỏ hàng. Khoản giảm giá phí vận chuyển có mức giảm cao nhất sẽ được áp dụng cho những giao dịch thanh toán đáp ứng tiêu chí của nhiều khoản giảm giá.

Các bước:

  1. Từ bảng điều khiển quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

  2. Nhấp vào Giảm giá > Thêm giảm giá > Số tiền giảm phí vận chuyển.

  3. Trong mục Số tiền giảm phí vận chuyển, chọn Giảm giá tự động, rồi thêm thông báo giảm giá (ví dụ: Giảm 50% phí vận chuyển cho đơn hàng từ 50 USD trở lên).

  4. Trong mục Cấu hình giảm giá, tạo tập hợp quy tắc giảm giá tùy chỉnh:

    1. Trong menu thả xuống Giá trị giảm giá, chọn Phần trăm, rồi thêm 50%.
    2. Trong mục Quy tắc giảm giá , cấu hình tập hợp quy tắc:
      1. Nhấp vào ⊕ Thêm quy tắc.
      2. Cấu hình quy tắc thành Tổng phụ của giỏ hàng > Lớn hơn hoặc bằng > 50.00.

  5. Tùy chọn: Có thể cấu hình các tùy chọn sau:

    • Tùy chọn giao hàng: Để chỉ định các tùy chọn giao hàng muốn áp dụng giảm giá. Khi chọn tùy chọn cụ thể, có thể chọn áp dụng cho tùy chọn theo tiêu đề, giá hoặc loại hình giao hàng.
    • Kết hợp: Để cho phép khách hàng kết hợp mã giảm giá với khoản giảm giá cho sản phẩm hoặc đơn hàng.
    • Ngày hoạt động: Để chỉ định thời điểm bắt đầu giảm giá và thời gian hết hạn (nếu có).

  6. Trong mục Tóm tắt, xem lại chi tiết giảm giá để xác nhận đã thiết lập chính xác.

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

  8. Từ bảng điều khiển quản trị Shopify, quay lại Ứng dụng > Checkout Blocks.

  9. Nhấp vào Giảm giá > Thêm giảm giá > Số tiền giảm phí vận chuyển.

  10. Trong mục Số tiền giảm phí vận chuyển, chọn Giảm giá tự động, rồi thêm thông báo giảm giá (ví dụ: Vận chuyển miễn phí cho đơn hàng từ 100 USD trở lên).

  11. Trong mục Cấu hình giảm giá, tạo tập hợp quy tắc giảm giá tùy chỉnh:

    1. Trong menu thả xuống Giá trị giảm giá, chọn Vận chuyển miễn phí.
    2. Trong mục Quy tắc giảm giá , cấu hình tập hợp quy tắc:
      1. Nhấp vào ⊕ Thêm quy tắc.
      2. Cấu hình quy tắc thành Tổng phụ của giỏ hàng > Lớn hơn hoặc bằng > 100.00.

  12. Tùy chọn: Có thể cấu hình các tùy chọn sau:

    • Tùy chọn giao hàng: Để chỉ định các tùy chọn giao hàng muốn áp dụng giảm giá. Khi chọn tùy chọn cụ thể, có thể chọn áp dụng cho tùy chọn theo tiêu đề, giá hoặc loại hình giao hàng.
    • Kết hợp: Để cho phép khách hàng kết hợp mã giảm giá với khoản giảm giá cho sản phẩm hoặc đơn hàng.
    • Ngày hoạt động: Để chỉ định thời điểm bắt đầu giảm giá và thời gian hết hạn (nếu có).

  13. Trong mục Tóm tắt, xem lại chi tiết giảm giá để xác nhận đã thiết lập chính xác.

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

Thay đổi văn bản 'OR' bên dưới phương thức thanh toán tức thì

Có thể di chuyển khối biểu tượng vận chuyển và thanh toán để hiển thị bên dưới đường phân tách ---- OR ---- dưới tùy chọn thanh toán tức thì, sau đó thay đổi văn bản "OR" thành văn bản tùy chỉnh bất kỳ, chẳng hạn như "Loại thanh toán được chấp nhận" hoặc "Nhà cung cấp dịch vụ vận chuyển được hỗ trợ".

Hình ảnh nút thanh toán tức thì và các biểu tượng thanh toán bổ sung trên trang thanh toán. Đường phân tách 'OR' được tô sáng.

Các bước:

  1. Tạo và cấu hình khối biểu tượng vận chuyển và thanh toán trong trình biên tập trang thanh toán và tài khoản.
  2. Kéo và thả khối Biểu tượng vận chuyển & thanh toán để hiển thị bên dưới mục Ví.
  3. Trong bảng điều khiển quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.
  4. Trong chủ đề đang hoạt động, nhấp vào ... > Chỉnh sửa nội dung chủ đề mặc định.
  5. Sử dụng thanh tìm kiếm để tìm thuật ngữ alternative.
  6. Trong Biểu ngữ phương thức thanh toán thay thế trên trang thanh toán, thay đổi trường Or để chèn văn bản tùy chỉnh.
  7. Nhấp vào Lưu.

Hiển thị thông báo bên dưới phương thức vận chuyển cụ thể

Có thể sử dụng khối nội dung động để hiển thị thông báo bên dưới phương thức vận chuyển cụ thể trong quá trình thanh toán.

Ví dụ: Nếu cung cấp phí vận chuyển cho Standard, Express và International Express, có thể bạn sẽ muốn hiển thị một thông báo ngắn gọn bên dưới tùy chọn vận chuyển "International" để làm rõ rằng các khoản phí hải quan và thuế không được bao gồm trong giá vận chuyển đã hiển thị.

Các bước:

  1. Từ bảng điều khiển quản trị Shopify, đi tới Ứng dụng > Checkout Blocks.

  2. Nhấp vào Khối, rồi nhấp vào Tạo khối.

  3. Nhấp vào Nội dung động.

  4. Trong mục Tên khối, nhập tên cho khối. Tên này không hiển thị với khách hàng.

  5. Trong mục ID khối, đặt ID thành Động hoặc áp dụng số ID cụ thể. Tìm hiểu thêm về ID khối.

  6. Trong mục Quy tắc hiển thị, cấu hình quy tắc hiển thị khối để chỉ hiển thị khi bao gồm phương thức vận chuyển cụ thể. Trong ví dụ này, quy tắc được cấu hình để hiển thị bên dưới International Express:

    1. Nhấp vào ⊕ Thêm quy tắc hiển thị.
    2. Trong hộp thoại Chọn quy tắc, chọn Tiêu đề phương thức vận chuyển.
    3. Cấu hình quy tắc thành Có chứa > International.

  7. Trong mục Nội dung, thêm và tùy chỉnh nội dung cho khối:

    1. Trong mục Mục nội dung, nhấp vào ⊕ Thêm mục nội dung, rồi chọn Văn bản.
    2. Trong hộp thoại mục nội dung, thêm thông báo ngắn gọn, chẳng hạn như Có thể áp dụng thêm phí hải quan và thuế., rồi nhấp vào Xong.

  8. Tùy chọn: Trong mục Đăng, nhấp vào biểu tượng bút chì để chọn thị trường và trang thanh toán muốn hiển thị khối.

  9. Nhấp vào Lưu, rồi đặt trạng thái khối là Đang hoạt động.

  10. Trong trình biên tập trang thanh toán và tài khoản, thêm khối động vào mục Phí vận chuyển của trang thanh toán.

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

Thêm trường tùy chỉnh vào phiếu đóng gói đơn hàng

Checkout Blocks cho phép cửa hàng thu thập dữ liệu khách hàng bằng cách sử dụng khối trường tùy chỉnh và lưu dữ liệu đó vào trường siêu dữ liệu của đơn hàng.

Các bước:

  1. Trong Checkout Blocks, tạo và cấu hình khối trường tùy chỉnh. Đảm bảo khối được cấu hình để lưu dưới dạng Trường siêu dữ liệu của đơn hàng.
  2. Từ trang quản trị Shopify, đi tới Cài đặt > Vận chuyển và giao hàng.
  3. Trong phần Tài liệu, nhấp vào Mẫu phiếu đóng gói.
  4. Tại vị trí muốn hiển thị giá trị trường tùy chỉnh trong mẫu, hãy thêm dòng mã sau, thay thế key bằng khóa trường tùy chỉnh:
{{ order.metafields.checkoutblocks.key }}
  1. Không bắt buộc: Nếu muốn hiển thị có điều kiện giá trị của trường tùy chỉnh, bạn có thể đặt nội dung bên trong câu lệnh if/else của Liquid dựa trên các điều kiện cần thiết.
  2. Nhấp vào Lưu.

Có thể sử dụng nhiều giá trị khóa trường tùy chỉnh trong mẫu phiếu đóng gói. Ví dụ: mã này sẽ chỉ hiển thị mã số đơn đặt hàng của đơn hàng (trường siêu dữ liệu dùng po làm khóa) khi khách hàng đã đồng ý với các điều khoản của đơn hàng (trường siêu dữ liệu dùng agree_to_terms làm khóa):

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

Thêm trường tùy chỉnh trên đơn hàng vào hồ sơ khách hàng

Có thể đồng bộ dữ liệu đơn hàng thu thập qua các khối trường tùy chỉnh bằng cách sử dụng ứng dụng Shopify Flow.

Bạn có thể tải xuống tệp .flow ví dụ để thêm giá trị trường siêu dữ liệu birth_date vào hồ sơ khách hàng. Tùy chỉnh các giá trị của mẫu này sao cho khớp với khóa trường tùy chỉnh cần thêm.

Các bước:

  1. Trong Checkout Blocks, tạo và cấu hình khối trường tùy chỉnh. Đảm bảo khối được cấu hình để lưu dưới dạng Trường siêu dữ liệu của đơn hàng.
  2. Trong Shopify Flow, hãy thiết lập dòng công việc tùy chỉnh để chạy khi có đơn đặt hàng:
    1. Nhấp vào Tạo dòng công việc > Chọn yếu tố kích hoạt.
    2. Chọn Shopify > Đã tạo đơn hàng.
    3. Trên yếu tố kích hoạt, nhấp vào Then ⊕ > Điều kiện.
    4. Nhấp vào Thêm biến, rồi chọn Đơn hàng > trường siêu dữ liệu > khóa.
    5. Trong trường Khóa, thêm khóa cho trường tùy chỉnh muốn thêm vào hồ sơ khách hàng, ví dụ: birth_date.
    6. Trong phần điều kiện, nhấp vào Then ⊕ > Hành động.
    7. Nhấp vào Shopify > Cập nhật trường siêu dữ liệu khách hàng.
  3. Trong mục Cập nhật trường siêu dữ liệu khách hàng , nhập các thông tin sau:
    1. Không gian tên trường siêu dữ liệu: Trường siêu dữ liệu muốn thêm, ví dụ: personal_info.
    2. Khóa: Khóa trường siêu dữ liệu, ví dụ: dob.
    3. Loại: Loại giá trị muốn đưa vào, ví dụ: Ngày.
    4. Giá trị:
{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

Khi hoàn thành dòng công việc, nhấp vào Bật dòng công việc để kích hoạt.