自定义代码应用

自定义代码是一款在商店页面添加任意代码的应用，支持以下场景：

1. 添加自定义HTML、CSS样式代码丰富在线商店的营销活动、优化前台样式。
2. 添加Google Analytics、Facebook Pixel等广告平台追踪代码。

添加代码

自定义代码允许同时添加多段代码，每段代码独立管理。您可以通过以下步骤添加代码：

1. 在 SHOPLINE 后台，前往【应用】，进入【自定义代码】应用
2. 在应用首页，点击【添加代码】

设置代码

在自定义代码的编辑页面，需要注意以下配置项的逻辑，完成配置后点击【添加】即可生效：

• 代码内容：需要在页面下发的代码片段，支持Handlebars模板语言。
• 应用范围：选择代码下发的设备类型，可以选择【PC端和移动端】、【仅PC端】、【仅移动端】
• 插入位置：选择代码的插入位置，【顶部】意味着先加载代码，再加载页面内容，适用于不依赖页面元素的代码；【底部】意味着先加载页面内容，再加载代码，适用于修改已加载完的页面元素
• 触发页面：选择代码下发的页面模板，例如自定义页面表示所有自定义页面都下发，而非特定的自定义页面。如果要需要在特定的资源页面下发代码，可以通过Handlebars模板语法实现，参考以下代码：

  {{#if page.handle '===' '自定义页面handle'}}
  这里是代码内容
  {{/if}}

启用/禁用代码

添加自定义代码后，代码自动设置为【启用】状态。可在列表页面设置【状态】决定代码是否生效，参考以下状态说明：

• 启用：代码正常使用并下发到页面
• 禁用：代码失效，不会下发到页面

如何联系我们

SHOPLINE 拥有专业的本地支持团队，为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网页的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议，快点击【功能反馈】告诉我们吧！