WooCommerce 销售气泡优化：凸显节省金额，提升购买率

优化 WooCommerce 销售气泡：显示节省金额而非折扣百分比

简介

WooCommerce 默认显示销售气泡，其中包含折扣百分比，如"20% 折扣"。虽然这对于了解折扣幅度很有用，但对于客户来说，直接了解他们可以节省多少金额可能更具吸引力。本指南将指导您如何修改 WooCommerce 销售气泡，使其显示实际节省的金额（例如"节省 £10"），而不是折扣百分比。

修改步骤

要修改销售气泡，需要修改以下文件：

• sale-flash.php 模板文件： 导航到你的主题目录中的 /woocommerce/templates/sale-flash.php 文件。
• single-product/sale-flash.php 模板文件： 对于可变产品，还需要修改 /woocommerce/templates/single-product/sale-flash.php 文件。

步骤 1：计算节省金额

在上述模板文件中，找到计算折扣百分比的代码段。将其替换为以下代码，以计算节省的金额：

$saved = round( $regular_price - $sale_price, 0 );

步骤 2：更新显示文本

接下来，更新 echo 语句中的文本，将其替换为以下内容：

echo apply_filters( 'woocommerce_sale_flash', '<span class="onsale">Save £' . $saved . '</span>', $post, $product );

步骤 3：SEO 优化

为了确保销售气泡中的节省金额对搜索引擎可见，请转到 WooCommerce 设置中的"产品"选项卡，然后选择"显示"选项卡。在"销售气泡 % 格式"字段中，将 placeholder 替换为：

-Save £{value}

结论

通过按照这些步骤操作，您可以成功修改 WooCommerce 销售气泡，使其显示节省金额而不是折扣百分比。这将为您的客户提供更清晰、更吸引人的信息，帮助他们更快地做出购买决定。

常见问题解答

1. 这些更改是否适用于所有产品类型？
是的，这些修改适用于简单产品和可变产品。

2. 我可以自定义销售气泡的外观吗？
是的，您可以通过编辑 WooCommerce 的 CSS 文件来自定义销售气泡的颜色、字体和大小。

3. 修改会影响移动设备上的销售气泡吗？
不会，这些修改适用于所有设备，包括移动设备。

4. 如何在销售气泡中添加货币符号？
您可以通过在 echo 语句中添加货币符号来实现，例如 echo apply_filters( 'woocommerce_sale_flash', '<span class="onsale">Save $' . $saved . '</span>', $post, $product );。

5. 修改是否需要高级编程技能？
不，这些修改不需要高级编程技能。如果您熟悉基本的 PHP 和 CSS，则可以轻松地进行这些修改。