WordPress如何設(shè)置商品的兩個價格

來自：素雅營銷研究院

方知筆記

2025年06月27日 05:57

為什么需要設(shè)置兩個價格

在電子商務(wù)網(wǎng)站運營中，設(shè)置兩個價格是常見的營銷策略。通常表現(xiàn)為：

原價與促銷價對比
會員價與非會員價區(qū)分
批發(fā)價與零售價并存
季節(jié)性價格調(diào)整

這種價格對比能夠有效刺激消費者的購買欲望，提高轉(zhuǎn)化率。

WordPress設(shè)置雙價格的常用方法

1. 使用WooCommerce插件

WooCommerce是WordPress最流行的電商插件，設(shè)置雙價格步驟如下：

安裝并激活WooCommerce插件
進(jìn)入產(chǎn)品編輯頁面
在”產(chǎn)品數(shù)據(jù)”部分找到”常規(guī)”選項卡
填寫”常規(guī)價格”（原價）
填寫”促銷價格”（折扣價）
設(shè)置促銷時間范圍（可選）
更新保存產(chǎn)品

2. 使用專業(yè)價格插件

推薦幾款專門處理多價格的插件：

WooCommerce Dynamic Pricing：支持基于用戶角色的定價
YITH WooCommerce Dynamic Pricing and Discounts：提供高級折扣規(guī)則
Tiered Price Table for WooCommerce：適用于批發(fā)定價場景

3. 自定義代碼實現(xiàn)

對于有開發(fā)能力的用戶，可以通過添加自定義字段實現(xiàn)：

// 在functions.php中添加自定義價格字段
function add_custom_price_field() {
woocommerce_wp_text_input( array(
'id' => 'second_price',
'label' => __('會員價格', 'woocommerce'),
'placeholder' => '',
'description' => __('輸入會員專屬價格', 'woocommerce'),
'type' => 'number',
'custom_attributes' => array(
'step' => 'any',
'min' => '0'
)
));
}
add_action('woocommerce_product_options_pricing', 'add_custom_price_field');

// 保存自定義價格字段
function save_custom_price_field($post_id) {
$product = wc_get_product($post_id);
$second_price = isset($_POST['second_price']) ? $_POST['second_price'] : '';
$product->update_meta_data('second_price', $second_price);
$product->save();
}
add_action('woocommerce_process_product_meta', 'save_custom_price_field');

前端顯示雙價格的技巧

1. 修改主題模板文件

在主題的content-single-product.php或相關(guān)模板文件中添加價格顯示代碼：

// 獲取價格
$regular_price = get_post_meta(get_the_ID(), '_regular_price', true);
$sale_price = get_post_meta(get_the_ID(), '_sale_price', true);

// 顯示價格
if($sale_price) {
echo '<span class="regular-price" style="text-decoration:line-through;">原價:'.$regular_price.'</span>';
echo '<span class="sale-price">促銷價:'.$sale_price.'</span>';
} else {
echo '<span class="price">價格:'.$regular_price.'</span>';
}

2. 使用CSS美化價格顯示

/* 原價樣式 */
.regular-price {
color: #999;
font-size: 16px;
margin-right: 10px;
}

/* 促銷價樣式 */
.sale-price {
color: #ff0000;
font-size: 20px;
font-weight: bold;
}