1BANNER 123
5/5 - (190 bình chọn)

Nay mình share cho anh em 1 đoạn code nho nhỏ để có thể show được số lượng người đang xem sản phẩm (Fake thôi nhé). Giúp kích thích bán hàng và đẩy sale cho anh em nha.

Demo như thế này nè, hoặc xem tại đây https://bit.ly/3nsTJOX

Hien Thi So Luong Nguoi Dang Xem
Hiển thị số lượng người đang xem wordpress

Ở đây mình sẽ cho hiển thị số lượng này 1 cách random, các bạn có thể tự set được trong function dưới đây nhé.

function show_viewed(){;?>
	<div class="viewed_pt">
		<span><i class="fas fa-eye"></i> <?php echo(rand(10,100)); ;?></span> người đang xem sản phẩm này
	</div>
<?php }
add_action('woocommerce_single_product_summary','show_viewed',99);

Hook mình sử dụng là woocommerce_single_product_summary, nó sẽ hiển thị trong product page.

Đoạn rand(10,100) là nó sẽ random hiển thị từ 10 – 100, các bạn có thể thay thế tại đây nhé.

Function này các bạn dán vào file funtions.php.

Lưu ý là mình sử dụng font awsome nên sẽ có icon con mắt, các bạn vui lòng import fontawsome vào trước nhé.

Dán function vào đây

Và thêm 1 chút css cho nó

.viewed_pt{
	text-align: center;
    background: #f6f6f6;
    padding: 5px 0;
}
.viewed_pt span{
	color: red;
    font-weight: bold;
}

Và tận hưởng kết quả của mình thôi, chúc các bạn thành công.

Bổ sung shortcode dành cho các bạn muốn hiển thị tại vị trí khác

function show_viewed_shortcode(){
ob_start();?>
	<div class="viewed_pt">
		<span><i class="fas fa-eye"></i> <?php echo(rand(10,100)); ;?></span> người đang xem sản phẩm này
	</div>
<?php
$list_post = ob_get_contents();
ob_end_clean();
return $list_post;
}
add_shortcode('show_viewed_shortcode','show_viewed_shortcode');

Và sử dụng shortcode [show_viewed_shortcode] là được

2 thoughts on “Hướng dẫn hiển thị số lượng người đang xem sản phẩm wordpress

  1. hoàn says:

    mình lam theo huong dan thì chạy ok rồi , nhưng mình tuy biến lại trang page product thì nó không hiển thị ra được, bạn có thể hướng dãn mình cái này không cám ơn nhiều

    • Thành Tuấn says:

      Cái hook mình đang dùng là dành cho sản phẩm mặc định, bạn có thể viết cái này thành shortcode rùi chèn vào vị trí mình muốn hiển thị là được, mình đã cập nhật bài viết

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *