> For the complete documentation index, see [llms.txt](https://seo-viet.gitbook.io/seoviett/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://seo-viet.gitbook.io/seoviett/thiet-ke-website-ban-hang-online-voi-gio-hang-gon/thiet-ke-website-ban-hang-online-voi-gio-hang-gon-va-de-su-dung.md). # Thiết kế website bán hàng online với giỏ hàng gọn và dễ sử dụng Giỏ hàng là nơi khách kiểm tra lần cuối những gì mình đã chọn trước khi điền thông tin đặt mua. Nếu khó nhận ra phiên bản sản phẩm, không sửa được số lượng hoặc chưa rõ số tiền cần trả, khách có thể dừng lại để hỏi cửa hàng. Một giỏ hàng tốt cần cho phép kiểm tra, chỉnh sửa và đi tiếp mà không bắt khách làm lại từ đầu. ### Hiển thị đủ thông tin để khách kiểm tra Mỗi sản phẩm trong giỏ nên có tên, ảnh nhận diện, phiên bản đã chọn, số lượng và giá tương ứng. Với mặt hàng có nhiều màu hoặc kích cỡ, chỉ hiển thị tên chung là chưa đủ. Khách cần nhìn vào giỏ và biết mình đã chọn đúng phiên bản hay chưa. Giá của từng mặt hàng và tổng tiền hàng phải dễ phân biệt. Nếu cửa hàng áp dụng ưu đãi, giỏ hàng cần cho thấy ưu đãi đã được tính hay chưa và điều kiện nào còn thiếu. Không nên chỉ hiển thị một con số giảm giá mà khách không thể đối chiếu với sản phẩm trong giỏ. Giỏ hàng cũng cần xử lý rõ tình huống sản phẩm thay đổi trong lúc khách đang chọn mua. Nếu phiên bản đã chọn không còn hàng hoặc số lượng đặt vượt quá số có thể bán, hãy thông báo ngay tại dòng sản phẩm liên quan. Để khách đi đến bước cuối rồi mới báo lỗi sẽ khiến họ phải quay lại kiểm tra toàn bộ đơn.
### Cho phép sửa lựa chọn mà không phải bắt đầu lại Khách thường đổi ý về số lượng hoặc muốn bỏ một mặt hàng để xem lại tổng tiền. Nút tăng giảm và xóa sản phẩm cần dễ nhận biết, đồng thời hạn chế việc bấm nhầm trên điện thoại. Sau mỗi thay đổi, số lượng và tổng tiền phải cập nhật để khách biết thao tác đã được ghi nhận. Nếu muốn xem lại thông tin một sản phẩm, khách nên có đường dẫn từ giỏ về trang sản phẩm. Khi quay lại, họ không nên mất những mặt hàng khác đã chọn. Trường hợp khách xóa toàn bộ sản phẩm, giỏ hàng trống cũng cần có hướng dẫn rõ để họ tiếp tục xem hàng. Cửa hàng có thể kiểm tra các thao tác này bằng một giỏ chứa nhiều sản phẩm, trong đó có mặt hàng có phiên bản và mặt hàng mua với số lượng lớn hơn một. Tình huống đó dễ bộc lộ lỗi hiển thị hơn việc chỉ thử một sản phẩm đơn giản. ### Làm rõ chi phí và bước tiếp theo Tổng tiền hàng không phải lúc nào cũng là số tiền thanh toán cuối cùng. Nếu phí vận chuyển được tính sau khi khách nhập địa chỉ, giỏ hàng cần nói rõ điều đó. Nếu cửa hàng xác nhận phí giao thủ công, thông báo cũng phải phản ánh đúng quy trình. Khách không nên phải tự đoán liệu mình còn khoản phí nào khác. Nút chuyển sang bước đặt hàng cần nổi bật nhưng không che thông tin trong giỏ. Trước khi đi tiếp, khách phải có đủ thời gian kiểm tra sản phẩm và sửa lựa chọn. Ở bước sau, họ vẫn nên được xem lại đơn trước khi xác nhận gửi. Khi trao đổi về[ **dịch vụ thiết kế website bán hàng**](https://seoviet.vn/thiet-ke-web-ban-hang/), cửa hàng nên đưa các tình huống sửa số lượng, hết hàng và tính phí giao vào yêu cầu kiểm thử. Giỏ hàng được kiểm tra bằng đơn mua thực tế sẽ hữu ích hơn một giao diện chỉ được duyệt qua hình ảnh.