如何创建能提升 AOV 的 Shopify 购物车抽屉加购推荐

想在 Shopify 店铺里快速提升平均订单价值（AOV）？购物车抽屉就是做及时加购推荐的绝佳位置。顾客在这里能看到自己准备购买的商品，因此你可以添加相关优惠和“经常一起购买”的搭配建议，让推荐看起来更自然。

Shopify 商家可以通过主题自定义或专用应用来实现购物车抽屉加购推荐，但在可控性、搭建难度与功能性之间需要做出取舍。

在接下来的指南中，我们会逐一介绍这些选择。开始吧。

了解 Shopify 的购物车抽屉加购推荐

购物车抽屉加购推荐会在顾客查看商品时，于侧滑弹出的购物车面板内展示定向推荐。这种 Shopify 加购购物车抽屉体验能让买家停留在商品页面，并通过互补商品与“经常一起购买”的组合来提升平均订单价值。

购物车抽屉加购推荐可覆盖多个展示位置，例如商品页、购物车、结账页和感谢页。AI 生成的优惠可在 60 秒内上线，并与主题风格保持一致，实现无缝品牌呈现。性能分析会跟踪曝光与转化，支持持续迭代优化。

移动端用户也能从 Shopify 购物车抽屉中受益：它让小屏幕上的购物车编辑更快捷，无需页面跳转加载。设计可自定义，有助于维持品牌信任并提供一致的用户体验。

Shopify 购物车抽屉加购推荐最佳实践

• 将优惠放在高意向位置，例如购物车抽屉或结账页，以便在转化决策阶段提升成交。
• 让推荐与购物车上下文匹配，例如规格、品类与价格区间，从而提高相关性。
• 限制同时展示的优惠数量，降低摩擦并减轻认知负担。
• 用一句话讲清收益，例如升级、折扣或赠品，便于快速理解。
• 提供清晰的拒绝操作，例如“关闭”或“不用了，谢谢”，以保障购物流程顺畅。
• 按目标组织布局：纵向便于浏览、横向适合紧凑网格、轮播适合单一焦点，以便更好地利用空间。
• 在分析中跟踪加购曝光、点击与收入，用于 A B 测试。
• 让字体、颜色与徽章与品牌规范保持一致，维持信任与一致性。

常见使用场景

• 为购物车中的商品推广互补产品，例如充电器、保护壳和补充装。
• 打包“经常一起购买”的套装，例如相机 + SD 卡 + 相机包。
• 用包邮进度条或阶梯折扣激励达到门槛，提高购物车金额。
• 在感谢页展示加购项，捕捉购买后的意向。

• 配置 AI 驱动的推荐，从商品目录中自动选择交叉销售商品，实现快速上线。
• 自定义设计，让购物车抽屉与徽章风格匹配店铺品牌，确保视觉一致。
• 发布前确认与最新 Shopify 主题兼容，避免布局冲突。
• 使用性能分析对比不同展示位置（如购物车 vs 结账页），以便合理分配流量。

实施加购购物车抽屉的优势

• 更高的 AOV：在 Shopify 加购购物车抽屉中展示互补或更高端的商品，在意向最强的时刻促成加购；这一点在行业资料的实施建议与商家实践中均有体现。
• 更好的体验：通过侧滑购物车抽屉让顾客停留在商品页，即时可见减少操作阻力，这也是购物车抽屉 UX 模式中常见的做法。
• 更快的购买路径：避免页面跳转，保持结账过程的连贯性，减少在购买确认阶段的打断。
• 更智能的相关性：通过主题设置中的商品 handle 与标题，将加购优惠与购物车上下文匹配，让推荐更个性化、更及时。
• 可执行的洞察：跟踪购物车抽屉加购的曝光、接受与收入，并借助性能分析迭代商品与布局。
• 无缝的设计：让加购模块与店铺品牌及最新 Shopify 主题保持一致，形成统一的视觉体系。
• 更契合策略：将购物车抽屉用于低决策成本的加购项（如配件或运费保障），把复杂组合放到完整购物车页以便更清晰。

为购物车抽屉添加加购优惠的方法

在 Shopify 中添加购物车抽屉加购推荐，可以通过主题代码或应用实现。选择代码获得更强控制力，选择应用则更快上线并具备分析能力。

使用 Shopify 主题自定义

编辑主题，将定向加购推荐注入到购物车抽屉中。

• 如果你计划在生产环境改代码，请先备份主题。
• 打开 Online Store > Themes > Actions > Edit code。
• 找到 snippets/cart-drawer.liquid；如果你的主题使用不同的片段，请通过检查购物车抽屉 DOM 来定位 minicart 文件。
• 为 upsell_product_handle 和 upsell_title 创建主题设置。
• 扫描购物车商品是否包含该 handle；如果加购商品已存在，则跳过渲染。
• 将这段 Liquid 代码块添加到 drawer__footer 容器上方。

{% assign cart_contains_upsell = false %}
{% for item in cart.items %}

{% if item.product.handle == settings.upsell_product_handle %}

{% assign cart_contains_upsell = true %}

{% endif %}

{% endfor %}

{% unless cart_contains_upsell %}

<div class="drawer__upsell">

<h3><strong>{{ settings.upsell_title }}</strong></h3>

{% assign upsell_product = all_products[settings.upsell_product_handle] %}

{% render 'card-product',

card_product: upsell_product,

quick_add: 'standard',

horizontal_class: true,

horizontal_quick_add: true

%}

</div>

{% endunless %}

• 根据购物车上下文定向展示：例如购物车包含商品 X 时，展示商品 Y。
• 如需与抽屉视觉对齐，可添加少量 CSS 来调整间距与排版。
• 如果加购是动态加入的，可通过主题 JS 监听购物车更新并刷新抽屉。
• 在桌面端与移动端都进行测试，尤其是主题在不同断点使用不同抽屉的情况。

借助 Shopify 应用与集成

使用加购应用可以快速添加购物车抽屉优惠，并提供内置定向与分析功能。有些应用会替换主题原生购物车，可能引发问题。为了获得一致的体验，建议选择将功能添加到现有主题中、而不是替换组件的应用。

• 从 Shopify App Store 安装原生购物车抽屉加购应用，例如 SellUp。
• 在应用后台创建 Cart Upsell 活动（如果该应用将优惠归类在 Cart Offers 下）。
• 选择商品与规则，例如 Shopify 推荐、指定 SKU、购物车中最便宜、购物车中最贵、最近浏览。
• 自定义样式以匹配你的主题，如果你希望界面一致。
• 启用优惠并验证前端表现，然后在应用分析中监控效果。

使用 SellUp 实现原生购物车内加购推荐

SellUp 提供了完整的购物车抽屉加购解决方案，可与现有主题无缝集成，不会替换你原生的侧边购物车功能。

购物车抽屉加购推荐的核心功能

SellUp 通过 AI 推荐与精准定向，将你的购物车抽屉变成营收引擎。该应用能创建醒目且无缝的加购推荐，匹配店铺设计，同时保留主题原生的购物车抽屉体验。

使用 Product Recommendations AI 设置 AI 驱动的交叉销售与加购推荐；它更适合拥有 3 个月以上订单历史的店铺。对于新店铺，可手动选择默认商品，在整个购物车中展示。

基于特定购物车内容创建自定义购物车加购推荐。这些规则优先于默认推荐，并且当顾客购物车中已包含建议商品时会自动隐藏。

设置流程

在 SellUp Dashboard 中进入 Cart Upsells 来配置你的优惠。

配置默认购物车加购推荐：在全店范围展示，除非被自定义规则覆盖。通过加号按钮添加多个商品位以扩展推荐。

根据购物车内容设置具体触发条件，构建自定义购物车加购推荐。这类定向优惠通常相关性更高、转化率更好。

自定义展示方式：可选标题覆盖（默认：“You may like this”）以及自定义“Add to Cart”按钮文案，以匹配你的品牌语气。

购物车集成优势

SellUp 在保留主题原生侧边购物车抽屉的同时，增加强大的加购功能。该集成无需替换或大幅修改，就能让现有购物车保持简洁且可用。

通过 SellUp 内置分析套件跟踪表现，监控加购曝光率、转化率以及购物车抽屉优惠带来的增量收入。

开启 cart upsells 开关，即可在购物车页面与原生抽屉中启用推荐，在整个客户旅程中创造一致的加购机会。

结论

只要方法得当，你的购物车抽屉就能成为强劲的营收驱动。选择与你的技术能力与资源相匹配的方案：无论是自定义主题代码，还是使用专用应用。

聚焦相关性，保持快速加载速度，并确保体验对你的品牌来说足够“原生”。系统化测试、衡量结果，并基于性能数据持续迭代。通过持续优化，你的购物车抽屉将从一个简单的结账步骤，升级为稳定可靠的利润增长点。