大数跨境

代码更少,灵活性更高:在 Shopify 上简化在线商店管理的 7 种新方法

代码更少,灵活性更高:在 Shopify 上简化在线商店管理的 7 种新方法 Shopify电商独立站
2023-02-09
2
导读:探索 Shopify 在线商店的 7 项改进,助力更轻松地打造快速、高转化率且内容丰富的店铺体验。

Shopify 商家平均每周花费数小时修订、编辑及更新商店内容与功能,严重挤占了核心运营时间。为此,我们宣布对 Shopify Online Store 进行 7 项改进,助力商家更轻松地打造高转化、内容丰富的店面体验。

本次在线商店改进亮点:

  • 在线商店自定义数据(Metaobjects)
  • 高效拓展全球市场
  • 主题 CSS 便捷添加与预览
  • Liquid 智能代码补全
  • 页眉页脚无代码自定义
  • 跨设备图片显示优化
  • 自动图像优化加速加载

在线商店中的自定义数据

以往在商店中定制个性化内容(如为不同集合创建独特横幅或突出特定产品功能)极为繁琐,往往需手动重建甚至直接编辑代码,不仅耗时且易出错,进而影响网站性能与转化率。

借助 Shopify 新增的 Metaobjects 功能(隶属 Custom Data 产品),您现在可以创建和管理可复用的自定义内容。该功能既支持引入全新内容模型(如原材料、设计师简介、门店活动),也能丰富现有组件(如产品亮点、系列型录、尺码指南)。在使用统一模板的同时,Metaobjects 允许您为每个产品、系列和页面打造独特的店面体验。

对于开展国际销售的商家,Metaobjects 支持通过 Shopify Translate and Adapt 应用针对各市场进行本地化翻译。

针对复杂的内容管理需求,您还可通过安全稳健的 API 集成第三方 CMS。例如,通过与 Sanity Connect App 合作,Sanity 用户可将产品和系列数据与 Sanity 同步,并利用这些数据驱动 Liquid 店面展示。

用更少的时间进入更多市场

全球化销售通常伴随着高昂的翻译与适配成本。Shopify 现提供 Translate & Adapt 应用,帮助您根据区域、季节和文化差异本地化商店内容,精准触达目标客户。

您可以通过并排编辑器添加、审查翻译内容,并调整拼写与措辞以适应不同市场。此外,该应用支持免费自动翻译多达两种语言。

轻松在主题中添加和预览 CSS

为展现品牌特色,商家常需添加主题编辑器无法配置的自定义样式。现在,您无需编辑主题文件即可直接在主题编辑器中添加自定义 CSS。

这一改进解锁了额外的自定义层级(如外观、布局等),让您拥有更高控制权并能即时预览效果。同时,您的自定义 CSS 将随主题版本无缝更新与迁移,确保长期稳定性。

Liquid 智能代码补全

为提升开发效率,我们推出了基于上下文的 Liquid 代码补全技术。当您在 Shopify CLI 或本地编辑器中输入代码时,系统会利用类型推断和智能过滤器提供自动补全及内联文档提示,大幅减少试错与查阅文档的时间。

此外,Prettier 插件已全面升级,支持在所有代码编辑器及管理后台中自动格式化 Liquid 代码。只需按下保存键,代码即可保持一致风格,让团队将更多精力聚焦于主题构建而非样式审查。

无需代码即可自定义页眉和页脚

页眉和页脚是体现品牌形象的关键区域,但过去在在线商店编辑器中受限严重,调整区块往往需要编辑代码且无法添加应用模块。

通过引入“区块组”功能,现在您可以直接在主题编辑器中对页眉和页脚进行可视化操作,包括添加、移除、隐藏、重排区块及应用模块,彻底告别代码依赖。

改善跨设备上的图片显示效果

为避免高质量图片在手机、平板或电脑上被错误裁剪,我们新增了“焦点”功能。您可以指定图片中最关键的视觉中心,主题将据此智能定位图片,确保在任何屏幕尺寸下核心内容始终完整可见。

通过自动图像优化加快加载速度

页面加载速度与图片质量直接关乎买家体验与转化率。Shopify 每月处理数十亿张图片,深知平衡画质与性能的重要性。

自 2022 年 12 月起,我们引入了自动图像优化技术。系统会在缓存中实时渲染并提供最高质量且体积最小的图片格式(支持 AVIF、JPEG-XL、SVG、JPEG 和 WebP)。这一过程无需商家干预,即可显著提升商店加载速度,促进买家留存与购买。

Shopify 致力于持续优化平台工具,助您更轻松、高效地构建和运营业务,实现商业成功。

【声明】内容源于网络
0
0
Shopify电商独立站
1234
内容 6353
粉丝 0
Shopify电商独立站 1234
总阅读1.7k
粉丝0
内容6.4k