shopify商店Brooklyn动态分区的富文本和视频设置步骤

2024-01-01 14:01:26
By 持刀小仙女

富文本

使用富文本分区提供要在主页上显示的任何书面内容或嵌入在 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. 点击保存

视频

您可以将 YouTube 或 Vimeo 视频添加到您的主页。视频可以吸引客户并引起他们对您业务的兴趣。

若要添加视频,您需要找到此视频的共享链接:

  • YouTube - Youtube 分享链接如下所示:https://youtu.be/ZXWgHlnVVEY。您可以在此 YouTube 帮助文章中了解如何复制 YouTube 视频的分享链接。

  • Vimeo - Vimeo 共享链接如下所示:https://vimeo.com/123456789。您可以在此 Vimeo 帮助中心文章中了解如何复制 Vimeo 视频的共享链接。

视频分区包括以下设置:

  • 标题 - 将标题添加到您的视频分区。

  • 视频链接 - 添加视频的共享链接。

将视频添加到您的主页

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商户官网原文详情:

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:

  • Wide display - Decrease the margins on either side of your text.

  • 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 Brooklyn, 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 Brooklyn, 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 Brooklyn, 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.

Video

You can add a YouTube or Vimeo video to your home page. Videos can engage customers and generate interest in your business.

To add a video, you need to find the video's sharing link:

  • YouTube - A Youtube sharing link looks like this: https://youtu.be/ZXWgHlnVVEY. You can learn how to copy the sharing link for a YouTube video in this YouTube Help article.

  • Vimeo - A Vimeo sharing link looks like this: https://vimeo.com/123456789. You can learn how to copy the sharing link for a Vimeo video in this Vimeo Help Center article.

The video section includes the following settings:

  • Heading - Add a heading to your video section.

  • Video link - Add the sharing link for your video.

Add a video to your home page

PC:

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

  2. Next to Brooklyn, click Customize.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Use the settings to customize the video 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 Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Use the settings to customize the video 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 Brooklyn, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Use the settings to customize the video section.

  4. Click Save.

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



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


常见问答(FQAS)


如何添加富文本或视频?

登录Shopify后台,选择“产品”→\"设置”→“内容和设置”。找到\"动态内容\"部分,点击\"编辑\"按钮。选择要添加的区域,然后选择要添加的内容块如文本、图片、视频等。创建或上传内容后,拖放到所选区域内。

是否支持视频播放?

是的,Shopify支持富文本区域内添加视频播放。您可以直接上传视频文件,或者嵌入从Youtube或Vimeo获取的嵌入代码。确保视频格式兼容浏览器。

如何调整区块位置和样式?

您可以通过\"编辑\"页面将鼠标悬停在任何区块上,将出现拖放手柄图标。您可以拖动区块重新排列顺序。同时每个区块右上方都有展开按钮,点击可以设置区块样式,包括文本样式,背景,边距等。

客户使用手机访问页面时效果如何?

动态区块内容在手机版页面中也可以正常展示。仅据区块内容类型和手机屏幕尺寸,区域会自动调整为垂直堆叠布局,以提供最佳用户体验。客户无需执行任何额外操作就能流畅访问所有内容。