2022 年无头 Shopify 商店的最佳示例

已发表: 2021-12-06

目录

在过去的几年里,尤其是在 Covid-19 爆发之后,电子商务行业取得了长足的进步,目的是为客户提供最无缝、最便捷的购物体验。 为了满足顾客的需求,网上商店必须不断努力创新,赶上最新的技术趋势。

无头商务似乎成为最近受到中小企业和大企业大量炒作的突出商务。 Shopify 是目前最占主导地位的电子商务平台之一,它通过 Shopify Plus 的无头模式帮助商家深入了解这一趋势。 在本文中,我们将通过最成功的示例帮助您大致了解无头 Shopify。

什么是无头商务

无头商务是指电子商务解决方案背后的架构,其中网站的前端与后端“解耦”。 简单理解,无头商务允许您将数字店面与所有后端商务功能分开。 分离的两个方面将独立工作并通过 API(应用程序编程接口)进行通信,使店主可以更好地控制前端或“表示层”的定制。

如果您是这项技术的新手,我们提供全面的文章以更好地了解无头商务:

  • 什么是无头商务?
  • 无头商务的 15 个最佳示例

由 Shopify 提供支持的无头商务

目前,Shopify 是领先的电子商务平台,拥有超过 23% 的市场份额和超过 100 万用户。 诚然,Shopify 是中小型企业的最佳选择——但这只是故事的一半。 2014 年,Shopify 推出了专为大批量企业品牌设计的升级版 Shopify Plus。

为了给企业提供可定制的企业解决方案,Shopify Plus 始终致力于最先进的技术,而无头架构就是其中之一。 当您使用 Shopify 时,Shopify 提供的所有后端功能都保持不变,而您完全有能力利用不同的前端来为 Shopify 商店面向客户的一面提供动力。 无头方法为您节省了默认 Shopify 带来的一些限制——例如不灵活的 URL 结构,并为自定义和个性化选项开辟了广泛的可能性。

Shopify 无头图
来源: Shopify

了解无头商务如何对电子商务商家的经营方式产生深远影响,Shopify 现在正在开发 Hydrogen——一种基于 React 的框架,可帮助 Shopify 商家和开发人员构建定制店面,提供最佳的个性化购物体验。 Shopify Headless 和 Hydrogen 有望成为电子商务行业的游戏规则改变者,因为商家现在可以更好地控制最高前端性能,同时在后端保留 Shopify 优化的电子商务组件。

无头 Shopify 商店的最佳示例

为了深入了解 Shopify headless 的工作原理,让我们分析一下 Shopify 支持的 headless 商店的最佳示例。

1.宝贝清单

Babylist 网站

Babylist 是一个在线平台,期待父母与送礼者分享他们的愿望清单。 该网站将列表中的所有产品从第三方供应商那里拉到用户手中,以便他们可以比较、浏览产品推荐并选择最佳购买选项。 一切都可以只从一个网站完成,这表明如果我们从一个单一的电子商务平台创建这个网站会有多复杂。 因此,Babylist 选择了 Shopify 无头并整合了多个平台以保持流畅的 Web 性能,包括 CMS(内容)、订单管理系统(Shopify)和结账(Shopify Plus)。

自从采用 Headless 方法后,Babylist 的订单量同比增长145% ,第一个月后每月 iOS 应用结账量增长300% ,他们通过在线平台赠送的礼物同比增长102%

2. BonLook

BonLook 网站

无头化不仅是电子商务品牌的高级解决方案,而且这种方法也有利于全渠道销售的商店。 BonLook 是一个加拿大品牌,在全球在线销售设计镜片和处方眼镜,他们在加拿大拥有 37 家实体店。 在线销售处方眼镜可能相当复杂,因为用户必须上传处方并选择有关镜片材料、镜框类型和尺寸以及眼镜设计的各种选项。 Headless Shopify Plus 让 Bonlook 在客户可以在线上或线下渠道购物时完美运行其全渠道业务,从而将平均订单价值提高了18%

3.无花果

无花果网站

另一个使用无头方法的 Shopify 业务是无花果,这是一个医疗保健服装和生活方式品牌。 Figs 利用 Shopify Plus 来管理后端功能,但由于他们的在线形象需要更大的定制灵活性,他们转向了 Unbounce 和 Next.js 来控制前端。 无头方法帮助他们将每个定制的登录页面与 Shopify 上的产品页面连接起来,这极大地增强了客户在无花果的在线购物体验。 此外,所有数据都将被回调到 Shopify Plus,FIGs 可以在几分钟内从这里管理订单和更新库存,没有任何困难。

4.波尔斯

波尔斯网站

Bols 是阿姆斯特丹历史最悠久、最受欢迎的酒类品牌之一,也看到了 Shopify headless 的潜力。 自创建新的家用产品系列以来,Bols 决定扩大业务,在国际范围内直接向客户销售。 得益于无头 Shopify Plus 设置,他们的页面加载速度提高了50% ,并且他们获得了通过自定义店面为客户提供内容丰富体验的全部能力。

5.维多利亚贝克汉姆美女

维多利亚贝克汉姆网站

Victoria Beckham Beauty 是一个奢侈美容和化妆品品牌,旨在提供与其名声相称的优质和定制在线形象。 这就是他们采用 Shopify 无头方法以在视觉设计、用户旅程和产品组织方面实现更大灵活性的原因。 Victoria Beckham Beauty 使用 Shopify 店面 API 来管理库存和产品信息,同时他们通过 Contentful 设计和生成前端。 通过无头方法,该网站在移动设备上享受了极快的类似应用程序的体验,无需重新加载页面,并且顶级销售渠道的速度提高也对其转化率产生了积极影响。

6.科腾

KOTN 网站

总部位于加拿大的服装品牌 KOTN 是一个很好的案例研究,它利用 Shopify 无头 API 将两家商店合并为一个。 尽管 KOTN 的电子商务网站一开始并不是无头构建,但它现在完全由 Shopify Plus 提供支持。 无头架构使他们能够管理店面,并为客户提供个性化的开箱即用体验。 他们的店面现在可以在几秒钟内改变,最好的事情是他们的网站速度非常快,即使在旺季和高流量期间也是如此。

7.饲料

饲料网站

Feed 是一个营养、健身和健康市场,在陷入困境之前一直在努力应对网站性能低迷和前端设计限制。 为了为消费者提供更快、更无缝的网站体验,并缩短新产品的上市时间,The Feed 决定使用 Shopify Plus 作为他们的无头平台,并使用 Shogun Frontend 来管理他们的前端来重新启动他们的网站。 更快的网站性能和动态主页功能将 Feed 的跳出率降低了4.5% ,并将每次会话的页面浏览量增加了10.8%。

8.班福德

班福德网站

Bamford 是来自英国的奢华有机身体护理和家居服品牌。 当 Bamford 想要重建他们的网站以反映其商店和水疗中心的客户体验,同时仍保持与以前一样的简单沟通和顺畅的购物体验时,他们选择了 Shopify Headless 作为他们的解决方案。 离开 WooCommerce,Bamford 重新构建了他们的电子商务网站,将 Shopify Plus 作为无头平台,将 Contentful 作为 CMS 平台。 借助 Shopify 平台,这种集成为用户保持了快速的 Web 加载速度、增强的后端性能和增强的安全性。 与此同时,Bamford 仍然为前端获得了无限的创造力,他们利用这些创造力为客户提供了一个简单、干净但又美观的 Web 形象。

基于无头的技术转型极大地利用了他们的网络性能。 在重新启动的前 6 个月内,Bamford 的收入增长了140% ,流量增长了35% ,转化率增长了60%

9、基层农民合作社

草根农民网站

Grass Roots Farmers' Cooperative 是一家农民所有的合作社,在美国各地销售可持续肉类。 他们认为 headless 是一项尖端技术,可以帮助他们创造令人难以置信的体验,因此他们选择 Shopify Plus 作为他们首选的无头商务平台。 此外,它们还集成了 Netsuite 和 Ruby on Rails 等多个平台,以支持自定义产品页面、结账和业务管理。 无头方法也大大提高了他们商店的 PWA 性能。

我们的渐进式网络应用程序显着提高了我们的移动平均订单价值。 随着收入的增加,我们支持我们的可持续发展努力。

草根农民合作社创始人兼首席执行官科迪霍普金斯

10.保罗·瓦伦丁

保罗瓦伦丁网站

Paul Valentine 是一家总部位于德国的奢侈珠宝和配饰品牌。 为了实现 Paul Valentine 成为一个真正的全球品牌的最终目标,他们知道他们必须在国际上发展市场,尽管这可能会在同时应对多个市场时带来重大挑战。 Shopify Plus 帮助 Paul Valentine 在欧洲和北美开设了 5 家全球门店,并且为了完全本地化,没有一家在线商店是完全一样的。 无头模式使他们能够提供更加个性化的客户体验,并轻松管理多个全球商店基础设施。 如今,Paul Valentine 可通过 8 种语言的 20 家全球在线商店在 131 个国家/地区购买,这让无头方式非常值得。

结论

在设计 Shopify 平台时,无头模式不是必须的选择。 但考虑到它可以提供的所有长期利益,例如最终可定制性和灵活性的能力,无头 Shopify 似乎是一种 Web 开发方法,将在不久的将来被许多品牌采用。 如果您的 Shopify 业务正在扩展,那么让您的商店无头可能是利用您的网站性能的合理发展。

如果您想跟上最新的技术趋势并使用 Hydrogen 为您的 Shopify 商店提供无头商务,SimiCart 可以帮助您。 我们的 Hydrogen 店面开发服务使用我们内置的拖放式页面构建器工具简化您的店面设计流程,并提供高转化率的专业店面。

创建您的无头 Shopify 商店