大数跨境
0
0

Shopify 主题实战点点经验(一)

Shopify 主题实战点点经验(一) Shopify 主题开发
2024-06-10
2
导读:主题自定义也是目前大多数商家都在做的事情,因为可以影响产品的客户群体。Shopify 的主题是由模板文件创建的目录。

Shopify主题自定义与商品推荐实现解析

主题结构及功能限制

Shopify的主题是由模板文件构成,其基于Liquid语言开发,运行于Shopify服务器上。无论是免费还是付费主题,在定制过程中均存在限制性因素。

部分修改任务Shopify官方并不提供支持,例如结账模块、大型代码结构调整、第三方应用管理、富文本内容排障、图像编辑、订单或邮件翻译等。

Shopify商品推荐机制说明

Shopify的推荐系统主要依赖销售数据和产品描述算法,为客户提供相似商品或搭配购买选项。

若相关数据不足,则系统会根据商品所在Collection匹配关键词相关产品进行推荐。

随着新订单数据不断积累,推荐精度将逐步提高,这也是新品上线初期常通过刷单提升推荐效果的原因之一。

推荐算法的使用条件

  • Shopify Plus套餐商家可依据商品描述和销售记录生成推荐(店铺语言为英文且商品数<7000)
  • 非英文站点仅参考销售历史(商品数<7000)
  • 普通套餐非Plus用户亦可基于销售数据推荐(商品数<7000)
  • Collections方式适用于所有套餐类型,即使商品数量超过7000也能正常运作

推荐限制条件

  • 来自外部平台或导入的订单数据无法参与推荐逻辑
  • 缺货商品以及礼品卡不计入推荐系统范围内

商品推荐配置方案

  1. Liquid代码自定义:创建product-recommendations.liquid模版,在{% javascript %}中执行AJAX请求,从Shopify接口读取推荐商品信息,并以innerHtml形式插入网页
  2. 使用免费插件快速部署:无需编写代码即可完成相关产品推荐,甚至可以灵活应用于配件和替换件推荐场景

模板调用方式

  • 新建 product-recommendations.liquid 模板
  • 在 {% javascript %} 中执行 ajax 请求(调用 Shopify 的推荐接口)
  • 将返回 HTML 片段通过 innerHTML 插入页面
  • 在 product.liquid 文件中通过 section 引入模板

个性化设置与跟踪分析

通过添加section配置项,允许商家通过后台编辑器自由控制推荐区块展示状态,如标题是否显示。

{%- if section.settings.show_product_recommendations -%}
   <code for section>
{% endif %}

启用推荐功能后,可在Shopify后台“分析”模块实时监测转化率变化,优化推荐策略。

插件配置操作说明

安装插件后,可通过recommendations.products对象获取推荐数据,结合渲染模板轻松打造推荐专区。

{%- for product in recommendations.products -%}
   <li{% if carousel %} class="slider__item"{% endif }>
      {% render 'product-card', product: product %}
   </li>
{%- endfor -%}

自定义优势总结

不论采用哪种方式,提供精准的产品推荐不仅提升了用户体验,同时也为引导客户下单创造了显著竞争优势。

此前推荐功能多依靠Tag标签实现,这种方式无法追踪分析数据。如今Shopify内置的推荐系统则完全解决了这一问题。

【声明】内容源于网络
0
0
Shopify 主题开发
分享独立站的实操经验与教训,也许对您运营 Shopify 有启发。阿飞,专注专研 Shopify 跨境电商方法。
内容 67
粉丝 0
Shopify 主题开发 分享独立站的实操经验与教训,也许对您运营 Shopify 有启发。阿飞,专注专研 Shopify 跨境电商方法。
总阅读6.5k
粉丝0
内容67