曾经,市场上并无一款电商平台能满足所有需求。这使首席技术官们陷入两难:要么从零搭建一个全新平台,要么购买现成产品,再费力拼凑出一个勉强契合业务需求的系统。许多企业最终倾向于前者,搭建定制电商平台,承诺能灵活应对客户需求变化,快速调整,提供卓越体验。
然而,这种高度定制化,最终却成了“特洛伊木马”。Arhaus电商副总裁史蒂夫·鲍尔(Steve Bauer)在一次网络研讨会中提到,他们之前的平台让开发者陷入无尽的新功能开发循环,技术债务瞬间堆积。他形容:“我们刚重新思考、调整平台,转瞬间又弃用了它。陷入这种局面成本高昂,而且它很快就被淘汰了。”
如今,Shopify的可定制性,对各收入层次、各行业的品牌来说,既复杂又充满吸引力。Shopify并非一张白纸,但众多品牌选择迁移到Shopify,因为它的灵活性正好契合需求。品牌可以带上自己喜欢的应用或集成,或者选择使用现成功能,与自己的API集成。
本文将深入探讨Shopify如何天然支持可组合性,赋予你按自己的方式构建独特商业体验的能力。
可以在Shopify上存储的数据类型
随着商业不断拓展至市场上的最新技术领域,对于任何技术领导者而言,最大的焦虑之一莫过于存储与支持所需数据结构的基础设施。这种担忧绝非空穴来风:大多数电商平台默认情况下并不支持新兴的数据结构。
而Shopify却脱颖而出,它拥有更加灵活且复杂的数据结构,能够完美支持市场上的最新技术,涵盖3D以及增强现实(AR)等领域。
品牌可以借助Shopify灵活的数据自定义功能,通过元字段和元对象来拓展他们的店铺。元字段赋予品牌在客户、订单以及产品等属性之间扩展原生数据模型的能力。零售商则可以利用元对象来打造定制化的数据模型。
元对象为你提供了创建自定义内容并将其部署到网站的更清晰路径。品牌使用元对象将Shopify扩展为独特的内容,如时尚画册、测验或尺码指南。元对象也像商店前端的其他所有内容一样,可以通过翻译与适配应用轻松进行区域化,适应所有市场。
凭借更灵活的数据结构,企业通常选择通过以下四种方式在Shopify上构建:
- 使用Liquid构建自定义模板
- 使用Hydrogen和Oxygen构建自定义商店前端
- 使用Shopify Checkout提供更个性化的结账体验
- 使用Shopify Functions按照自己的方式构建
使用Liquid构建自定义模板
Liquid是一种模板语言,最初由我们的首席执行官托拜厄斯·吕特克(Tobias Lütke)设计。如今,像Daily Harvest这样的品牌利用它快速构建自定义体验,同时维持较小的技术栈。
与传统编程语言类似,Liquid拥有自己的语法,并且包含输出、逻辑和循环等概念。它还以类似于应用程序与以Web为中心的语言(如PHP)交互的方式与数据进行交互。
然而,相似之处仅此而已。Liquid不允许你深入平台的底层。这可能会让经验丰富的开发者感到受限,但Liquid具有极高的可定制性。这份备忘单将帮助你深入了解如何使用Liquid构建客户所渴望的独特体验。
除了灵活性之外,Liquid还自带一些强大的功能,这些功能对所有用户来说都是默认可用的。具体来说,它让开发者在构建和维护搜索引擎优化(SEO)时变得更加轻松,包括以下内容:
- 可索引的模板
- HREF标签
- 规范URL
尽管许多公司发现Liquid模板为他们的长期成功奠定了基础,但仍有其他公司希望获得更多定制和灵活性。在这种情况下,Shopify提供了必要的工具和最清晰的路径,以构建更具定制化的商店前端。
使用Hydrogen和Oxygen构建自定义商店前端
曾经,那些渴望技术栈灵活性与服务器端掌控权的品牌,几乎不会将Shopify纳入考量范围,考虑迁移过去。时至今日,Shopify的无头电商体验构建工具包已然成为交付更多定制化体验的最快、最高效且最可靠的途径。
Shopify的官方开发栈涵盖了Hydrogen和Oxygen。Hydrogen依托于React的Remix框架构建而成,为开发者带来了高质量Web开发标准的诸多益处,并且能够借助与Shopify API兼容的预配置组件、钩子以及工具,显著加快开发进度。此外,Hydrogen还具备乐观用户界面等先进功能,这使得前端用户体验仿佛瞬间达成,即便服务器请求仍在后台默默进行。
Hydrogen商店前端可以交由任意选定的第三方解决方案进行托管。不过,Oxygen无疑是部署商店最为简便、迅速的方式。Oxygen作为Shopify的全球托管解决方案,被纳入所有Shopify计划之中,无需支付额外费用,并且能够确保正常运行时间以及提供全面的部署管理控制。
若期望对技术栈和框架握有更多掌控权,可运用我们的商店前端API。它赋予了选择所需Shopify组件的灵活性,同时维系着对端到端解决方案的完全掌控。商店前端API具有设备和平台无关性,换言之,你可以凭借它在Web、移动应用、视频游戏、AR/VR等新兴界面上构建体验。
使用Shopify Checkout提供更个性化的结账体验
尽管在Shopify上已经诞生了一些令人瞩目的无头商店前端案例,但全球诸多领先品牌依然倾向于选择完整的Shopify平台,搭配定制的最佳电商组件实例,例如Shopify Checkout。
Shopify Checkout堪称全球转化率最高的结账系统,其转化率较同行高出36%,平均能提升15.2%。它还提供了丰富的定制选项,使企业能够将Shopify Checkout塑造成符合自身风格的独特存在。在前端,开发者可以借助GraphQL品牌API来调整Shopify Checkout的外观与感受;在后端,通过Shopify Functions运用自定义逻辑,可以对所需组件进行拓展或替换。
谈及Shopify Functions,不妨深入探究领先品牌如何运用Shopify组件,依照自身独特的方式构建出别具一格的商店前端。
使用Shopify Functions按照自己的方式构建
Shopify Functions不仅解锁了Shopify Checkout的自定义后端逻辑,还赋予开发者自定义整个平台后端逻辑的权限。
Functions使开发者能够为折扣、运输和支付方式构建强大的自定义功能,这些功能可在五毫秒内执行,并能扩展以支持公司最大的销售活动。在2023年,Shopify在黑色星期五处理了1450亿个请求,并在整个周末每分钟产生420万美元的销售额。Functions安装在应用程序中,这意味着开发者可以直接在Shopify管理后台配置它们,无需更改或编写任何新代码,也消除了在不同商店之间复制和粘贴代码的需求。
开发者可以使用任何编译为WebAssembly的语言编写Function,并使用AppBridge和React构建用户界面。他们还可以在本地环境中编写Function,然后通过Shopify CLI进行部署。
Shopify构建Functions有两个原因。首先,它为品牌提供了更清晰的路径,以快速构建独特的购买体验。更重要的是,它们更易于使用,在需要调整促销时无需进行大量代码更新。
更清晰和可定制的增长路径
有关Shopify可定制性的探讨,复杂且多面,这恰是其设计初衷。Shopify团队始终致力于助力客户站在创新前沿,在诸多情境下,这意味着要为他们提供强大的工具,这些工具的灵活性(或不灵活性)能够精准契合他们的需求。
尽管Shopify并非一张白纸,但它确实提供了加速增长和市场速度所需的定制选项,同时有助于降低总拥有成本。从一些全球最具创新性的公司身上,可以看到Shopify的市场进入路径在灵活性和独特性之间取得了平衡,这使得顶级品牌能够在激烈的市场竞争中脱颖而出。