Skip to main content
Rewards 区块显示一个通向奖励层级（免运费、订单折扣或免费赠品）的进度条，购物者通过向购物车添加更多商品来解锁，它通过展示购物者距离下一个奖励有多近来激励更大的购物车，并自动发放符合条件的奖励。层级可以按市场、国家和货币而有所不同。
显示通向免运费和免费赠品等分层奖励进度条的奖励区块

​
层级门槛校验

每个条件的层级列表最多容纳 4 个层级——带有多个市场、国家或货币条件的 Rewards 区块每个条件最多存储 4 个，并且由于向购物者显示的是第一个匹配的条件，任何单个购物者最多看到 4 个。每个层级的门槛必须严格大于上一层级——门槛必须按升序排列。如果某个层级的门槛等于或低于上一层级的门槛，该层级的门槛字段会显示内联错误，并且 Save 按钮会被阻止，直到问题解决。受影响的层级会自动展开，使错误可见。 例如，如果第 1 层设置为 $100，第 2 层必须设置为 $101 或更高。

​
行为

  • 进度排除奖励赠品行、产品附加行、运输保护行和礼品卡，不计入总额，所以这些商品不会虚增购物者的奖励进度。
  • 消息显示距离下一层级还差的金额或数量，或在所有层级达成后显示完成消息。
  • **免费赠品自动发放。**购物者达到赠品层级时，赠品会被添加到购物车；如果他们跌回门槛以下，赠品会被移除。关闭奖励叠加时，只发放已达成的最高层级的赠品。
  • Add back removed free gifts 控制购物者手动移除自动发放的赠品时会发生什么。启用时（默认），赠品会在下一次购物车更新时自动重新添加。禁用时，会尊重移除操作，赠品在本次会话余下时间里不再进入购物车，这样购物者就不必与购物车”斗争”来拒绝赠品。

​
设置

每个层级展开后包含：

​
位置和限制

  • **区域：**任意（顶部、主体或底部）。
  • **数量上限：**每个购物车状态 1 个——已装满购物车和空购物车各有自己的一个。
  • **状态：**已装满和空购物车均可。
  • 默认不添加。未锁定，所以你可以删除或隐藏它。

​
按市场设置奖励

Rewards 是目前拥有完整 Conditions UI 的区块：定义多套层级，每套针对一个 Shopify market、customer country 或 customer currency（In 或 Not in）。向购物者显示第一个匹配的条件。如果都不匹配，区块对他们不渲染任何内容。 每个条件是设置面板中的一张卡片（When + 条件）。其下方的 Display 部分存放该条件的层级。把具体规则放在 All buyers 兜底规则之上。顺序即优先级，而不是所有匹配项的组合。 你无法删除最后一个条件（始终至少需要一个）。编辑器预览不会评估真实买家；在面板中选择一个条件即可预览该变体。 关于条件与眼睛开关及其他区块的关系，参阅按市场、国家或货币显示或隐藏。

​
自定义模板

支持从其 Code 标签页使用自定义模板，用你的 JSX 替换此区块的内置标记。以下是它接收的 props。 每个 Milestone：
m.icon 是一个预渲染的元素，不是 URL 也不是图标名称，所以要直接渲染它，而不要试图用它构建图片元素。
在自定义模板内部 milestones 永远不会为空。当没有可显示的层级时，区块不渲染任何内容，你的模板根本不会被调用，所以你不需要空状态分支。

​
设计

使用设置面板中的 Design 部分为此区块设置样式。这些是按区块的覆盖，叠加在你的全局设计之上，留空时回退到全局设计。

​
Text（文字）

Design 中的 Text（文字）部分让你控制奖励文字元素的排版。使用 Text element 选择器在它们之间切换。 Message——进度或完成消息。也支持自定义字体族。加粗和文字颜色在上方的富文本编辑器（Settings 标签页）中设置，而不是在这里。 Tier label——每个层级标记上显示的标签。仅在启用 Show tier labels 时可用。
直接在购物车预览中点击文字元素会将其高亮，并在面板中自动打开对应的控件。
什么是设计设置？在这里了解更多：设计设置。