深度解析：HyperX 迁移至 Shopify 结账扩展功能

作为 HyperX 的长期合作伙伴，我们的核心使命是不断优化其全球店铺以实现最大化增长——黑色星期五期间也不例外。针对 2023 年的 BFCM（黑色星期五网络星期一），我们发现通过在结账页面添加追加销售和捆绑销售来提升 HyperX 平均订单价值（AOV）的机会。然而，HyperX 当时使用的是 Shopify 的 checkout.liquid，其局限性使得定制工作耗时且需要巧妙的变通方案。

我们的方案是将 HyperX 迁移至 Shopify 最新的结账扩展功能——这是一项着眼于长期优化的战略举措，而非仅仅应对眼前的黑色星期五需求。通过迁移到结账扩展功能，HyperX 获得了更流畅、更灵活、更安全的结账体验，并具备广泛的定制能力。这次迁移不仅为 HyperX 的黑色星期五成功奠定了基础，还为其未来进一步增强结账功能提供了充足的空间。

checkout.liquid 与结账扩展功能

此前，Shopify Plus 商家一直依赖定制 checkout.liquid 来打造吸引人的结账体验。然而，checkout.liquid 过于僵化，未能充分考虑不同商家的多样化需求。为了增强结账功能，开发者被迫采用各种“权宜之计”，这经常导致性能问题，有时甚至会彻底破坏结账流程。

因此，截至 2024 年 8 月，checkout.liquid 将被逐步淘汰，不再获得支持。Shopify 全新的结账扩展功能将取而代之。看起来 Shopify 确实倾听商家的反馈，创建了一个提供充足、结构良好的定制选项的新结账系统，使我们能够扩展 Shopify 的核心功能，而非与之对抗。

这一新框架使商家能够开发应用来定制结账流程和 Shop Pay，而无需修改结账的主题代码。他们可以利用 Checkout UI 扩展和 Shopify Functions 添加功能，使用 Checkout Branding API 定制样式，并通过 Web Pixels 追踪事件。

Shopify Plus 商家需在 8 月 13 日之前迁移至结账扩展功能，否则将被自动升级。任何自动升级都将丢失现有的定制功能。此外，由于结账方式发生了重大变化，且结账扩展功能的构建方式有所不同，许多功能需要重新开发。没有 Shopify Plus 计划的商家将自动完成结账升级，无需任何操作。

联系我们的团队，了解这次迁移对您业务的意义以及我们能提供的帮助。

将 HyperX 迁移至结账扩展功能

通过迁移到结账扩展功能，HyperX 开启了提升结账体验的无限可能。除了在结账时引入追加销售和捆绑销售以提升 AOV 外，我们还利用了 Shopify 的 Branding API，确保其全球店铺的结账流程符合各地区法规——而这仅仅是结账扩展功能所能实现的开始。

追加销售和交叉销售

我们在结账页面添加了“你可能也喜欢”模块，展示可供购买的额外商品，并提供加入购物车的行动号召（CTA），从而引入了追加销售和交叉销售。利用 Shopify Checkout UI 扩展，我们构建了一个购买前产品推荐模块，向客户展示追加销售或交叉销售商品。

捆绑销售

HyperX 希望在结账页面提供捆绑销售选项，让客户在购买一定数量的商品或特定商品时享受百分比折扣。

利用 Shopify 全新的捆绑销售应用（这是 Shopify Editions 推出的开箱即用捆绑功能）是合理的选择。然而，商家只有通过迁移到结账扩展功能才能访问这个新应用，这也为 HyperX 提供了更多理由来完成这一过渡。

条款与条件及法律声明

HyperX 还希望借此机会更新结账页面的法律条款，包括在完成订单时展示条款与条件，以及在客户同意某些条款与条件之前阻止结账流程。利用 Shopify 的结账扩展功能，这一过程变得十分顺畅，能够实现组件切换，在客户满足条件之前阻止其进行下一步操作。

此前，为了阻止结账进度，商家不得不设计 JavaScript 变通方案来应对这一挑战。如今，已有官方解决方案。

由于多个全球扩展店铺需要不同的法律声明，我们为不同市场构建了确认模块，使他们能够为每个扩展店铺的结账页面配置适合当地市场的模块——现在，其结账页面在不同销售市场变得更加灵活。

品牌统一

最后，为了保持品牌一致性，我们使用了 Shopify 的结账品牌定制 API，支持自定义字体和样式，确保新结账页面符合 HyperX 的品牌形象及其店铺整体的视觉风格。此前，这需要向 checkout.liquid 添加 CSS 代码。如今，HyperX 的团队可以在无需编码或变通方案的情况下更新字体和样式。

成果

我们在黑色星期五前夕在 HyperX 的所有国际店铺推出了全新结账页面，结果取得了 16% 的平均订单价值提升，这得益于新结账页面中的追加销售组件，同比转化率更是惊人地 增长了 107%。

通过利用 Shopify 全新的结账扩展功能，并与我们合作识别优化机会，HyperX 能够为客户从浏览到购买的全流程提供卓越的用户体验。

立即联系我们的团队，探索如何为您的业务复制这一成功，并帮助您在 8 月 13 日截止日期之前迁移至结账扩展功能。