> ## Documentation Index
> Fetch the complete documentation index at: https://guide.uku.to/llms.txt
> Use this file to discover all available pages before exploring further.

# 为商品添加促销机制和徽章

> 在 UKU 完整海报中为商品应用促销机制：百分比折扣、买 N 付 M、组合优惠、返现等。突出显示的徽章更有吸引力。

除了普通的价格显示，UKU 支持多种促销机制。选择合适的机制能让顾客一眼看到优惠的价值。

## 支持的促销机制

<CardGroup cols={2}>
  <Card title="百分比折扣" icon="percent">
    例如 -30%、-50%。适合任何商品。
  </Card>

  <Card title="买 N 付 M" icon="cart-shopping">
    例如 "买 3 付 2"。适合快消品。
  </Card>

  <Card title="组合优惠" icon="boxes-stacked">
    例如 "第二件半价"、"两件 10 元"。适合搭配销售。
  </Card>

  <Card title="返现" icon="money-bill">
    例如 "满 50 减 10"、"消费返 5 元"。适合客单价较高的场景。
  </Card>

  <Card title="第二件优惠" icon="tag">
    例如 "第二件 -50%"。经典的促销方式。
  </Card>

  <Card title="限时特价" icon="clock">
    突出显示优惠只在特定时段有效。
  </Card>
</CardGroup>

## 应用促销机制

<Steps>
  <Step title="选中商品">
    在编辑器中点击目标商品框。
  </Step>

  <Step title="打开促销机制选项">
    在属性面板找到 **促销机制** 或 **促销徽章** 部分。
  </Step>

  <Step title="选择机制类型">
    从列表中选择合适的促销类型。
  </Step>

  <Step title="填写相关参数">
    例如买 3 付 2 需要填写数量，返现需要填写门槛和金额。
  </Step>

  <Step title="选择徽章样式">
    不同机制有不同的徽章风格：圆形、菱形、爆炸形等。
  </Step>

  <Step title="调整位置">
    如果徽章挡住了商品图片，可以调整其位置。
  </Step>
</Steps>

## 徽章样式

促销徽章通常有以下样式可选：

| 样式  | 特点     | 适合场景  |
| --- | ------ | ----- |
| 圆形  | 简洁、经典  | 一般促销  |
| 菱形  | 醒目、有活力 | 特价、清仓 |
| 爆炸形 | 冲击力强   | 热卖、限时 |
| 矩形  | 稳重、专业  | 品牌折扣  |
| 手写形 | 亲切、复古  | 传统店铺  |

## 徽章颜色

<Steps>
  <Step title="选中徽章">
    点击商品上的促销徽章。
  </Step>

  <Step title="修改颜色">
    在属性面板中修改 **背景颜色** 和 **文字颜色**。
  </Step>

  <Step title="保持对比度">
    确保背景和文字颜色对比明显，容易阅读。
  </Step>
</Steps>

<Tip>
  红色和黄色的组合是最经典的促销徽章配色，视觉冲击力最强。绿色适合环保、健康类商品。
</Tip>

## 常见组合

<CardGroup cols={2}>
  <Card title="百分比 + 大号价格" icon="tags">
    大号折扣百分比 + 大号折扣价格，最直接的促销展示。
  </Card>

  <Card title="买 N 付 M + 徽章" icon="award">
    显眼徽章 + 明确的购买规则，鼓励多买。
  </Card>

  <Card title="组合优惠 + 描述" icon="align-left">
    简明的组合规则 + 补充文字说明适用范围。
  </Card>
</CardGroup>

## 常见问题

<Accordion title="能同时应用多个促销机制吗">
  一般不能。同一个商品应用一个主要机制即可，多个机制反而让顾客困惑。
</Accordion>

<Accordion title="徽章挡住了商品图片怎么办">
  拖动徽章调整位置，或者选择更小的徽章样式，或者切换到更简洁的价格样式。
</Accordion>

<Accordion title="能自定义徽章文字吗">
  可以。选中徽章后可以修改显示的文字，例如把 "-30%" 改成 "8 折"。
</Accordion>

<Accordion title="促销机制会影响价格计算吗">
  不会。促销机制只影响 **视觉展示**。价格由您手动填写的原价和折扣价决定。
</Accordion>

## 下一步

<CardGroup cols={2}>
  <Card title="以往价格" icon="clock-rotate-left" href="/zh/web/full-flyers/prev-price">
    以合规方式显示商品的以往价格。
  </Card>

  <Card title="布局与框" icon="table-cells" href="/zh/web/full-flyers/layout-boxes">
    调整商品框的位置和大小。
  </Card>
</CardGroup>
