跳至内容
← GraphicMeat Smart Cart

店铺应用 · 设置指南

GraphicMeat Smart Cart 设置指南

共 16 个场景，每个场景都分为在应用中的设置和在主题编辑器中的设置，使用的都是您实际会看到的标签。只读您需要的那一个即可，这里没有任何内容以读过其他场景为前提。

更新于 2026 年 8 月 23 日16 个场景

Smart Cart 在两个地方配置：奖励档位和加购推荐规则在 Shopify 后台内的应用中设置（后台）；抽屉本身、抽屉文字、公告栏、加购推荐商品和倒计时则是主题应用嵌入上的设置（前台）。下面的每个场景都按这种方式拆分，并使用确切的标签。

阅读方式。 每个场景分为两栏。 后台 指 Shopify 后台内的应用本身； 前台 指主题编辑器，以及买家在店铺前台看到的内容。粗体标签就是屏幕上的原文。前台栏为空，表示除了应用嵌入之外店铺前台无需任何设置，而应用嵌入只需在下方开启一次。

所有场景的前置步骤

后台 · 在应用中

  1. 从 Shopify App Store 安装。应用的 Home 页面会显示一个包含三项内容的 Setup checklist：启用嵌入、配置奖励档位、在店铺前台验证。
  2. Open theme editor 位于 Home 页面，点击后会直接跳转到编辑器的 App embeds 面板。

前台 · 主题编辑器 & 店铺

  1. Online Store → Themes → Customize → App embeds → 找到 Smart cart drawer 并开启 → Save。此后，购物车图标、购物车链接和加入购物车都会打开这个抽屉，而不是主题自带的抽屉。
  2. 所有抽屉设置都在该嵌入上，列在下方表格中。不会向主题文件写入任何内容。

主题编辑器中的全部设置

设置项功能介绍默认值
Drawer title抽屉顶部的标题。Your cart
Checkout button结账按钮上的文字。Checkout
Open drawer from cart links购物车图标和所有购物车链接都会打开抽屉；同时让抽屉接管 /cart 页面。关闭 = 抽屉只在加入购物车后打开。开启
Show remove button on cart items每行一个垃圾桶图标；无论是否显示，点 − 减到 0 都会移除。开启
Slide in fromRight 或 Left。Right
Accent color进度条、标签、按钮、套装标签。#1a7f37
Upsell products“You may also like”列表最多 8 件商品，按优先顺序排列。无
Max upsells shown一次显示其中几件，1 到 6 件。3
Announcement text抽屉顶部的栏；留空则隐藏。留空
Announcement link (optional)让这条栏变成链接。无
Starts at / Ends at (ISO date, optional)这条栏的时间表，例如 2026-07-01T00:00:00Z；留空 = 始终显示。留空
Deadline (ISO date, optional), under Urgency countdown (Pro)显示在购物车行上方的倒计时。需要 Pro 方案。留空

应用中各项功能的位置

页面页面内容
Home已产生的收入（最近 30 天 / 累计）、整套应用的收入、Setup checklist，以及 Open theme editor.
Rewards最多 5 个档位： Cart amount, Reward label, Select gift; Gamified display; Add tier; Save.
Upsell rules供姊妹应用使用的规则： Select trigger products (optional), Select upsell products, Discount %; Save & publish.
PlanUpgrade to Pro （$9.99/月，含 14 天试用）和 Switch to Free.
Help / Support应用内文档和支持表单；留言会直接送达工作室。

场景

开启抽屉

用 Smart Cart 替换主题自带的购物车抽屉，暂时不做其他设置。

后台 · 在应用中

  1. 无需任何设置。 Home → Open theme editor 是通往该嵌入的快捷入口。

前台 · 主题编辑器 & 店铺

  1. App embeds → Smart cart drawer 开启。
  2. 设置 Drawer title, Checkout button, Slide in from 和 Accent color 按喜好调整；保持 Open drawer from cart links 和 Show remove button on cart items 开启。
  3. Save.

买家看到什么

购物车图标、购物车链接和每次加入购物车都会打开 Smart Cart；主题自带的抽屉保持关闭。

验证一下

连续点击购物车图标四次：每次都会打开。加入一件商品：抽屉会自动打开。

演示店铺实拍

已赢得免运费，下一个奖励近在眼前。

公告栏写明优惠内容，标签显示免运费已达成、免费贴纸包还差 $52.03，进度条跨档位持续填充，而不是在每个档位重置。每一行都带有套装标签、数量加减器和移除按钮；You may also like 下的推荐商品由您自己挑选。

演示店铺首页，Smart Cart 抽屉已打开：一条 Summer tune-up sale 公告、标为已达成的 Free shipping 标签、还差 $52.03 的 Free Sticker Pack 标签、一条进度条、三条带有数量加减器且标注为 GraphicMeat Mix & Match 的购物车行、带有 Add 按钮的 You may also like 区域，以及位于 Checkout 按钮上方的小计 $97.97
GraphicMeat 演示店铺 · Horizon 主题 · 未经修图点击放大

免运费进度条

“Add $12.03 more to unlock free shipping”（再加 $12.03 即可解锁免运费），随购物车金额增长逐步填满。

后台 · 在应用中

  1. Rewards → 第一行： Cart amount 50, Reward label “Free shipping”，不设赠品 → Save.
  2. 档位只是一个标签加一个门槛；它本身不会改变运费费率。

前台 · 主题编辑器 & 店铺

  1. 要让该金额下的运费真正免费：在 Shopify 的 Settings → Shipping and delivery，在您的运费配置中添加一个最低订单价格为 $50 的“Free shipping”费率，或运行 Prime Bundles 的 Shipping discount （门槛 $50）。两处必须使用同一个数字。
  2. 可选： Announcement text “Free shipping over $50”。

买家看到什么

该档位的标签、一行“Add $X more to unlock Free shipping”和一条进度条；小计超过 $50 后，标签会打钩。 GraphicMeat Smart Cart 页面上的整页截图。

验证一下

购物车 $40 → 进度条填了一部分；再加一件超过 $50 → 标签打钩，结账页显示免运费。

满 $150 送赠品

只有当小计超过 $150 时，一包贴纸才会免费进入购物车。

后台 · 在应用中

  1. Rewards → Add tier → Cart amount 150, Reward label “Free Sticker Pack”。
  2. Select gift → 选择赠品规格（之后按钮会显示“Gift: …”； Clear 会移除它）。赠品必须可购买：有库存，或不追踪库存。
  3. Save。应用会在同一次保存中，把档位同时发布到店铺前台和它的结账 Function。

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

超过 $150 后，抽屉会把赠品作为一条真实的购物车行添加，价格显示为“Free”；Shopify Function 会在结账时再次检查购物车，并将其折扣到 $0。金额掉到门槛以下，抽屉会再次移除它。

验证一下

购物车 $160 → 抽屉和结账页中的赠品行均为 $0。移除一件商品使金额低于 $150 → 赠品消失。

演示店铺实拍

跨过门槛，赠品自动进入购物车。

超过 $150 档位：两个标签都已勾选，出现一行庆祝文案，免费贴纸包作为一条真实的购物车行被添加，价格为 Free。同样的门槛在结账时由 Shopify Function 强制执行，因此抽屉绝不会许诺订单不满足条件的赠品；如果购物车金额又降到门槛以下，抽屉会再次移除赠品。

演示店铺首页，Smart Cart 抽屉已打开且已超过赠品档位：两个奖励标签均已勾选，一行 Free Sticker Pack unlocked，进度条已满，免费赠品显示为价格 Free 的购物车行，小计 $167.87
GraphicMeat 演示店铺 · Horizon 主题 · 未经修图点击放大

带庆祝效果的多级阶梯

满 $50 免运费，满 $150 送赠品，满 $300 送更好的赠品；每解锁一档，对应的标签就会打钩。

后台 · 在应用中

  1. Rewards：每一级一行，按升序排列 Cart amount，最多五级（Add tier 此后会变灰）。
  2. 勾选 Gamified display （应用中的提示为“unlock-tier chips with a checkmark and a brief celebration as each reward unlocks”，即每解锁一档奖励，就显示带对勾的标签和简短的庆祝效果），然后点击 Save.

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

一排标签，未解锁的会显示还差多少金额；进度条跨档位平滑填充，而不是在每个档位重置。 GraphicMeat Smart Cart 页面上的整页截图。

验证一下

越过某个门槛：标签打钩并庆祝一次。金额掉下去后再次越过：在重新解锁之前不会再次庆祝。

可定时的公告栏

在促销期间，抽屉里显示一条绿色的栏。

后台 · 在应用中

这个场景无需在应用中设置任何内容。

前台 · 主题编辑器 & 店铺

  1. Announcement text “Summer tune-up sale: free shipping over $50, free gift over $150”。
  2. Announcement link (optional) 设为指向某个系列。 Starts at / Ends at 均填写 ISO 日期，例如 2026-07-01T00:00:00Z；留空表示始终显示。
  3. Save.

买家看到什么

这条栏只在设定的时间窗口内显示在抽屉顶部，空购物车时也会显示。 GraphicMeat Smart Cart 页面上的整页截图。

验证一下

把结束时间设在几分钟之后；时间一到，下次打开抽屉时这条栏就会消失。

抽屉里的“You may also like”

展示一顶棒球帽和一件连帽衫，带有一键 Add 按钮，空购物车时也一样。

后台 · 在应用中

这个场景无需在应用中设置任何内容。

前台 · 主题编辑器 & 店铺

  1. Upsell products：最多选 8 件，按您希望推荐的顺序排列。
  2. Max upsells shown：1 到 6（默认 3）。已在购物车中的商品会被自动跳过。
  3. Save.

买家看到什么

购物车行下方（以及空购物车提示下方）出现“You may also like”列表，带有 Add 按钮；商品按正常价格加入。

验证一下

加入其中一件推荐商品：它会从列表中消失，由下一件推荐商品补位。

值得了解

从这里添加的行会被标记为来自抽屉：这些才算作 Smart Cart 的归因收入。

演示店铺实拍

空购物车也能卖货。

购物车为空时，抽屉会显示公告和您挑选的推荐商品，并带有一键 Add 按钮。显示哪些商品、顺序如何、一次显示几个，都是主题编辑器中的设置，没有模型替您猜测。

演示店铺首页，Smart Cart 抽屉在空购物车上打开：公告栏、一行 Your cart is empty，以及 You may also like 区域，推荐一顶棒球帽和一件连帽衫，均带有 Add 按钮
GraphicMeat 演示店铺 · Horizon 主题 · 未经修图点击放大

供 Popups 和 Post Purchase 使用的 Upsell rules

告诉整套应用里的其他应用：搭配什么推荐什么，折扣多少。

后台 · 在应用中

  1. Upsell rules → 每条规则： Select trigger products (optional) （留空表示始终生效的加购推荐）和 Select upsell products.
  2. Discount % 用于该规则。需要更多规则就添加更多行； Remove 可删除其中一项。
  3. Save & publish。规则会发布到您的店铺，供 GraphicMeat Popups 和 Post Purchase 读取。

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

抽屉里不会有任何变化：它的列表来自上文在主题编辑器中的选择。这些规则驱动的是姊妹应用的优惠，所以改一处就能让所有界面保持一致。

验证一下

安装了 Popups 或 Post Purchase 后，它们的优惠页面会显示相同的商品和百分比。

紧迫感倒计时 Urgency countdown (Pro)

促销期间，购物车行上方显示“Offer ends in 2d 4h 12m”。

后台 · 在应用中

  1. Plan → Upgrade to Pro （$9.99/月，含 14 天免费试用），在 Shopify 的页面上批准。

前台 · 主题编辑器 & 店铺

  1. Urgency countdown (Pro) → Deadline (ISO date, optional)，例如 2026-08-31T23:59:00Z → Save.

买家看到什么

实时倒数到那一刻；归零时显示“ended”。没有 Pro 时，该字段会被忽略。

验证一下

打开抽屉：时钟每秒走动；把截止时间设在一分钟之后，观察它到期。

套装升级栏（Pro，需配合 Prime Bundles）

在差一件就能达到某个档位的购物车行下方，显示“Add 1 more, save 15%”这样的提示。

后台 · 在应用中

  1. 确保 Prime Bundles 数量阶梯优惠 已在这些商品上启用。Prime Bundles 会自动把它们发布给抽屉使用。
  2. Plan → Upgrade to Pro。无需其他配置。

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

这些行会显示一条提示，说明再加一件能多省多少，并带有一个直接加购的按钮；属于某个优惠的行还会出现套装标签。 GraphicMeat Smart Cart 页面上的整页截图。

验证一下

把一件“2+ 档位”的商品放入购物车：提示出现；点击它：该行数量变为 2，结账时显示折扣。

购物车行上的订阅 & 省钱开关

让买家不离开购物车就能把某一行切换为订阅。

后台 · 在应用中

  1. Smart Cart 中无需设置。商品需要有 Shopify 销售方案，可来自 GraphicMeat Subscriptions，或任何创建原生销售方案的应用。

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

商品带有销售方案的行会出现配送周期选择器；切换它只是一次附带销售方案的普通购物车变更。

验证一下

把某一行切换为“Every month”；结账页会显示订阅价格和配送计划。

接管购物车页面

通过网址、书签或结账页面包屑进入 /cart 的买家，看到的是同一个抽屉，而不是第二个购物车。

后台 · 在应用中

这个场景无需在应用中设置任何内容。

前台 · 主题编辑器 & 店铺

  1. 请让 Open drawer from cart links 开启。开启后，/cart（以及 /en/cart 这类本地化路径）会让抽屉覆盖在主题的购物车页面上，关闭抽屉后停留在原页面，而不会露出另一个购物车。
  2. 关闭它可以保持主题的购物车页面和购物车图标不受影响；此时抽屉只会在加入购物车后自动打开。

买家看到什么

处处都是同一个购物车。在抽屉后面，主题购物车已经显示了 Shopify 应用的套装价格。

验证一下

在地址栏输入 /cart：抽屉会覆盖在上面打开；关闭后就回到上一页。

演示店铺实拍

/cart 页面使用同一个抽屉。

通过网址或从结账页的面包屑进入 /cart 时，抽屉会覆盖在主题自己的购物车页面之上，买家在任何地方看到的都是同一个购物车。在它背后，Shopify 在任何人进入结账之前就已应用了套装价格（$63.99，原价 $69.99）。

演示店铺的购物车页面，上面打开了 Smart Cart 抽屉；背后的主题购物车显示标注为 Bundle: GraphicMeat Mix & Match 的行，折后价如 $63.99，原价 $69.99 被划掉；抽屉显示同样的行，并带有奖励条和小计 $112.92
GraphicMeat 演示店铺 · Horizon 主题 · 未经修图点击放大

同一店铺中同时使用 GraphicMeat Popups

绝不让弹窗和抽屉争抢屏幕。

后台 · 在应用中

  1. 无需配置。

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

GraphicMeat 弹窗显示期间，抽屉会推迟自动打开；弹窗关闭后才会打开。弹窗发放的折扣码会在抽屉中以“code applied”提示的形式显示。

验证一下

触发一个弹窗，在它后面加入一件商品：抽屉会等待。

文字、侧边和颜色

让抽屉的文字和外观与店铺其他部分保持一致。

后台 · 在应用中

这个场景无需在应用中设置任何内容。

前台 · 主题编辑器 & 店铺

  1. Drawer title, Checkout button, Slide in from （Right / Left）， Accent color, Show remove button on cart items.

买家看到什么

抽屉沿用主题的字体和您店铺的货币格式。其他标签（“You may also like”“Add”“Your cart is empty”）目前为英文。

验证一下

保存后请刷新店铺前台：嵌入设置会在下一次页面加载时生效。

上线前验证

验证抽屉做出的每个承诺，在结账时都能兑现。

后台 · 在应用中

这个场景无需在应用中设置任何内容。

前台 · 主题编辑器 & 店铺

  1. 购物车金额低于第一档：进度条填了一部分，没有解锁任何奖励。
  2. 越过免运费档位：标签打钩；结账页显示免运费（来自您的运费费率或 Prime Bundles）。
  3. 越过赠品档位：抽屉和结账页中的赠品行均为 $0。
  4. 金额再降到门槛以下：赠品被移除，标签取消打钩。
  5. 用加减器修改数量：小计和进度条随之变化；结账页保持一致。

买家看到什么

每个门槛都会被校验两次（在抽屉中和由结账 Function），因此这一轮验证的结果不应该前后矛盾。

验证一下

最后的结账请使用测试订单，或您的支付网关的测试模式。

方案、归因、计费

了解抽屉赚了多少，以及什么时候需要升级到 Pro。

后台 · 在应用中

  1. Home：已产生的收入（最近 30 天和累计），以及整套应用的收入。
  2. 归因收入只计入抽屉自己添加的行（加购推荐和套装栏添加的商品），按价格 × 数量计算；赠品不计入。
  3. 滚动 30 天内超过 $200 后，保存新的奖励或加购推荐修改需要 Pro；线上店铺会继续运行。从 $100 起，页面会出现横幅提醒。
  4. Plan → Upgrade to Pro; Switch to Free 可降级。费用计入您的 Shopify 账单；开发商店永远不会被收费。

前台 · 主题编辑器 & 店铺

除应用嵌入外无需其他设置，且应用嵌入已开启。

买家看到什么

仅限 Pro 的店铺前台功能是套装栏和倒计时；其余功能都保持免费。

验证一下

升级后，Home 页面会显示“Pro plan active — bundle rail and urgency countdown enabled”。

关闭或移除

改回主题自带的购物车，可以是临时的，也可以是永久的。

后台 · 在应用中

  1. 要永久移除，请在 Shopify 后台卸载：嵌入、赠品折扣 Function 以及所有已保存的档位和规则都会随之删除。

前台 · 主题编辑器 & 店铺

  1. 临时关闭： App embeds → Smart cart drawer 关闭 → Save。档位和规则仍保存在应用中。

买家看到什么

下次页面加载时，主题自带的抽屉和购物车页面就会恢复。

验证一下

点击购物车图标：主题自带的抽屉会打开。

上线检查清单

  1. 主题编辑器： Smart cart drawer 嵌入已开启并已保存。
  2. 至少已保存一个奖励档位；赠品商品有库存，或不追踪库存。
  3. 免运费档位的金额与真实的免运费费率一致（Shopify 运费设置或 Prime Bundles）。
  4. 已在主题编辑器中选好 Upsell products， Max upsells shown 已设置。
  5. 公告和倒计时的日期采用 ISO 格式并带时区（Z).
  6. 如果希望显示倒计时或套装栏，请确认 Pro 已生效。
  7. 上面的验证流程，在桌面端和手机上各走一遍。

还是卡住了？

请通过 联系表单 留言，打造这个应用的人会亲自回复。 常见问题 涵盖定价、归因和数据相关内容； 应用页面 则在演示店铺中实时展示上述每个场景。