shopify商店Supply分区自定义地图和富文本步骤

地图

您可以在主页上添加 Google 地图，向客户展示您的商店所在的地点。

提示：若要显示您的地图，您需要注册 Google 地图 API 密钥。

地图分区包括以下设置：

• 标题 - 将标题添加到您的地图分区。

• 地址和营业时间 - 将商店的地址和营业时间添加到地图分区。

• 地图地址 - 将地图设置为显示您的商店位置。

• 地图链接标签 - 在 Google 地图上添加链接到您地点的按钮。

• 显示图钉图标 - 在地图上添加一个显示商店具体地点的图钉图标。

• Google 地图 API 密钥 - 将您地图的 API 密钥添加到地图分区。

• 图片 - 添加地图未加载时显示的图片。

• 图片位置 - 设置图片的位置。

在主页中添加地图

PC：

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

2. 点击 的分区 旁边的自定义。

1. 点击添加分区。

2. 点击地图，然后点击选择。

3. 使用设置来对您的地图分区进行自定义。

4. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击添加分区。

2. 点击地图，然后点击选择。

3. 使用设置来对您的地图分区进行自定义。

4. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击添加分区。

2. 点击地图，然后点击选择。

3. 使用设置来对您的地图分区进行自定义。

4. 点击保存。

富文本

使用富文本分区提供要在主页上显示的任何书面内容或嵌入在 Shopify 后台创建的任何页面。例如，您可以通过嵌入博客页面来展示即将进行的活动，或显示包含以下任何内容的页面：

• 来自您的在线商店的嵌入视频

• 带有商店地点的 Google 地图

• 商店的联系信息。

富文本分区包括以下设置：

• 标题 - 向富文本分区添加标题。

• 文本 - 添加自定义文本并设置格式。 如果要显示商店中的页面，请点击添加内容，然后点击页面。从下拉菜单中选择要作为主页的页面。

• 大小 - 设置文本大小。

向主页添加富文本

PC：

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

2. 点击 的分区 旁边的自定义。

1. 点击添加分区。

2. 点击富文本，然后点击选择。

3. 使用设置来对您的富文本分区进行自定义。

4. 点击保存。

苹果系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击添加分区。

2. 点击富文本，然后点击选择。

3. 使用设置来对您的富文本分区进行自定义。

4. 点击保存。

安卓系统：

1. 在 Shopify 应用中，轻触商店。

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

3. 轻触 Manage themes（管理模板）。

4. 在 的分区 旁边，轻触自定义。

5. 轻触编辑。

1. 点击添加分区。

2. 点击富文本，然后点击选择。

3. 使用设置来对您的富文本分区进行自定义。

4. 点击保存。

Shopify商户官网原文详情：

Map

You can add a Google map to your home page to show customers where your business is located.

The map section includes the following settings:

• Heading - Add a heading to your map section.

• Address and hours - Add your store's address and hours to your map section.

• Map address - Set the map to show your store's location.

• Map link label - Add a button that links to your location on Google Maps.

• Show pin - Add a pin that shows your store's specific location on the map.

• Google Maps API key - Add your map's API key to the map section.

• Image - Add an image that's displayed if the map doesn't load.

• Image position - Set the placement of the image.

Add a map to your home page

PC：

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

2. Next to Supply, click Customize.

1. Click Add section.

2. Click Map, and then click Select.

3. Use the settings to customize your map section.

4. Click Save.

iPhone：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Next to Supply, tap Customize.

5. Tap Edit.

1. Click Add section.

2. Click Map, and then click Select.

3. Use the settings to customize your map section.

4. Click Save.

Android：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Next to Supply, tap Customize.

5. Tap Edit.

1. Click Add section.

2. Click Map, and then click Select.

3. Use the settings to customize your map section.

4. Click Save.

Rich text

Use the Rich text section to provide any written content that you want to display on your home page, or to embed any page created in your Shopify admin. For example, you can feature upcoming events by embedding your blog page, or display a page with any of the following:

• embedded videos from your online store

• a Google map with your store's location

• your store's contact information.

The rich text section includes the following settings:

• Heading - Add a heading to your rich text section.

• Text - Add and format your custom text. If you want to feature a page from your store, then click Add content and then click Page. Select a page to feature as your home page from the drop-down menu.

• Size - Set the size of your text.

Add rich text to your home page

PC：

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

2. Next to Supply, click Customize.

1. Click Add section.

2. Click Rich text, and then click Select.

3. Use the settings to customize your rich text section.

4. Click Save.

iPhone：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Next to Supply, tap Customize.

5. Tap Edit.

1. Click Add section.

2. Click Rich text, and then click Select.

3. Use the settings to customize your rich text section.

4. Click Save.

Android：

1. From the Shopify app, tap Store.

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

3. Tap Manage themes.

4. Next to Supply, tap Customize.

5. Tap Edit.

1. Click Add section.

2. Click Rich text, and then click Select.

3. Use the settings to customize your rich text section.

4. Click Save.

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

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。本站不具备任何原创保护和所有权，也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

登陆Shopify管理后台,进入仓库和运输-->地图设置。在这里你可以上传GPX文件或者geojson文件来创建自定义地图。

在产品或文章编辑界面中,选择添加步骤选项就可以添加富文本步骤了。你可以给每一个步骤添加标题、图片、文字说明等内容。通过这种方式更好地向客户展示产品使用步骤。

你可以通过编辑主题 CSS 文件来自定义富文本步骤的样式,比如修改步骤数字的样式,步骤项目的边距、阴影等。具体的 CSS 选择器是 .article-section-steps ol, .article-section-steps li等。

你可以在产品或文章详细页面添加地图区块组件,然后选择已上传的自定义地图就可以了。系统会自动将地图渲染在产品页指定位置。这样用户就可以在购买产品时看到相关的地图指南。