使用应用扩展您的模板

您可以安装应用,为您的模板添加功能和集成。您可以在 Shopify App Store 中查找应用。

应用可以通过以下方式与您的模板集成:

  • 作为应用块:应用块可让您将应用功能添加到您想在模板中使用的确切位置。您可以通过模板编辑器添加、删除、预览、重新定位和自定义应用块。
  • 作为应用嵌入:应用嵌入是由应用提供的元素,它们可在您的模板中悬浮或以叠加层形式显示,或者在对客户不可见的情况下将代码添加到您的在线商店。您可以通过模板编辑器激活、停用、预览和自定义应用嵌入。
  • 通过添加自定义代码:一些应用会将代码直接注入模板的代码中,以便为模板添加功能。您可以使用应用设置或模板编辑器来自定义应用。

应用块

应用既可以作为分区中的块添加,也可以作为模板中的分区添加。这使您可将应用功能添加到页面上您想要使用的确切位置。可以通过模板编辑器添加、删除、重新定位和自定义应用块。

应用块可能仅与某些页面类型兼容。例如,尺寸表应用可能仅与产品页面兼容。

在分区中使用的应用块:

在分区中使用的应用块。

在模板中用作分区的应用块:

在模板中用作分区的应用块。

分区中的应用块支持

您的某些模板分区可能不支持应用块。要确定您的哪些模板分区支持应用块,请参阅您模板的文档或联系您的模板开发者

如果分区支持应用块,并且您已安装兼容的应用,则块选择器中将显示 应用 部分。

将应用块添加到分区

桌面版
  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到您要编辑的模板,然后点击编辑模板

  3. 导航到您要添加应用块的页面和分区。

  4. 在侧边栏中,点击添加块

  5. 在下拉菜单的应用部分中,选择要添加到该分区的应用块,或点击搜索栏并输入搜索词以在已安装的应用中进行搜索。

  6. 可选:点击并拖动 图标可将该块移动到页面上的其他可用位置。您还可以使用任何可用设置来自定义该块。

  7. 点击保存

移动版
  1. Shopify app 中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到您要编辑的模板,然后轻触编辑模板

  5. 轻触编辑

  6. 导航到您要添加应用块的页面和分区。

  7. 在侧边栏中,轻触添加块

  8. 在下拉菜单的应用部分中,选择要添加到该分区的应用块,或轻触搜索栏并输入搜索词以在已安装的应用中进行搜索。

  9. 可选:轻触并拖动 图标可将该块移动到页面上的其他可用位置。您还可以使用任何可用设置来自定义该块。

  10. 轻触 保存

向模板添加应用块

桌面版
  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到您要编辑的模板,然后点击编辑模板

  3. 转到您要添加应用分区的页面。

  4. 在侧边栏上,点击添加分区

  5. 在下拉菜单的应用分区中,选择要添加到页面的应用,或者点击搜索栏并输入文本来搜索已安装的应用。

  6. 可选:点击并拖动 图标可将该块移动到页面上的其他可用位置。您还可以使用任何可用设置来自定义该块。

  7. 点击保存

移动版
  1. Shopify app 中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到您要编辑的模板,然后轻触编辑模板

  5. 轻触编辑

  6. 转到您要添加应用分区的页面。

  7. 在侧边栏上,轻触添加分区

  8. 在下拉菜单的应用分区中,选择要添加到页面的应用,或者轻触搜索栏并输入文本来搜索已安装的应用。

  9. 可选:轻触并拖动 图标可将该块移动到页面上的其他可用位置。您还可以使用任何可用设置来自定义该块。

  10. 轻触 保存

该应用会作为块添加到一个 应用 分区中。您可以向该分区添加其他应用块。您还可以向页面添加多个应用分区。

应用嵌入

应用嵌入是应用提供的元素,它们会在您的模板中浮动或作为叠加层显示,或者在您的客户看不到的情况下向您的在线商店添加代码。例如,显示在商店角落的聊天气泡应用,或分析或跟踪应用,都可能作为应用嵌入添加到您的商店中。可通过模板编辑器激活、停用和自定义应用嵌入。应用嵌入可用于任何模板版本。

如果您有多个市场,则可以为每个市场自定义应用嵌入。例如,您可以仅为北美市场激活聊天应用嵌入,或为不同的市场配置不同的应用嵌入设置。如需为特定市场自定义应用嵌入,请在激活或配置应用嵌入之前,从模板编辑器的市场下拉菜单中选择该市场。有关针对特定市场自定义模板的详细信息,请参阅针对特定市场或 Shopify B2B 调整模板

一个应用嵌入块。

激活应用嵌入

桌面版
  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到您要编辑的模板,然后点击编辑模板

  3. 可选:如果您想为特定市场自定义应用嵌入,请点击市场下拉菜单,然后选择要自定义的市场。如果未选择任何市场,则更改将应用于商店默认设置。

  4. 在侧边栏上,点击 应用嵌入 图标。

  5. 选择要激活的应用嵌入,或点击搜索栏并输入搜索词来搜索您已安装的应用。

  6. 在要激活的应用嵌入旁边,点击切换按钮以将其激活。

  7. 可选:点击应用嵌入名称旁边的展开图标 ,即可查看该应用嵌入的设置。

  8. 点击保存

  9. 预览您的商店,以实时查看嵌入式应用。

移动版
  1. Shopify app 中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到您要编辑的模板,然后轻触编辑模板

  5. 可选:如果您想为特定市场自定义应用嵌入,请轻触市场下拉菜单,然后选择要自定义的市场。如果未选择任何市场,则更改将应用于商店默认设置。

  6. 轻触 > 应用嵌入

  7. 选择要激活的应用嵌入,或在搜索栏中输入搜索词来搜索您已安装的应用。

  8. 在要激活的应用嵌入旁边,轻触切换按钮以将其激活。

  9. 可选:轻触应用嵌入名称旁边的展开图标 ,即可查看该应用嵌入的设置。

  10. 轻触保存

  11. 预览您的商店,以实时查看嵌入式应用。

添加到模板代码的应用

一些应用会直接将代码注入您的模板代码,从而为您的模板添加功能。安装应用后,您可能会收到初始启用说明,其中会指导您编辑自己的代码,以便在模板中您希望的位置添加应用功能。您可以使用应用设置或模板编辑器来自定义该应用。

如果您的模板提供自定义 Liquid 分区,您或许便可将应用代码添加到模板编辑器中的“自定义 Liquid”分区,而无需直接编辑模板代码。