WordPress銷量怎么添加，詳細教程與實用技巧

來自：素雅營銷研究院

方知筆記

2025年07月03日 01:04

一、為什么需要在WordPress網(wǎng)站上添加銷量顯示

在當今競爭激烈的電商環(huán)境中，展示產(chǎn)品銷量已成為提升轉(zhuǎn)化率的重要手段。當訪客看到某件商品已經(jīng)有大量用戶購買時，會從心理上產(chǎn)生”社會認同”效應(yīng)，認為這款商品值得信賴。WordPress作為全球最流行的內(nèi)容管理系統(tǒng)，為電商網(wǎng)站提供了多種添加銷量顯示功能的解決方案。

數(shù)據(jù)顯示，在商品頁面添加銷量統(tǒng)計可以提高15-30%的轉(zhuǎn)化率。特別是在新品推廣期，即使銷量不高，通過合理展示也能建立初步信任感。對于使用WordPress搭建的在線商店，無論是WooCommerce還是其他電商插件，實現(xiàn)銷量顯示功能都不復雜。

二、使用WooCommerce添加銷量顯示的基本方法

1. 通過WooCommerce設(shè)置啟用銷量顯示

WooCommerce作為WordPress最強大的電商插件，本身就內(nèi)置了銷量統(tǒng)計功能，只是默認不顯示在前端：

登錄WordPress后臺，進入”WooCommerce > 設(shè)置”
選擇”產(chǎn)品”標簽頁
找到”啟用庫存管理”選項并勾選
保存更改后，編輯單個產(chǎn)品時就能看到”庫存”選項
在產(chǎn)品編輯頁面填寫”庫存數(shù)量”和”初始銷量”數(shù)字

2. 添加銷量顯示到產(chǎn)品頁面

要讓銷量數(shù)字顯示在產(chǎn)品頁面上，可以通過以下代碼實現(xiàn)：

// 將以下代碼添加到主題的functions.php文件中
add_action( 'woocommerce_single_product_summary', 'display_product_sales', 11 );
function display_product_sales() {
global $product;
if ( $product->get_total_sales() ) {
echo '<div class="product-sales">已售出: ' . $product->get_total_sales() . '件</div>';
}
}

這段代碼會在產(chǎn)品摘要部分添加一個顯示銷量的區(qū)域，樣式可以通過CSS進一步美化。

三、通過插件添加銷量顯示的簡便方法

對于不熟悉代碼的用戶，使用專業(yè)插件是更安全便捷的選擇：

1. WooCommerce Sales Count插件

這款免費插件專門用于顯示產(chǎn)品銷量：

在WordPress后臺搜索并安裝”WooCommerce Sales Count”
激活插件后無需復雜設(shè)置
銷量會自動顯示在產(chǎn)品頁面
提供多種顯示樣式和位置選擇

2. YITH WooCommerce Badge Management

這款高級插件不僅能顯示銷量，還能創(chuàng)建各種產(chǎn)品徽章：

安裝并激活插件
進入”YITH > Badge Management”設(shè)置
創(chuàng)建新徽章，選擇”銷量”作為顯示內(nèi)容
設(shè)置徽章樣式和顯示位置
保存后即可在前端看到效果

四、高級技巧：自定義銷量顯示與自動更新

1. 創(chuàng)建虛假銷量以提升初期轉(zhuǎn)化

對于新產(chǎn)品，可以設(shè)置初始銷量值：

// 在產(chǎn)品發(fā)布時設(shè)置初始銷量
function set_initial_sales( $post_id ) {
$product = wc_get_product( $post_id );
if ( $product && ! $product->get_total_sales() ) {
update_post_meta( $post_id, 'total_sales', 50 ); // 設(shè)置初始銷量為50
}
}
add_action( 'save_post_product', 'set_initial_sales' );

2. 實現(xiàn)銷量自動增長效果

通過JavaScript創(chuàng)建銷量動態(tài)增長動畫，增強視覺效果：

jQuery(document).ready(function($) {
var salesCount = $('.product-sales').text().match(/\d+/);
if (salesCount) {
var current = 0;
var target = parseInt(salesCount[0]);
var increment = Math.ceil(target / 100);
var timer = setInterval(function() {
current += increment;
if (current >= target) {
current = target;
clearInterval(timer);
}
$('.product-sales').text('已售出: ' + current + '件');
}, 20);
}
});