Khối trường tùy chỉnh

Bạn có thể thu thập thêm thông tin khách hàng bằng khối Trường tùy chỉnh. Các trường tùy chỉnh có thể là không bắt buộc hoặc bắt buộc, vì vậy bạn có thể cấu hình trường tùy chỉnh để chặn trang thanh toán trước khi khách hàng tiếp tục.

Checkout Blocks hỗ trợ nhiều loại hình thức nhập, bao gồm văn bản thuần túy, menu thả xuống, hộp kiểm và trình chọn ngày. Dữ liệu trường tùy chỉnh có thể được lưu dưới dạng trường siêu dữ liệu của đơn hàng, thuộc tính đơn hàng hoặc ghi chú đơn hàng.

Có sẵn nhiều mẫu điền trước nội dung và cài đặt của khối trường tùy chỉnh dựa trên một số trường hợp sử dụng phổ biến:

• Đồng ý với điều khoản: Mẫu này yêu cầu khách hàng đồng ý với điều khoản dịch vụ mà họ có thể nhấp vào và hiển thị trong cửa sổ bật lên trước khi thanh toán. Hộp kiểm không được chọn theo mặc định.
• Sinh nhật: Mẫu này cung cấp cho khách hàng tùy chọn cung cấp ngày sinh trong quá trình thanh toán cho mục đích tiếp thị.
• Tin nhắn tặng quà: Mẫu này cung cấp cho khách hàng tùy chọn viết thêm tin nhắn nếu họ đặt đơn hàng làm quà tặng cho người khác.

Loại dữ liệu được hỗ trợ

Các trường tùy chỉnh được lưu vào đơn hàng của khách hàng dưới dạng trường siêu dữ liệu của đơn hàng, thuộc tính ghi chú đơn hàng hoặc ghi chú đơn hàng. Bạn nên sử dụng trường siêu dữ liệu của đơn hàng bất cứ khi nào có thể, vì đây là cách mạnh mẽ nhất để lưu trữ và truy xuất dữ liệu tùy chỉnh cho các đơn hàng trong Shopify.

Checkout Blocks không hỗ trợ thêm trường mới vào biểu mẫu thanh toán hiện tại, chẳng hạn như địa chỉ giao hàng hoặc địa chỉ thanh toán. Thay vào đó, hãy thêm khối trường tùy chỉnh ở trên hoặc dưới biểu mẫu thanh toán hiện tại.

Trường siêu dữ liệu của đơn hàng

Khi lưu trường tùy chỉnh vào trường siêu dữ liệu của đơn hàng, không gian tên được sử dụng là checkoutblocks và khóa được xác định khi bạn thêm trường tùy chỉnh vào khối (ví dụ: agree_to_terms).

Thuộc tính đơn hàng

Thuộc tính đơn hàng (còn được gọi là thuộc tính ghi chú hoặc thuộc tính giỏ hàng) không tương thích với phiếu đóng gói mặc định của Shopify và đơn hàng nháp.

Nếu cần sử dụng phiếu đóng gói hoặc đơn hàng nháp, hãy sử dụng loại dữ liệu trường siêu dữ liệu của đơn hàng thay thế.

Ghi chú đơn hàng

Khi lưu trường tùy chỉnh vào ghi chú đơn hàng, nội dung hiện có mà khách hàng thêm vào trường ghi chú sẽ bị thay thế bằng trường tùy chỉnh của bạn. Nếu bạn chọn lưu dữ liệu trường tùy chỉnh dưới dạng ghi chú đơn hàng, hãy cân nhắc việc hủy kích hoạt tùy chọn thêm ghi chú đơn hàng trong giỏ hàng trong chủ đề của bạn (nếu đã kích hoạt cài đặt đó). Điều này giúp khách hàng không phải nhập nội dung ghi chú hai lần.

Một lợi ích khi dùng loại ghi chú đơn hàng là sẽ tự động hiển thị các ghi chú đơn hàng hiện có đã nhập trong giỏ hàng ở trang thanh toán. Việc này đảm bảo tính nhất quán trên toàn bộ luồng thanh toán cho các trường hợp sử dụng cụ thể, ví dụ như ghi chú đơn hàng hoặc ghi chú vận chuyển.

Ghi chú đơn hàng không tương thích với đơn hàng nháp.

Loại hình thức nhập được hỗ trợ

Khối trường tùy chỉnh hỗ trợ các loại trường sau:

• Hộp kiểm
• Công cụ chọn ngày và giờ
• Ngày sinh
• Danh sách thả xuống
• Trường điện thoại
• Nút radio
• Nhập văn bản

Tạo khối trường tùy chỉnh

Có thể tạo và định cấu hình khối trường tùy chỉnh trong ứng dụng Checkout Blocks. Sau khi tạo khối trường tùy chỉnh, cần thêm khối này vào trang thanh toán.

Các bước thực hiện:

1. Từ trang 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 Trường tùy chỉnh.

4. Chọn mẫu cho trường muốn sử dụng. Nếu không muốn điền sẵn bất kỳ trường hay cài đặt nào, hãy chọn Mẫu trống.

5. Trong phần 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.

6. Trong phần ID khối, sử dụng menu thả xuống để áp dụng một số ID cụ thể. Tìm hiểu thêm về ID khối.

7. Trong phần Quy tắc hiển thị, định cấu hình quy tắc hiển thị khối:

   • Để hiển thị khối cho tất cả khách hàng, hãy để trống phần Quy tắc hiển thị.
   • Để tạo quy tắc hiển thị, nhấp vào ⊕ Thêm quy tắc hiển thị, rồi định cấu hình quy tắc. Thêm bao nhiêu quy tắc hiển thị tùy ý.

8. Trong phần Nội dung, thêm và tùy chỉnh nội dung của khối:

   1. Trong menu Lưu thành, chọn vị trí lưu dữ liệu trường tùy chỉnh. Tìm hiểu thêm về loại dữ liệu trường tùy chỉnh.
   2. Trong phần Trường, nhấp vào ⊕ Thêm trường tùy chỉnh, rồi chọn loại trường tùy chỉnh muốn sử dụng.
   3. Định cấu hình chi tiết trường tùy chỉnh, chẳng hạn như nhãn trường, khóa trường, tùy chọn để chọn và có bắt buộc điền trường này hay không. Nhấp vào Xong.
   4. Không bắt buộc: Trong phần Tiêu đề phần, thêm tiêu đề và phụ đề cho trường tùy chỉnh.
   5. Không bắt buộc: Trong phần Cài đặt, chọn xem có thêm "(không bắt buộc)" vào nhãn trường và có hiển thị tất cả các trường hay không.

9. Không bắt buộc: Trong phần Kiểu, nhấp vào Tùy chỉnh thiết kế để tùy chỉnh lề, vùng chứa và kiểu dải phân cách của khối.

10. Không bắt buộc: Trong phần Đă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.

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

Khối được lưu ở trạng thái Bản nháp theo mặc định. Khi sẵn sàng đăng khối, trong phần Trạng thái, hãy chọn Đang hoạt động từ menu thả xuống.

Thêm khối trường tùy chỉnh vào trang thanh toán

Có thể thêm khối trường tùy chỉnh hiện có vào trang thanh toán. Khối phải được đặt thành Đang hoạt động để hiển thị trên trang thanh toán.

Các bước thực hiện:

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

2. Nhấp vào Khối.

3. Nhấp vào khối trường tùy chỉnh muốn thêm vào trang thanh toán.

4. Nhấp vào Thao tác khác ⌄ > Thêm vào trang thanh toán.

5. Không bắt buộc: Trong phần ID khối xem trước, nhấp vào biểu tượng bảng nhớ tạm để sao chép ID xem trước duy nhất của khối.

6. Chọn cấu hình thanh toán mong muốn, rồi nhấp vào Mở trình biên tập.

7. Trong trình biên tập thanh toán và tài khoản, thêm khối trường tùy chỉnh vào trang thanh toán:

   1. Đi tới trang thanh toán muốn thêm khối vào.
   2. Nhấp vào ⊕ Thêm khối trong phần muốn thêm khối vào.
   3. Nhấp vào tùy chọn Checkout Blocks Trường tùy chỉnh.
   4. Định cấu hình chi tiết của khối thanh toán và chọn ID khối tương ứng của khối đó.
   5. Không bắt buộc: Sử dụng trường ID khối xem trước (Dành cho mục đích thử nghiệm) và ID xem trước của khối để xem trước cách khối hiển thị trên trang thanh toán.
   6. Không bắt buộc: Kéo và thả khối động để thay đổi vị trí muốn hiển thị khối trên trang thanh toán.

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