Woocommerce在产品折扣价格后面显示【save节省金额】

在独立站上，打折促销并不是新鲜事。但你有没有注意到，很多成功的品牌在展示折扣价格时，不仅仅写类似 “原价 $999，现价 $799″，还会醒目地标注 “Save $200″？ 这个小小的文案变化，可能正是你提升转化率的关键。

首先我们看看效果图：

“节省金额 “让优惠更具冲击力：
相比单纯展示一个打折后的新价格，明确写出类似 “节省 $200 “这样的节省费用，可以让用户立刻感受到这个折扣的实际价值。 这是一种心理暗示，它告诉客户：”你现在下单，等于直接省下 200 块。”许多消费者对数字不够敏感，他们可能无法立刻计算出 999 – 799 = 200。但当你直接告诉他们 “省了 $200″，他们就立刻感知到了这个优惠的力度。

如何在 WooCommerce 中实现这个功能？
将下面的代码添加到后台主题模板的functions.php文件即可： // display save $xxx price.

// 显示保存的 $xxx 价格
function custom_price_html($price, $product) { 仅在单个产品页面显示
    // 仅在单个产品页面显示
    if (is_product()) {
        if ($product->is_on_sale()) {
            $regular_price = $product->get_regular_price()；
            $sale_price = $product->get_sale_price()；
            if (is_numeric($regular_price) && is_numeric($sale_price)) {
                $amount_saved = $regular_price - $sale_price；
                $price .= '<span style="color:#4CAF50;font-size:.6em;">⚡️ Save ' . wc_price($amount_saved) .'</span>'；
            }
        }
    }
    返回 $price；
}
add_filter('woocommerce_get_price_html', 'custom_price_html', 100, 2)；

温馨提示：在添加代码前，请提前备份好functions.php 文件。