Thêm product badges vào WooCommerce nhanh chóng

9 giờ ago, Hướng dẫn WordPress, Views
Thêm product badges vào WooCommerce nhanh chóng

Thêm Product Badges Vào WooCommerce Nhanh Chóng

Tại Sao Nên Thêm Product Badges Vào WooCommerce?

Product badges, hay còn gọi là nhãn sản phẩm, là những hình ảnh nhỏ hoặc đoạn văn bản được hiển thị trên các sản phẩm trong cửa hàng WooCommerce của bạn. Chúng có vai trò quan trọng trong việc thu hút sự chú ý của khách hàng, làm nổi bật các sản phẩm đặc biệt và tăng tỷ lệ chuyển đổi. Sử dụng product badges một cách thông minh có thể mang lại nhiều lợi ích cho cửa hàng trực tuyến của bạn:

  • Thu hút sự chú ý của khách hàng: Những nhãn nổi bật giúp sản phẩm của bạn dễ dàng được chú ý hơn giữa hàng ngàn sản phẩm khác.
  • Làm nổi bật các sản phẩm đặc biệt: Bạn có thể sử dụng badges để quảng bá các sản phẩm mới, sản phẩm bán chạy, sản phẩm đang giảm giá, hoặc các sản phẩm có tính năng độc đáo.
  • Tăng tỷ lệ chuyển đổi: Khi khách hàng chú ý đến một sản phẩm có badge hấp dẫn, họ có nhiều khả năng nhấp vào và mua sản phẩm đó hơn.
  • Cải thiện trải nghiệm người dùng: Badges cung cấp thông tin nhanh chóng và trực quan cho khách hàng, giúp họ dễ dàng tìm thấy những sản phẩm mà họ quan tâm.
  • Xây dựng thương hiệu: Bạn có thể sử dụng badges được thiết kế theo phong cách thương hiệu của bạn để tăng cường nhận diện thương hiệu.

Các Loại Product Badges Phổ Biến

Có rất nhiều loại product badges mà bạn có thể sử dụng cho cửa hàng WooCommerce của mình. Dưới đây là một số loại phổ biến nhất:

  • New: Nhãn này được sử dụng để đánh dấu các sản phẩm mới được thêm vào cửa hàng của bạn.
  • Sale: Nhãn này được sử dụng để đánh dấu các sản phẩm đang được giảm giá.
  • Hot: Nhãn này được sử dụng để đánh dấu các sản phẩm đang bán chạy.
  • Featured: Nhãn này được sử dụng để đánh dấu các sản phẩm nổi bật.
  • Best Seller: Nhãn này được sử dụng để đánh dấu các sản phẩm bán chạy nhất.
  • Out of Stock: Nhãn này được sử dụng để đánh dấu các sản phẩm đã hết hàng.

Ngoài ra, bạn cũng có thể tạo các nhãn tùy chỉnh để phù hợp với nhu cầu cụ thể của cửa hàng của bạn. Ví dụ, bạn có thể tạo một nhãn “Limited Edition” cho các sản phẩm phiên bản giới hạn, hoặc một nhãn “Eco-Friendly” cho các sản phẩm thân thiện với môi trường.

Cách Thêm Product Badges Vào WooCommerce

Có nhiều cách để thêm product badges vào WooCommerce. Bạn có thể sử dụng plugin, sử dụng code tùy chỉnh, hoặc sử dụng một số tính năng tích hợp sẵn trong theme của bạn. Dưới đây, chúng ta sẽ xem xét một số phương pháp phổ biến nhất.

Sử dụng Plugin WooCommerce Product Badge

Đây là cách đơn giản và phổ biến nhất để thêm product badges vào WooCommerce. Có rất nhiều plugin miễn phí và trả phí có sẵn trên thị trường. Dưới đây là một số plugin được đánh giá cao:

  • WooCommerce Product Badges: Một plugin miễn phí phổ biến với nhiều tùy chọn tùy chỉnh.
  • YITH WooCommerce Badge Management: Một plugin trả phí mạnh mẽ với nhiều tính năng nâng cao.
  • Advanced Product Labels for WooCommerce: Một plugin linh hoạt cho phép bạn tạo các nhãn sản phẩm tùy chỉnh.

Hướng dẫn chung để sử dụng plugin product badge:

  1. Cài đặt và kích hoạt plugin bạn đã chọn.
  2. Truy cập trang cài đặt của plugin.
  3. Chọn loại badge bạn muốn thêm (ví dụ: “New”, “Sale”, “Hot”).
  4. Tùy chỉnh văn bản, màu sắc và kiểu dáng của badge.
  5. Chọn các sản phẩm mà bạn muốn hiển thị badge.
  6. Lưu cài đặt.

Sử dụng Code Tùy Chỉnh

Nếu bạn là một nhà phát triển hoặc có kinh nghiệm với code, bạn có thể thêm product badges vào WooCommerce bằng cách sử dụng code tùy chỉnh. Cách này cho phép bạn có toàn quyền kiểm soát kiểu dáng và chức năng của badges.

Ví dụ về code để thêm badge “New” cho các sản phẩm mới:


add_action( 'woocommerce_before_shop_loop_item_title', 'add_new_badge' );
function add_new_badge() {
  global $product;

  $today = date("Y-m-d");
  $newness_days = 30;
  $created = get_the_time( 'Y-m-d', $product->id );

  if ( strtotime( $created ) > strtotime( "-{$newness_days} day", strtotime( $today ) ) ) {
    echo 'New';
  }
}

Giải thích code:

  • add_action( 'woocommerce_before_shop_loop_item_title', 'add_new_badge' );: Hook vào action woocommerce_before_shop_loop_item_title để hiển thị badge trước tiêu đề sản phẩm trong vòng lặp cửa hàng.
  • function add_new_badge() { ... }: Định nghĩa hàm để thêm badge.
  • $today = date("Y-m-d");: Lấy ngày hiện tại.
  • $newness_days = 30;: Xác định số ngày mà một sản phẩm được coi là “mới” (trong trường hợp này là 30 ngày).
  • $created = get_the_time( 'Y-m-d', $product->id );: Lấy ngày tạo sản phẩm.
  • if ( strtotime( $created ) > strtotime( "-{$newness_days} day", strtotime( $today ) ) ) { ... }: Kiểm tra xem sản phẩm có được tạo trong vòng 30 ngày qua hay không.
  • echo 'New';: Nếu sản phẩm mới, hiển thị badge “New”.

Bạn cần thêm code này vào file functions.php của theme của bạn hoặc sử dụng một plugin code snippet. Sau đó, bạn có thể thêm CSS để tùy chỉnh kiểu dáng của badge.

Sử dụng Tính Năng Tích Hợp Trong Theme

Một số theme WooCommerce có tính năng tích hợp sẵn để thêm product badges. Kiểm tra tài liệu của theme của bạn để xem liệu nó có hỗ trợ tính năng này hay không. Thông thường, bạn có thể tìm thấy các tùy chọn để bật và tùy chỉnh badges trong bảng điều khiển theme.

Lời Khuyên Khi Sử Dụng Product Badges

Để sử dụng product badges một cách hiệu quả, hãy lưu ý những lời khuyên sau:

  • Sử dụng badges một cách tiết kiệm: Không nên thêm quá nhiều badges vào một sản phẩm, vì điều này có thể làm cho sản phẩm trở nên rối mắt và khó nhìn.
  • Chọn badges phù hợp: Chọn badges phù hợp với loại sản phẩm và chiến lược marketing của bạn.
  • Thiết kế badges hấp dẫn: Đảm bảo rằng badges của bạn có thiết kế hấp dẫn và dễ đọc. Sử dụng màu sắc và phông chữ phù hợp với thương hiệu của bạn.
  • Kiểm tra trên nhiều thiết bị: Đảm bảo rằng badges của bạn hiển thị tốt trên cả máy tính để bàn và thiết bị di động.
  • Theo dõi hiệu quả: Theo dõi hiệu quả của badges của bạn để xem chúng có thực sự giúp tăng tỷ lệ chuyển đổi hay không. Nếu không, hãy điều chỉnh hoặc loại bỏ chúng.

Kết Luận

Thêm product badges vào WooCommerce là một cách đơn giản nhưng hiệu quả để thu hút sự chú ý của khách hàng, làm nổi bật các sản phẩm đặc biệt và tăng tỷ lệ chuyển đổi. Bằng cách sử dụng plugin, code tùy chỉnh, hoặc tính năng tích hợp sẵn trong theme của bạn, bạn có thể dễ dàng thêm badges vào cửa hàng trực tuyến của mình. Hãy nhớ tuân thủ các lời khuyên trên để sử dụng product badges một cách hiệu quả nhất.

, , , ,

..