Code fake số lượng hàng đã bán trong Woocommerce [Không cần plugin]

Đăng vào bởi Akira

Đối với các trang thương mại điện tử sử dụng WordPress, ngoài việc cung cấp đầy đủ thông tin sản phẩm như: giá bán, thông số kỹ thuật, màu sắc, và số lượng,… thì việc thêm thông báo về số lượng sản phẩm đã bán cũng sẽ gia tăng khả năng chốt đơn của website một cách đáng kể.

Code fake số lượng hàng đã bán trong Woocommerce [Không cần plugin]
Code fake số lượng hàng đã bán trong Woocommerce [Không cần plugin]
Gần đây, mình nhận được nhiều yêu cầu từ bạn đọc nhờ hỗ trợ code tính năng này. Vì vậy, mình quyết định chia sẻ miễn phí để mọi người có thể dễ dàng tích hợp. Điểm đặc biệt là không cần phải cài Plugin, chỉ cần thêm đoạn code vào file Function.php của theme bạn đang sử dụng là có thể chạy ngay.

Chia sẻ Code Fake số lượng hàng đã bán trong Flatsome

function show_soluongban(){;?>
<div class="fake_slb">
<span class="css-u5y24t"><svg height="20px" width="20px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#f79009"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:#f79009;} </style> <g> <polygon class="st0" points="386.415,193.208 287.481,193.208 359.434,0 161.566,0 125.585,280.151 206.528,280.151 170.557,512 "></polygon> </g> </g></svg> </span> <span class="css-tc11gt text-yellow-8">Sản phẩm đang được chú ý, </span> có <?php echo(rand(10,100)); ;?> người thêm vào giỏ hàng & <?php echo(rand(10,100)); ;?> người đang xem
</div>
<?php }
add_action('woocommerce_single_product_summary','show_soluongban',99);

Mình sẽ giải thích code trên:

<?php echo(rand(10,100)); ;?> // cái này có chức năng random từ min 10 đến max 100. Cứ F5 để load lại trang thì số lượng bán sẽ khác, bạn muốn thay bao nhiêu tuỳ thích.

Đây là CSS đi kèm, các bạn vào Tuỳ biến -> CSS nâng cao -> dán vào và lưu lại.

.fake_slb { padding-top: 16px;
border-top: 1px solid rgb(228, 232, 237);}
.css-tc11gt {
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #dc6803;
}
.css-u5y24t { 
display: inline-block;
vertical-align: -0.5em;}

Như vậy, mình đã hướng dẫn các bạn cách code để fake số lượng bán hàng trong WooCommerce của WordPress. Đây là một thủ thuật hiệu quả, giúp website của bạn nổi bật hơn so với đối thủ và gia tăng sự hấp dẫn cho khách hàng khi truy cập. Từ đó, khả năng chốt đơn và doanh số cũng có thể được cải thiện.

Hy vọng bài viết này sẽ hữu ích cho các bạn. Hẹn gặp lại trong những bài viết tiếp theo!

Bài viết cùng chủ đề:

.
.
.
.