CHƯƠNG 4 KẾT QUẢ
4.1. GIAO DIỆN TRANG KHÁCH HÀNG
4.1.4. Giao diện giỏ hàng và thanh toán
Hình 4.17: Giao diện thêm vào giỏ hàng
66
Hình 4.18: Giao diện chi tiết giỏ hàng
- Sau khi khách hàng click thêm vào giỏ hàng thành cơng (hình 4.17), khách hàng có thể xem lại giỏ hàng của mình và tiến hành chọn số lượng hoặc xố khỏi giỏ hàng.
- Nhập mã giảm giá nếu có ( như hình 4.18 là đã nhập mã giảm giá thành cơng và hiện thơng báo ở góc trên bên trái ), khách hàng có thể xố mã giảm giá nếu khơng muốn hoặc muốn đổi sang mã khác.
Hình 4.19: Giao diện thanh tốn từ giỏ hàng
Góc dưới bên phải hiển thị thơng tin tổng hố đơn của giỏ hàng, sau đó nếu xác nhận mua hàng, khách hàng có thể click vào nút thanh tốn.
67
Hình 4.20: Giao diện thơng tin đơn hàng
Sau khi click vào thanh tốn sẽ hiện ra thơng tin đơn hàng, tại đây người dùng sẽ điền đầy đủ thông tin cá nhân cũng như địa chỉ như hình 4.20 và xác nhận đơn hàng.
Hình 4.21: Phương thức thanh tốn
Sau khi khách hàng đã xác nhận địa chỉ thì sẽ chuyển sang chọn hình thức thanh tốn và xác nhận đơn hàng cũng như các điều khoản và bấm đặt ngay.
68
Hình 4.22: Đơn hàng đặt mua
- Hoàn thành đặt ngay xong đơn hàng, tiếp đến sẽ hiển thị lời cảm ơn của cửa hàng và hiển thị chi tiết hóa đơn một lần nữa để khách hàng có thể kiểm tra và xem xét một lần nữa.
- Nếu sau khi đặt hàng hoàn thành, khách hàng click vào Tiếp tục mua hàng sẽ quay trở về trang Shop.
- Để khách hàng có thể yên tâm và theo dõi đơn hàng của mình trong tình trạng như thế nào thì click vào Xem tình trang đơn hàng tại ĐÂY ( hình 4.22 ), ở đây sẽ hiển thị tình trạng đơn hàng của bạn đã được xác nhận hay đang chờ xác nhận như hình 4.23.
69