Checkout UX trên Shopify: Bớt trường nhập, bớt người bỏ đi

Khi một người mua rời đi ở bước thanh toán, ta dễ đổ lỗi cho giá hay phí vận chuyển. Nghiên cứu của Baymard Institute, tổ chức đã nghiên cứu khả năng sử dụng thương mại điện tử suốt nhiều năm, cho thấy một phần lớn thiệt hại đến từ một thứ kém hào nhoáng hơn: những biểu mẫu hỏi nhiều hơn mức cần thiết. Bài viết này tóm tắt những gì Baymard đã công bố và biến chúng thành một danh sách rà soát cho các cửa hàng Shopify nhỏ.

Nghiên cứu nói gì

Bản tổng quan checkout mới nhất của Baymard ghi nhận tỷ lệ bỏ giỏ hàng trung bình toàn cầu vào khoảng 70 phần trăm, và lưu ý rằng phần lớn trong đó là không thể tránh. Trong một khảo sát năm 2026, 42 phần trăm người mua ở Mỹ đã rời khỏi giỏ hàng trong ba tháng trước đó chỉ đơn giản vì họ đang xem hàng và chưa sẵn sàng mua. Thiết kế không làm được nhiều với những lượt ghé này. Trong số những người có lý do khác, 17 phần trăm cho biết quy trình thanh toán quá dài hoặc quá phức tạp.

Nhóm cuối cùng đó là nơi công sức của bạn được đền đáp. Benchmark của Baymard cho thấy một checkout điển hình ở Mỹ hiển thị mặc định 23,48 thành phần biểu mẫu, trong đó có 14,88 trường nhập, trong khi một checkout lý tưởng chỉ cần khoảng 12 thành phần tổng cộng. Baymard cho rằng nhiều trang có thể cắt giảm từ 20 đến 60 phần trăm số thành phần hiển thị mặc định. Bài riêng của họ về số lượng trường lập luận rằng số trường ảnh hưởng đến khả năng sử dụng nhiều hơn số bước, và hầu hết các trang chỉ cần khoảng tám trường.

Những trường nhập ẩn ngay trước mắt

Danh sách các mục có thể bỏ hoặc ẩn của Baymard đủ cụ thể để biến thành checklist:

Tách riêng ô tên và ô họ. Trong thử nghiệm của họ, 42 phần trăm người tham gia đã gõ họ tên đầy đủ vào ô tên ít nhất một lần, và 89 phần trăm các trang trong benchmark dùng nhiều hơn một trường tên. Một trường họ tên đầy đủ duy nhất tránh được sự nhầm lẫn này.
Address line 2. Khoảng 30 phần trăm người tham gia khựng lại ở trường này, vậy mà 75 phần trăm các trang hiển thị nó công khai. Baymard gợi ý giấu nó sau một đường link.
Ô mã giảm giá. Bảy mươi phần trăm các trang có ô này, và 35 phần trăm trong số đó hiển thị nó mặc định. Một ô luôn hiện có thể khiến người mua đi tìm mã ở nơi khác. Hãy giấu nó sau một đường link, hoặc tự động áp dụng các ưu đãi đủ điều kiện.
Địa chỉ thanh toán. Đặt mặc định là “giống địa chỉ giao hàng” và ẩn hẳn các trường, chứ không chỉ điền sẵn, sẽ rút ngắn biểu mẫu. Ngoại lệ là các cửa hàng bán quà tặng hoặc B2B, nơi địa chỉ thanh toán khác thường phổ biến.
Các mục tùy chọn thêm như tên công ty hoặc số điện thoại thứ hai cũng nên nằm sau một đường link.

Baymard cũng khuyến nghị tra cứu địa chỉ tự động, giúp giảm cả việc gõ lẫn lỗi.

Guest checkout cần hiển nhiên

Trong một khảo sát năm 2022 với 4.384 người mua ở Mỹ mà Baymard trích dẫn, 24 phần trăm đã bỏ ít nhất một giỏ hàng trong quý trước đó chỉ vì phải có tài khoản. Vì vậy, cung cấp guest checkout mới chỉ là một nửa công việc. Baymard nhận thấy 47 phần trăm các trang có cung cấp tùy chọn này không đặt nó ở vị trí nổi bật nhất. Bốn cái bẫy lặp đi lặp lại: nhãn mơ hồ như “Continue”, đường link văn bản mờ nhạt, đặt tùy chọn bên dưới đăng nhập hoặc đăng ký, và chỉ hiện nó sau khi đã gõ email.
Hướng dẫn của họ là dùng nhãn “guest” rõ ràng, trình bày nó dưới dạng nút bấm, đặt ở đầu bước tài khoản, và để việc tạo tài khoản lại sau khi đơn hàng đã được xác nhận. Họ cũng cảnh báo không nên âm thầm mặc định guest checkout mà không báo cho người dùng.

Merchant Shopify thực sự có thể làm gì

Shopify tự vận hành checkout, nên bước đầu tiên là tìm hiểu gói dịch vụ và các cài đặt hiện tại của bạn cho phép thay đổi những gì. Một số mục, như việc khách có bắt buộc đăng nhập hay không, có thể là một cài đặt; những mục khác, như câu chữ trên nút và bố cục trang giỏ hàng, phụ thuộc vào theme của bạn và vào những gì Shopify cho phép ở bước thanh toán. Hãy kiểm tra trong admin và tài liệu của Shopify thay vì giả định. Một cách làm thực dụng:

Tự đi qua checkout của mình trên điện thoại. Đếm số trường và ghi chú mọi ô tùy chọn, dư thừa hoặc gây bối rối.
Sửa những gì nằm trước checkout. Trang giỏ hàng và trang sản phẩm hoàn toàn do theme kiểm soát. Hãy bảo đảm phí vận chuyển và kỳ vọng về giao hàng rõ ràng trước khi người mua cam kết, và không có gì thúc họ tạo tài khoản.
Rà soát cài đặt tài khoản. Nếu đăng nhập khách hàng là bắt buộc, hãy tự hỏi điều đó có thực sự cần thiết với doanh nghiệp của bạn không.
Mỗi lần chỉ đổi một thứ. Baymard lưu ý hầu hết các cách sửa họ khuyến nghị liên quan đến bố cục, các tính năng biểu mẫu đơn giản và microcopy. Những thứ này rẻ để thử, nhưng sẽ dễ đánh giá hơn nếu mỗi lần test chỉ xoay một núm vặn.
Theo dõi dữ liệu của chính bạn. Các số trung bình của Baymard đến từ những benchmark lớn và thử nghiệm riêng của họ, nên kết quả của một cửa hàng nhỏ sẽ khác. Hãy so sánh funnel của bạn trước và sau, trong khoảng thời gian đủ dài để làm phẳng yếu tố theo mùa.

Lưu ý về các con số

Các trang của Baymard có một vài điểm không nhất quán, chẳng hạn các con số về tỷ lệ bỏ giỏ lệch nhau đôi chút ở những chỗ khác nhau và lẫn lộn mốc thời gian. Hướng của các phát hiện thì nhất quán, nhưng hãy trích dẫn con số cẩn thận và ưu tiên khoảng giá trị hơn là sự chính xác giả tạo.

Nếu trang giỏ hàng hoặc quy trình trước checkout của theme cần làm lại, trang dịch vụ của chúng tôi là nơi để bắt đầu, và các theme của chúng tôi có thể phù hợp với những cửa hàng muốn một nền tảng gọn gàng hơn.