Plugin voucher mã giảm giá siêu đẹp cho website bán hàng

Chào anh em, dạo này lướt qua nhiều site bán hàng (đặc biệt là Flatsome), mình thấy giao diện hiển thị mã giảm giá mặc định của WooCommerce trông khá đơn điệu và khó kích thích khách chốt đơn.Vì vậy, mình có tự tay nhờ chatgpt build một plugin Voucher/Mã giảm giá dạng Slider cuộn ngang cực kỳ xịn xò để chia sẻ cho mọi người cùng dùng!

Plugin này có gì đặc biệt?

• Giao diện hiện đại, trực quan: Chia block rõ ràng, hiển thị đầy đủ Tên mã, Mức giảm (%), Hạn sử dụng (HSD) kèm icon hộp quà/vé giảm giá trực quan.

• Tích hợp nút “Copy Mã” nhanh: Khách hàng chỉ cần 1 cú click là copy được mã ngay, không cần bôi đen thủ công. Tăng trải nghiệm mua sắm tối đa.

• Slider cuộn mượt mà: Hiển thị dạng chuỗi voucher kéo ngang, cực kỳ tối ưu diện tích và giao diện mobile không sợ bị vỡ khung.

• Cực kỳ nhẹ: Không gây chậm web, không xung đột với các theme phổ biến (Đã test mượt mà trên Flatsome và các theme Elementor).

 Hướng dẫn sử dụng:

Plugin cài đặt dạng .zip thông thường, cấu hình trực quan ngay trong trang quản trị. Anh em có thể chèn vào bất kỳ đâu (Trang chủ, Trang giỏ hàng, hoặc ngay dưới nút Mua Ngay ở Trang chi tiết sản phẩm) bằng Shortcode.

📥 Link tải plugin (Miễn phí 100%):

⬇ Download Plugin

sau khi cài plugin thì ta import file của ACF vào để up dc hình và mô tả mã giảm giá

⬇ Download Plugin

cách thêm mã như sau , thêm 4 thì ok , thêm 5 mã nó sẻ thành slide

sau khi cài và tạo mã xong chỉ cần chèn html này vào bất cứ đâu để hiện

[phongvt_coupon]

Do đây là bản mình tự làm để tối ưu cho các dự án cá nhân của theme mới rồi đóng gói lại, nên khó tránh khỏi một vài thiếu sót nhỏ tùy theo giao diện mỗi bên.

Anh em cứ tải về test, nếu gặp lỗi CSS hay có góp ý gì để nâng cấp thêm tính năng hiển thị mã giảm giá thì cứ comment thoải mái ở dưới bài viết này nhé, mình sẽ hỗ trợ fix nhiệt tình!

Nếu thấy sản phẩm của PhongVT hữu ích, cho mình xin 1 tim/1 chấm để bài viết không bị trôi nha. Chúc anh em đột phá doanh số! 🚀