Giỏ hàng Popup cực kì phổ biến trên web TMĐT lớn như là Lazada, AliExpress hay một số trang thương mại điện tử khác… thì chắc hẳn bạn đã từng nhìn thấy khung popup tự động hiện ra mỗi lần thêm hàng vào giỏ rồi phải không nào? Không chỉ thông báo cho khách hàng biết sản phẩm hiện có trong giỏ hàng mà còn cho phép họ có thể tùy chỉnh số lượng sản phẩm cũng như có thể điều hướng nhanh đến trang thanh toán. Trong WordPress, các bạn cũng có thể làm điều này một cách dễ dàng nhờ sự trợ giúp của một plugin có tên là WooCommerce added to cart popup (Ajax).

Tại sao nên dùng plugin để tạo popup wordpress?

Có 3 lý do chính để sử dụng plugin tạo giỏ hàng popup wordpress như là: miễn phí, cài đặt dễ dàng, dễ sử dụng, có cộng đồng sử dụng hỗ trợ,….. Nhiêu đây là quá đủ lí do để chúng ta lựa chọn rồi phải không?

xem thêm: theo dõi đơn hàng website

Tạo giỏ hàng popup cho WooCommerce như thế nào?

Bước đầu tiên, các bạn cần phải cài đặt plugin WooCommerce added to cart popup

 

 

Truy cập Added to cart popup từ menu chính trong WordPress Dashboard, các bạn sẽ thấy một số tùy chỉnh như sau:

 

 

Trong đó:

  • Enable on Mobile: kích hoạt tính năng giỏ hàng popup trên cả desktop lẫn mobile.
  • Show product details: hiển thị tên, ảnh đại diện của sản phẩm và tính năng lựa chọn số lượng.
  • +/- Qty Button: hiển thị nút tăng/ giảm số lượng sản phẩm.
  • Update Quantity: cho phép cập nhật số lượng sản phẩm ngay trên khung popup.
  • View Cart Button: hiển thị nút xem giỏ hàng.
  • Checkout Button: hiển thị nút thanh toán.
  • Show spinner icon: hiển thị icon quay tròn khi click vào nút Add to cart (thêm vào giỏ hàng).
  • Reset cart form: reset số lượng sản phẩm và nút Add to cart về trạng thái mặc định sau khi bạn tắt khung popup giỏ hàng.
  • PopUp Width: chiều rộng của khung popup.
  • Image Width: chiều rộng của ảnh đại diện sản phẩm.
  • Button Background Color: chọn màu nền cho các nút bấm.
  • Button Text Color: chọn màu chữ cho các nút bấm.
  • Button Font Size: chọn kích thước chữ cho các nút bấm.
  • Button Border Radius: chọn mức độ bo góc cho các nút bấm.
  • Item Border Size: chọn kích thước đường viền sản phẩm.
  • Item Border Color: chọn màu cho đường viền sản phẩm.

Sau khi thiết lập xong, click vào nút Save Changes để lưu lại

xem thêm: auto coupon trong woocomere

 

 

Tạo giỏ hàng popup cho WooCommerce có quan trọng hay không?

Việc bổ sung chức năng popup giỏ hàng cho website của bạn giúp ấn tượng trong mắt khách hàng cũng như tăng tỉ lệ chuyển đổi cao. Vì vậy chức năng này Siêu Tốc Việt nghĩ nên có ở mọi website bán hàng khác. Nếu bạn thấy bài viết này bổ ích, hãy cho chúng tôi 5 sao và theo dõi tiếp các bài viết khác tại Siêu Tốc Việt nhé !!!

5/5 - (1 bình chọn)

Tạo giỏ hàng popup - Popup đơn giản cho Woocomere

Lê Trương Tấn Lộc

Với hơn 3 năm kinh nghiệm CODE/CSS/JS, 2 năm kinh nghiệm trong quản trị website tư vấn giải pháp SEO, Marketing tối ưu nhất cho doanh nghiệp.

Hiện đang là nhân viên kinh doanh tại Siêu tốc việt

zalo
messenger