自定义商品折扣

本文档介绍如何自定义商品折扣的显示以及倒计时小组件——帮助您在商品页面上清晰展示折扣价格，并通过计时器营造紧迫感。

使用 BOGOS 自定义这些内容包括以下 4 个步骤：

1. 在 BOGOS 后台中，打开"自定义 > 折扣 > 商品折扣"。

2. 自定义倒计时小组件。

3. 自定义折扣价格显示。

4. 点击保存。

自定义倒计时小组件

倒计时小组件显示在您的商品页面上，向顾客展示折扣的剩余时间，从而营造出在优惠活动结束前购买的紧迫感。

通用

• 启用倒计时小组件：在商品页面上显示倒计时器。倒计时根据您优惠活动的开始/结束时间以及"在时间范围内重复折扣"设置显示。

• 小组件样式：在"条形"（纤薄外观）或"横幅"（更引人注目）之间选择。

• 数字背景包裹：在每个倒计时数字后面添加背景块。

• 显示标签（仅适用于横幅小组件样式）：启用后可在每个倒计时单位下方显示文本标签。您可以自定义所有可用的标签文本。

• 小组件边框圆角：拖动滑块（0–24px）以调整小组件的圆角程度。每个数字后面的背景会自动按该值的一半进行圆角处理。

颜色

BOGOS 允许您通过以下 3 种方法之一来自定义所有元素的颜色：

• 从下拉菜单中选择一个现成的配色方案。

• 手动调整所有可用颜色的每个颜色字段。

• 联系 BOGOS 支持团队以获得颜色自定义方面的帮助。

完成后点击保存。

自定义折扣价格显示

折扣价格显示会出现在您的商品页面上，向顾客展示折扣后的价格以及他们节省的金额。

通用

• 自定义折扣价格显示：启用后以对比价格的样式显示折扣价格。

如果关闭，商品页面在加入购物车之前只会显示原价。

• 显示折扣标签：在价格旁显示一个标签以展示折扣。启用后，设置：

• 折扣标签：标签上显示的折扣文本。使用 {{discount_amount}} 可动态显示折扣值（例如"10% OFF"）。

排版

• 折扣价格：设置折扣价格的字体大小和粗细（常规或加粗）。

• 原价：设置原价的字体大小和粗细（常规或加粗）。

• 划掉原价：启用后以删除线显示原价（例如 $165）。

颜色

BOGOS 允许您通过以下 3 种方法之一来自定义所有元素的颜色：

• 从下拉菜单中选择一个现成的配色方案。

• 手动调整所有可用颜色的每个颜色字段。

• 联系 BOGOS 支持团队以获得颜色自定义方面的帮助。

完成后点击保存。

需要帮助？

如果您需要任何帮助，请随时通过我们 BOGOS 应用内的在线聊天联系我们的客户支持团队。