专注出海运营平台,解决跨境电商问题
当前位置:跨境智通山 > 其他跨境 > 跨境问答 > 正文

shopify商店模板应用嵌入步骤和模板代码介绍

2022-03-22 17:29:08 跨境问答

应用嵌入应用嵌入是应用提供的元素,可在您的模板中浮动或以叠加层的形式显示,也可在客户看不到的情况下将代码添加到您的在线商店。例如,商店角落里显示的聊天气泡应用或者分析或跟踪应用可能会作为应用嵌入添加到

目录

shopify商店模板应用嵌入步骤和模板代码介绍

shopify商店模板应用嵌入步骤和模板代码介绍详细回答

应用嵌入

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

激活应用嵌入

PC:

  1. 在 Shopify 后台中,转到在线商店 > 模板

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

  1. 点击模板设置

  2. 点击应用嵌入选项卡。

  3. 选择要激活的应用嵌入,或点击搜索栏并输入搜索词,以在已安装的应用中进行搜索。

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

  5. 可选:通过点击应用嵌入名称旁边的展开图标  查看应用嵌入的设置。

苹果系统:

  1. 在 Shopify 应用中,轻触商店

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

  3. 轻触管理模板

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

  5. 轻触编辑

  1. 点击模板设置

  2. 点击应用嵌入选项卡。

  3. 选择要激活的应用嵌入,或点击搜索栏并输入搜索词,以在已安装的应用中进行搜索。

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

  5. 可选:通过点击应用嵌入名称旁边的展开图标  查看应用嵌入的设置。

安卓系统:

  1. 在 Shopify 应用中,轻触商店

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

  3. 轻触管理模板

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

  5. 轻触编辑

  1. 点击模板设置

  2. 点击应用嵌入选项卡。

  3. 选择要激活的应用嵌入,或点击搜索栏并输入搜索词,以在已安装的应用中进行搜索。

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

  5. 可选:通过点击应用嵌入名称旁边的展开图标  查看应用嵌入的设置。

已添加到模板代码的应用

一些应用直接将代码注入您的模板代码中,以便为您的模板添加功能。安装应用后,您可能会收到入门说明,其中包括如何编辑您自己的代码以在模板中需要应用功能的位置添加应用功能。您可以使用应用设置或使用模板编辑器自定义应用。

如果您的模板提供 Custom Liquid 部分,您或许可以将您的应用代码添加到模板编辑器中的“自定义 Liquid”部分,而不是直接编辑您的模板代码。

Shopify商户官网原文详情:

App embeds

App embeds are app-provided elements that float or appear as an overlay in your theme, or add code to your online store without being visible to your customers. For example, a chat bubble app that appears in the corner of your store, or an analytics or tracking app might be added to your store as an app embed. App embeds can be activated, deactivated, and customized through the theme editor. App embeds can be used with any theme version.

Activate an app embed

PC:

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Theme settings.

  2. Click the App embeds tab.

  3. Select the app embed that you want to activate or click the Search bar and enter a search term to search through your installed apps.

  4. Beside the app embed that you want to activate, click the toggle to activate it.

  5. Optional: view the settings for the app embed by clicking the expand icon  next to the app embed name.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click the App embeds tab.

  3. Select the app embed that you want to activate or click the Search bar and enter a search term to search through your installed apps.

  4. Beside the app embed that you want to activate, click the toggle to activate it.

  5. Optional: view the settings for the app embed by clicking the expand icon  next to the app embed name.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Theme settings.

  2. Click the App embeds tab.

  3. Select the app embed that you want to activate or click the Search bar and enter a search term to search through your installed apps.

  4. Beside the app embed that you want to activate, click the toggle to activate it.

  5. Optional: view the settings for the app embed by clicking the expand icon  next to the app embed name.

Apps added to theme code

Some apps inject code directly into your theme's code to add functionality to your theme. After you install the app, you might receive onboarding instructions that include editing your own code to add app functionality where you want it to appear in your theme. You might customize the app using the app settings, or using the theme editor.

If your theme offers a Custom Liquid section, then you might be able to add your app code into a Custom Liquid section in the theme editor instead of editing your theme code directly.

文章内容来源:Shopify商户官方网站