7. Bố cục đề tài
3.3.1Hoạt động mua hàng
Khách hàng truy cập vào website, lựa chọn sản phẩm mình ưng ý, sau đó chọn “thêm vào giỏ” để đưa sản phẩm đó vào giỏ hàng của mình. Khách hàng cũng có thể xem thông tin đầy đủ của sản phẩm và thông số về sản phẩm trước khi quyết định thêm vào giỏ hàng bằng cách click vào tên sản phẩm để truy cập vào trang thông tin chi tiết của sản phẩm đó, ngoài ra còn cần phải lựa chọn màu sắc và số lượng sản phẩm cần mua, sau đó mới có thể thêm sản phẩm vào giỏ hàng. Trong trường hợp khách hàng không lựa chọn màu sắc và số lượng hệ thống sẽ đưa ra cảnh báo yêu cầu chọn lại.
77
Hình 3.27. Thêm sản phẩm vào giỏ
Sau khi thêm, khách hàng có thể xem chi tiết giỏ hàng của mình bằng cách nhấn vào biểu tượng hình xe hàng, bao gồm danh sách sản phẩm đã lựa chọn, số lượng và thành tiền.
78
Tại giỏ hàng, khách hàng có thể cập nhật lại số lượng, màu sắc sản phẩm hoặc xóa bỏ những sản phẩm không muốn mua nữa. Sau khi lựa chọn sản phẩm trong giỏ hàng xong, khách hàng tiến hành thanh toán, đây là bước mà người dùng cần nhập vào thông tin địa chỉ nhận hàng và hình thức thanh toán.
Nếu có mã giảm giá, khách hàng có thể điền mã vào khung thông tin “Sử dụng mã giảm giá” trước khi tiến hành thanh toán. Mã giảm giá hợp lệ thì tổng tiền đơn hàng sẽ được giảm theo số phần trăm của mã đó. Sau khi click tiến hành thanh toán, giao diện website sẽ chuyển sang trang thanh toán và nhập địa chỉ nhận hàng. Nếu chưa đăng nhập, hệ thống sẽ đưa ra cảnh báo và khách hàng cần phải thực hiện đăng nhập vào trang web mới có thể tiến hành bước thanh toán, điều này để đảm bảo ghi lại lịch sử đơn hàng giúp khách hàng dễ dàng kiểm tra lại lịch sử mua hàng của mình
Hình 3.29. Thông tin chi tiết hóa đơn
Khách hàng điền đầy đủ thông tin để nhận hàng như họ tên, địa chỉ, số điện thoại. Khung bên phải chứa thông tin về đơn hàng và là nơi để khách hàng lựa chọn các phương thức thanh toán. Việc thanh toán trực tuyến sẽ sử dụng thẻ visa hoặc mastercard. Sau đó, click vào “thanh toán” để chuyển đến trang tiếp theo.
79
Hình 3.30. Điền thông tin thẻ thanh toán
Ở bước tiếp theo, người dùng cần điền thông tin thẻ thanh toán, ngày, tháng hết hạn và cả mã CVV của thẻ visa hoặc mastercard. Trang web sử dụng API của Stripe, do đó sẽ tự động nhận dạng mã số thẻ đó là visa hay mastercard. Người dùng cần nhập đúng các thông tin, nếu không sẽ không thể thanh toán. Sau khi nhập, trang web sẽ thông báo mua hàng thành công, đơn hàng sẽ ở trạng thái đang chờ, người dùng có thể kiểm tra trong trang tài khoản của mình.
80
Khách hàng cũng có thể theo dõi trạng thái đơn hàng của mình trong trang theo dõi đơn hàng. Chỉ cần nhập vào mã đơn hàng, người dùng có thể biết được thông tin chi tiết và trạng thái của đơn hàng đang được xử lý đến bước nào, từ đó có thể biết thời gian nhận hàng.
Hình 3.32. Kiểm tra trạng thái đơn hàng ở tài khoản người dùng