Một plugin giúp tăng trải nghiệm mua sắm cho khách hàng.Giúp người dùng dễ dàng lựa chọn biến thể sản phẩm, xem nhanh gallery hình ảnh, thêm vào giỏ và chỉnh sửa giỏ hàng nhanh chóng.Giải đáp vì sao được gọi là tăng trải nghiệm mua sắm, giới thiệu về Plugin & hướng dẫn cách cài đặt và sử dụng.
Với các option như custom lại màu sắc, text, hay kích thước gallery có chế độ preview trước, … mọi thứ sẽ dễ dàng hơn rất nhiều với bạn. Thật đơn giản phải không nào. Hãy xem qua video hướng dẫn để biết cách thao tác chi tiết nhé.Một số tính năng nổi bật như:
- Xem Gallery và Zoom ảnh sản phẩm.
- Lựa chọn biến thể sản phẩm ngay trên trang shop / danh mục
- Thêm vào giỏ AJAX sản phẩm
- Xem giỏ hàng dạng mini cart
- Update số lượng cho sản phẩm giỏ
- Xóa sản phẩm trong giỏ
- Chuyển hướng đến trang thanh toán (Tương lai có thể sẽ update thêm popup thanh toán ngay.)
Chi tiết tính năng
Xem Gallery và Zoom ảnh sản phẩm
Lựa chọn biến thể sản phẩm ngay trên trang shop / danh mục
Đối với các sản phẩm có thuộc tính cho khách lựa chọn. Ví dụ sản phẩm thời trang có: thuộc tính Size, thuộc tính Màu sắc..
Đa phần Khách hàng sẽ xem các mẫu sản phẩm tại trang shop/ trang danh mục sản phẩm.. Đây là lý do chính để plugin iSures Improve Customer Experience ra đời.Không cần phải chuyển hướng khách hàng đi quá nhiều. Giúp họ xem được nhiều mẫu cùng 1 lúc và tăng tỉ lệ chốt được 1 lúc nhiều sản phẩm.
Thêm vào giỏ AJAX sản phẩm
Sau khi đã chọn lựa biến thể cần mua và xem được gallery ảnh thì khách hàng tại bước này có thể thêm vào giỏ hàng.
Có thể thấy sau khi thêm vào giỏ hàng 1 thanh hiển thị giá trị đơn hàng và nút thanh toán sẽ hiện ra.Kế tiếp cho kế hoạch tăng trải nghiệm, mình đã code thêm 1 tính năng
Xem giỏ hàng dạng mini cart
Ở bước trên khách hàng có thể bấm thanh toán ngay, hoặc xem lại giỏ hàng bằng cách bấm vào icon giỏ hàng.Một popup giỏ hàng sẽ hiện ra như này.
Điều này giúp khách của bạn dễ dàng kiểm tra lại các sản phẩm đã cho vào giỏ trước khi thanh toán.1 điều đang để nói ở đây mình đã code thêm tính năng xóa sản phẩm trong giỏ, hoặc là thay đổi số lượng sản phẩm trong giỏ.
Ngoài ra khi sử dụng plugin này bạn sẽ không cần dùng 1 mini cart nào khác nữa. Vì mình đã code thêm 1 nút để hiện giỏ hàng sticky ở tất cả các trang.
Dành cho dev
Mình có custom thêm 4 hook như sau tương ứng các vị trí trong popup chọn sản phẩm, và order.
- Dưới tiêu đề:
isures_ice_under_title - Dưới giá:
isures_ice_under_price - Dưới mô tả ngắn:
isures_ice_under_excerpt - Dưới Product Meta:
isures_ice_under_product_meta
