Tổng quan về các khối dùng để tùy chỉnh trang thanh toán bằng Checkout Blocks

Các khối trong ứng dụng Checkout Blocks, được xây dựng bằng các tiện ích mở rộng UI, giúp bạn tùy chỉnh trang thanh toán bằng cách cung cấp các khối mà bạn có thể kéo và thả trực tiếp vào trình chỉnh sửa trang thanh toán và tài khoản. Một số loại khối thêm thành phần tùy chỉnh trực quan vào trang thanh toán, như biểu ngữ thông tin, biểu ngữ cảnh báo hoặc tin nhắn cho mục hàng. Các loại khối khác thêm thành phần tương tác vào trang thanh toán, như công cụ chọn biến thể hoặc số lượng cho mục hàng, hoặc hộp kiểm hay trường văn bản để khách hàng chọn hoặc nhập thông tin bổ sung.

Checkout Blocks có thể hỗ trợ tối đa 30 khối đang hoạt động cho mỗi loại khối. Bạn có thể có tối đa 30 trường tùy chỉnh, 30 khối nội dung động hoặc các loại khối khác trong một lần. Bạn có thể tạo hơn 30 khối, nhưng chỉ 30 khối đang hoạt động đầu tiên mới hiển thị ở trang thanh toán.

Các khối hiển thị ở bước thanh toán phụ thuộc vào quy tắc hiển thị mà bạn đã áp dụng cho khối, thứ tự ưu tiên của khối, cũng như việc có sử dụng ID khối để luôn hiển thị một khối cụ thể ở một vị trí cụ thể hay không.

Các khối có sẵn trong Checkout Blocks

Checkout Blocks hỗ trợ nhiều loại khối. Loại khối phụ thuộc vào loại nội dung bạn muốn thêm vào trang thanh toán, việc bạn có muốn thêm quy tắc hiển thị có điều kiện hay không và trang mà bạn muốn thêm khối.

Một số khối không thể thêm vào các trang thanh toán nhất định do chức năng của chính khối đó. Ví dụ: khối trường tùy chỉnh dựa vào việc khách hàng nhập thêm thông tin, chẳng hạn như thêm ghi chú tùy chỉnh hoặc chọn hộp kiểm. Thông tin này phải được thu thập trước khi hoàn tất đơn hàng, do đó không thể thêm trường tùy chỉnh vào trang sau khi mua hàng, chẳng hạn như trang Cảm ơn hoặc trang Trạng thái đơn hàng.

Tìm hiểu thêm về cách tạo khối.

Phân tích khối

Mỗi khối đang hoạt động đều có phân tích Lượt xem hiển thị ở đầu trang chi tiết khối trong ứng dụng Checkout Blocks. Số liệu phân tích này theo dõi số lần khối đã hiển thị khi thanh toán.

Theo mặc định, khối hiển thị phân tích cho Hôm nay, nhưng bạn có thể nhấp vào menu thả xuống ngày và sử dụng công cụ chọn ngày để xem lại phân tích cho những ngày hoặc phạm vi ngày cụ thể.

Để thiết lập lại phân tích cho khối, nhấp vào > Thiết lập lại phân tích. Bạn không thể hoàn tác hành động này.

Quy tắc hiển thị khối

Nhiều loại khối, chẳng hạn như khối nội dung động và trường tùy chỉnh, cho phép bạn thiết lập điều kiện để xác định những trường hợp nào phải được đáp ứng để khối của bạn hiển thị khi thanh toán. Bạn có thể thiết lập nhiều quy tắc hiển thị cho mỗi khối, đồng thời cũng có thể xác định xem phải đáp ứng tất cả quy tắc hay chỉ cần một quy tắc bất kỳ để hiển thị khối.

Cú pháp quy tắc hiển thị khác nhau tùy theo loại khối bạn đang xây dựng, nhưng nhìn chung, các quy tắc được xây dựng bằng cách sử dụng các phần tử sau theo thứ tự, nếu có áp dụng:

1. Danh mục quy tắc, chẳng hạn như Loại sản phẩm hoặc Tổng giá trị giỏ hàng.
2. Toán tử logic, chẳng hạn như Là hoặc Không phải là, Lớn hơn, Có chứa hoặc Kết thúc bằng.
3. Tham số xác định giá trị cụ thể mà bạn muốn, chẳng hạn như Váy hoặc 50.00.

Ví dụ: để hiển thị biểu ngữ cho khách hàng chi tiêu nhiều nhằm nhắc họ tạo tài khoản, bạn có thể xây dựng một khối với các quy tắc hiển thị sau:

• Chỉ hiển thị khi: Thỏa mãn tất cả quy tắc
• Tổng giá trị giỏ hàng > Lớn hơn hoặc bằng > USD > 100.00
• Khách hàng đã đăng nhập > Sai

Theo bộ quy tắc hiển thị này, biểu ngữ của bạn chỉ hiển thị khi khách hàng đã chi tiêu từ 100 USD trở lên và họ chưa đăng nhập vào tài khoản khách hàng. Biểu ngữ sẽ không hiển thị khi khách hàng đã đăng nhập, và cũng không hiển thị khi khách hàng chi tiêu chưa đạt đến hạn mức 100 USD.

ID khối

Một số loại khối, chẳng hạn như trường tùy chỉnh hoặc nội dung động, có tùy chọn chỉ định ID khối. Theo mặc định, ID khối được chọn là 0.

ID khối cho phép bạn thêm các khối khác nhau thuộc cùng một loại vào các phần khác nhau khi thanh toán. Bạn có thể coi khối thanh toán trong trình biên tập như một phần giữ chỗ, có thể tải nhiều khối tiềm năng tùy thuộc vào bất kỳ quy tắc hiển thị nào mà bạn cấu hình trong khối. Bạn có thể thêm tối đa 10 'phần giữ chỗ' khối khác nhau trên mỗi trang thanh toán.

Ví dụ 1: Sử dụng các ID khối khác nhau để chỉ định những vị trí khác nhau cho các khối khác nhau thuộc cùng một loại.

Bạn muốn hiển thị hộp kiểm bắt buộc trong vùng nội dung chính, nhưng hiển thị ghi chú quà tặng tùy chọn trong thanh bên. Cả hai khối này đều sử dụng loại khối trường tùy chỉnh, vì vậy, bạn có thể thêm khối Trường tùy chỉnh hai lần vào trình chỉnh sửa trang thanh toán và tài khoản, rồi đặt từng khối ở vị trí bạn muốn hiển thị. Tuy nhiên, bạn cần có thể cài đặt khối cụ thể nào sẽ nằm ở vị trí nào.

Có thể cài đặt hộp kiểm bắt buộc có ID khối là 1 và ghi chú quà tặng tùy chọn có ID khối là 2. Trong trình chỉnh sửa trang thanh toán và tài khoản, sau đó bạn có thể cài đặt khối Trường tùy chỉnh trong vùng nội dung chính sử dụng ID khối 1 để hiển thị hộp kiểm bắt buộc, và khối Trường tùy chỉnh ở thanh bên sử dụng ID khối 2 để hiển thị ghi chú quà tặng tùy chọn.

Ví dụ 2: Sử dụng cùng một ID khối để chỉ định một vị trí duy nhất cho các khối cùng loại với quy tắc hiển thị khác nhau.

Bạn cung cấp 3 khoản giảm giá phí vận chuyển tự động:

• giảm 10% cho đơn hàng trên 25 USD
• giảm 25% cho đơn hàng trên 50 USD
• vận chuyển miễn phí cho đơn hàng trên 100 USD

Để khuyến khích khách hàng thêm nhiều sản phẩm vào giỏ hàng trước khi hoàn tất đơn hàng, bạn muốn thêm một biểu ngữ động trong phần Phương thức vận chuyển trên trang thanh toán, nhằm nhắc nhở khách hàng thêm nhiều sản phẩm hơn vào giỏ hàng dựa trên mức giảm giá phí vận chuyển mà họ gần đạt được nhất.

Bạn có thể thiết lập 3 khối nội dung động đều có cùng ID khối, chẳng hạn như 6:

Đảm bảo rằng khối Hạng vận chuyển 1 có mức độ ưu tiên sắp xếp cao nhất và khối Hạng vận chuyển 3 có mức độ ưu tiên sắp xếp thấp nhất. Trong trường hợp này, khi khách hàng chi tiêu dưới 25 USD, dù về mặt kỹ thuật đã đáp ứng điều kiện hiển thị cho cả 3 khối, khối Hạng 1 sẽ hiển thị cùng thông báo phù hợp nhất. Khi khách hàng chi tiêu trên 25 USD nhưng dưới 50 USD, khối Hạng 2 sẽ hiển thị với mức độ ưu tiên cao hơn, dù về mặt kỹ thuật cũng đã đáp ứng điều kiện đối với khối Hạng 3.

Cuối cùng, trong trình chỉnh sửa trang thanh toán và tài khoản, bạn có thể thêm một khối nội dung động với ID khối 6 vào phần Tỷ lệ phí vận chuyển và khối phù hợp nhất trong 3 khối nội dung động bạn đã tạo sẽ hiển thị trong không gian 'vùng chứa' đó trong quá trình thanh toán. Khi khách hàng chi tiêu từ 100 USD trở lên, không có nội dung động nào hiển thị trong khu vực đó của trang thanh toán vì không có quy tắc hiển thị nào được đáp ứng đối với khối nội dung động có ID khối là 6.