Variation Swatches là gì?
Variation Swatches là một tính năng mở rộng cho các trang web thương mại điện tử, thường sử dụng trong các nền tảng như WooCommerce, giúp hiển thị các tùy chọn sản phẩm một cách trực quan hơn. Thay vì sử dụng các menu thả xuống truyền thống để lựa chọn màu sắc, kích thước hoặc các thuộc tính khác, Variation Swatches cho phép hiển thị các tùy chọn này dưới dạng các nút màu, hình ảnh hoặc các biểu tượng khác.
Lợi Ích Của Variation Swatches
Trải Nghiệm Người Dùng Tốt Hơn: Giúp người dùng dễ dàng hình dung và chọn lựa các tùy chọn sản phẩm, cải thiện trải nghiệm mua sắm.
Tăng Tỷ Lệ Chuyển Đổi: Trực quan hóa các lựa chọn sản phẩm có thể dẫn đến quyết định mua hàng nhanh hơn, tăng tỷ lệ chuyển đổi.
Tùy Chỉnh Cao: Các swatches có thể được tùy chỉnh để phù hợp với thiết kế và thương hiệu của cửa hàng, mang đến một giao diện chuyên nghiệp.
Cách Cài Đặt Variation Swatches cho WooCommerce
Cài Đặt Plugin: Truy cập Dashboard WordPress > Plugins > Add New. Tìm kiếm “Variation Swatches for WooCommerce” và cài đặt plugin phù hợp.
Kích Hoạt Plugin: Sau khi cài đặt, nhấn “Activate” để kích hoạt plugin.
Cấu Hình Swatches: Truy cập vào WooCommerce > Settings > Swatches để cấu hình các tùy chọn theo ý muốn.
Tạo thuộc tính cho sản phẩm Woocommerce
Để tiến hành tạo biến thể cho sản phẩm, bạn truy cập Sản phẩm → Các thuộc tính. Tại giao diện thêm thuộc tính, bạn nhập như sau:
Tên: Tên thuộc tính
Đường dẫn tĩnh: Để trống (Woocommerce sẽ tự tạo)
Sắp xếp mặc định: Để trống
Loại: (chọn 1 trong 3 loại sau)
– Color: Màu sắc.
– Image: Hình ảnh.
– Label: Hiển thị tiêu đề, chữ.
Shape: chọn theo kiểu bạn muốn như tròn, bo góc hay vuông
Tạo thuộc tính màu sắc: bạn nhấp vào Cấu hình chủng loại của thuộc tính sản phẩm
Ví dụ về thuộc tính màu sắc
Tên: chọn màu bạn muốn: Cam, Đen, Đỏ, Hồng, Nâu, Tím, Vàng, Xanh, Xanh lá..
Đường dẫn: Để trống
Color: chọn màu phù hợp với tên ở trên
Và nhấn vào “Thêm mới màu sắc”
Bạn làm tương tự cho các màu còn lại.