商品推荐-自定义位置设定指引
【商品推荐】是一款拥有强大的 AI 智能推荐服务的应用,能够在店铺各个页面为消费者推荐展示更多合适的商品,帮助您进一步提升店铺转化率。针对【商品推荐】的基本操作或使用简述可查看商品推荐。此内容将介绍商品推荐的自定义位置设置。
通过主题编辑器自定义组件位置
前往 SHOPLINE 后台【在线商店】>【设计】。在【当前主题】区域中,点击【设计】以打开主题编辑器。
| 注意: 如果您想自定义【商品列表页】的展示位置,请先确保已在【商品推荐】应用中取消勾选【默认位置】。详细操作步骤,请参阅《设置商品列表页的推荐商品展示位置》章节。 |
- 在页面选择下拉框,选择您想要放置商品推荐组件的页面
- 点击【添加组件】,并点击添加【商品推荐】组件
- 完成添加后,进入【商品推荐】组件设置页。选择推荐数据来源,并点击【完成】
- 点击【商品推荐】组件右侧的按钮,完成上下拖动,将【商品推荐】组件放置在合适的位置
商品详情页配置商品推荐组件
-
【商品推荐】支持针对所有商品详情页统一配置商品推荐规则,或针对每个商品详情页独立配置商品推荐规则的功能
- 进行商品详情页对应配置界面,支持以下两种形式的配置
- 可通过【为全店商品配置商品推荐】进行统一配置,并点击启用方可生效
- 可通过【单个商品自定义推荐】点击商品名称进行单个商品的推荐配置,并点击启用方可生效
商品推荐展示相关常见问题
Q1:为什么有些页面无法自定义商品推荐内容的位置?
当前我们支持自定义位置的主题和页面:
| 主题 | 页面 | 支持自定义位置 |
|
所有 OS 3.0 主题 OS 2.1:Arise、Wink |
商品详情页、商品列表页、购物车页、搜索页、404 页面 | 支持 |
| 迷你购物车、支付结果页 | 不支持 | |
| OS 2.1:Along、Brooklyn、Impress、Blouse | 商品详情页、商品列表页 | 支持 |
| 购物车页、迷你购物车、支付结果页、搜索页、404 页面 | 不支持 | |
| 其他 OS 2.1 及更早版本主题 | 不适用 | 不支持 |
Q2:我可以在一个页面添加多个「商品推荐」组件吗?
可以。您可以通过点击「添加组件」按钮,在一个页面内添加多个「商品推荐」组件。
Q3:我已在主题编辑器中为商品列表页添加【商品推荐】组件,但线上商店未正常显示。我该检查什么?
请确认已在【商品推荐】应用中取消勾选【默认位置】。同时为商品列表页启用默认位置和自定义位置可能会导致【商品推荐】组件无法在线上商店正常显示。
详细操作步骤,请参阅《设置商品列表页的推荐商品展示位置》章节。
Q4:我的线上商店显示了推荐商品区域,但我不确定它来自【商品推荐】应用还是主题。如何确认?
您可以使用浏览器的【检查】(Inspect)工具确认推荐商品区域的来源。
- 在您的线上商店中,打开显示推荐商品区域的页面。
- 在推荐商品区域上点击鼠标右键,然后选择【检查】(Inspect)或【检查元素】(Inspect Element)。
- 在开发者工具面板中,查看高亮显示的 HTML 元素:
- 如果元素的 class 包含
product-recommend-plugin,则该推荐商品区域由【商品推荐】应用提供。 - 如果元素包含以
/recommendations/products?开头的data-url属性,但 class 不包含product-recommend-plugin,则该推荐商品区域为主题内建功能。
- 如果元素的 class 包含
如果推荐商品区域由主题提供,而您希望改用【商品推荐】应用:
- 在主题编辑器中,将【商品推荐】组件添加到对应页面。
- 隐藏或移除主题原有的推荐商品区域。
- 完成后,该页面将仅显示由【商品推荐】应用提供的推荐商品区域。
如何联系我们
SHOPLINE 拥有专业的本地支持团队,为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!