Xem tất cả Blog

Hiển thị số lượng đã bán trong WooCommerce

Thumbnail

Trên trang sản phẩm WooCommerce bạn có thể muốn hiển thị tổng số lượng sản phẩm của bạn đã bán ra. May mắn vì Cơ sở dữ liệu WooCommerce có lưu trữ số liệu này.

Do đó, bạn có thể hiển thị số lượng sales kiểu như vậy trên trang sản phẩm, cạnh nút thêm vào giỏ hàng (Add to cart). Việc hiển thị số lượng đã bán cho mỗi sản phẩm có thể làm tăng tỷ lệ chuyển đổi bán hàng của bạn.

hiển thị số lượng đã bán - woocommerce

Hiển thị số lượng đã bán trên trang sản phẩm

Đoạn code sau sẽ hiển thị tổng số sản phẩm đã bán trên trang sản phẩm, bên trên nút Add to cart:

/**
 * @author        Quangvu.net
 */
  
add_action( 'woocommerce_single_product_summary', 'quangvu_net_product_sold_count', 14);
  
function quangvu_net_product_sold_count() {
   global $product;
   $units_sold = $product->get_total_sales();
   if ( $units_sold ) echo '' . sprintf( __( '%s Sales', 'woocommerce' ), $units_sold ) . '';
}

Nếu bạn muốn tự mình thêm vào một vị trí trong template wordpress, sử dụng đoạn code sau bạn sẽ chèn vào file template woocommerce của giao diện trang web.

<div class="product-sales epic_box"> 
    <i class="fa fa-shopping-cart"></i>
    <?php 
    $count = get_post_meta($post->ID,'total_sales', true);
    $text = sprintf( _n( '%s Sale', '%s Sales', $count, 'quangvu_net' ), number_format_i18n($count));
    echo $text;
    ?> 
 </div>

Để tăng độ hấp dẫn bạn sẽ cần thêm một chút CSS để hiển thị bắt mắt hơn giống như thế này:

.epic_box {
 padding-top: 12px;
 border: 1px solid #ddd;
 padding: 10px;
 border-radius: 8px;
 margin-bottom:10px;
}
.product-sales{
 font-size:25px;
 font-weight:600;
}
.product-sales .fa{
 margin-right:10px;
}

Mẹo

Bạn có thể tạo thêm sự thu hútbắt đầu bán sản phẩm của bạn bằng cách tạo ra các thông tin marketing hấp dẫn sử dụng một công cụ quản lý khách hàng CRM (như Zero, BS CRM). Hoặc bạn có thể tự chỉnh sửa các số liệu bán hàng.

Để thực hiện điều này bạn mở trang sửa sản phẩm, ở đầu trang nhấn vào ‘Screen Options’. TÌmkích hoạt tùy chọn ‘Custom Fields’. Sau đó, cuộn xuốngtìm trường meta total_sales và bạn có thể tự chỉnh sửa con số này.

Về tác giả:

Tôi Trần Quang Vũ là một lập trình viên làm việc lâu năm với WordPress. Tôi có nhiều kinh nghiệm cho các dự án website từ đơn giản đến phức tạp nhất. Các web thuộc lĩnh vực như TMĐT, Nội thất, Du lịch, Văn phòng, Công ty, Đơn vị,... .Ngoài ra tôi cũng thực hiện được các Webapp dùng framework Laravel, Nodejs.
0 0 đánh giá
Đánh giá bài viết
guest
0 Góp ý
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Có thể bạn quan tâm