添加JSON“丰富内容”

丰富内容（Rich-content）是一种能够将多媒体元素（如图片、视频等）添加到商品信息页描述的营销工具。

“丰富内容"有助于提高潜在顾客对商品的兴趣。在"丰富内容"的帮助下，您可以将买家的注意力吸引到商品的个别规格特征或突出优势上。

我们为您准备了JSON格式的模板并在其中收集了不同的小工具，以便您更轻松地使用这项服务。小工具中包含的设置可用于调整多媒体内容和文字说明的显示方式。例如，您可以将商品图片沿整个宽度嵌入，并将文字描述排版到图片下方。您还可以采用交错排列方式嵌入商品图片，而在侧边插入文字描述。无论是网页还是手机版本，您都能够对多媒体内容的显示方式进行适当的调整。

不妨看一下添加"丰富内容"以后，商品信息页上的商品描述会发生怎样的变化：

我们为您准备了JSON格式的模板并在其中收集了不同的小工具，以便您更轻松地使用这项服务。小工具中包含的设置可用于调整多媒体内容和文字说明的显示方式。例如，您可以将商品图片沿整个宽度嵌入，并将文字描述排版到图片下方。您还可以采用交错排列方式嵌入商品图片，而在侧边插入文字描述。无论是网页还是手机版本，您都能够对多媒体内容的显示方式进行适当的调整。

不妨看一下添加"丰富内容"以后，商品信息页上的商品描述会发生怎样的变化：

• 带有富内容
• 没有富内容

JSON格式填写模板

“丰富内容"相关文件

上传富内容的优势：

• Ozon风格的使用：如果您正确填写模板，那么商品描述将正确地在不同类型的设备上显示；
• 无需使用iframe，安全且快速上传内容。

创建富内容

您可以在构造函数中进行：

• 在可视化编辑器中——请从现成的小插件中收集富内容，板块将根据任意尺寸的屏幕进行设置和适应；
• 在沙盒中——请填写JSON代码并立刻检查结果。 如果您已有现成的JSON代码，请将其添加至卡片上。
  富内容文件

在可视化编辑器中添加富内容

您需要为富内容创建两个显示版本：桌面版本和手机版本。

您可以在单独的网站上或个人中心打开构造函数。

如果您想在个人中心打开构造函数：

1. 请进入商品 → 商品列表部分。

2. 在所需商品行中点击 并选择编辑商品。

3. 打开媒体选项卡并在丰富内容板块中点击打开编辑器。

   
   

4. 点击创建，编辑函数将在右侧的面板上打开。

5. 在左侧面板上选择所需的小插件并将其拖至工作区域。 可以选择多个板块——为此请返回上一个菜单并将新的板块拖至空闲区域。

6. 点击已添加的小插件来对其进行编辑。 您可以：

   • 删除小插件——为此请点击 .
   • 将其降低或升高——请点击 .
   • 上传图片和视频。
   • 添加文字。
   • 查看小插件的外观——点击预览。您可以在电脑或移动设备上检查图片。

当一切就绪时，请将富内容添加至商品卡片。

如果您进行了更改并关闭构造函数，那么系统将保存草稿——您将可以稍后继续。在个人中心进行操作时，草稿将为每件商品保存，而在外部网站上将仅保存最后的版本。

在可视化编辑器中添加图片

请准备两个版本的图片——分别用于在电脑上和在移动设备上显示。这样富内容将清晰地在任何一个屏幕上。

对图片的要求：格式——JPG，JPEG，PNG。大小不超过10MB。请不要使用GIF格式的文件，否则卡片加载时间将会很长。

您可以为每个图片设置以下内容：

• 在图片放置部分设置图片尺寸。
• 通过点击图片进入另一个商品——请复制Ozon卡片地址并将其添加至图片中的链接字段。您无法添加通往其他网站的链接。
• 文字描述——如果图片未能加载，那么买家将看到该文字。

在可视化编辑器中编辑文字

1. 点击标准文字并输入您自己的文字。标题带有字符限制——系统将把2行以外的所有字符删掉。

2. 将左侧面板滑动至处理问题部分。为标题和主要文字设置参数：

   • 尺寸，
   • 颜色，
   • 对准。

电脑和移动设备的文字设置是相同的。

在可视化编辑器中添加视频

• 从YouTube
• 通过直接链接

1. 在左侧面板中找到视频小插件并将其添加。
2. 点击板块。在类型字段选择Youtube。
3. 打开视频并复制“watch?v=”后面的链接部分。比如，针对https://www.youtube.com/watch?v=63Mi6-2khxA 这一视频，需要复制“63Mi6-2khxA”。
4. 将所复制的代码添加至Youtube Video ID字段。
5. 点击预览来查看视频在小插件中的外观。

1. 在左侧的面板中找到视频小插件并将其添加。
2. 点击板块。在类型字段中选择直接链接。
3. 选择资源类型。
4. 添加视频链接。
5. 点击预览来查看视频在小插件中的外观。

一些浏览器可能会不支持某种视频格式。我们建议您上传多个格式的视频——您可以在下方的来源 2字段完成。

将构造函数中的富内容添加至商品卡片

通过个人中心的构造函数

当一切就绪时：

1. 在构造函数的右上角点击应用——代码将自动出现在富内容字段。
2. 点击下一步并保存商品。如果在卡片中有描述，那么富内容将代替描述显示。

通过网站上的构造函数

当一切就绪时：

1. 在构造函数的右上角点击下载。
2. 使用任意文字编辑器打开下载的文件并复制代码。
3. 进入商品 → 商品列表部分，在所需商品行中点击 并选择编辑商品。
4. 打开媒体选项卡并将代码添加至丰富内容字段。
5. 点击下一步并保存商品。

如果在卡片中有描述，那么富内容将代替描述显示。

您可以一次性为多个商品添加富内容：

• 通过XLS模板——在富内容JSON列；
• 通过API ——使用POST/v2/product/import查询。

在构造函数中编辑JSON代码

1. 打开模板。

2. 选择沙箱选项卡。您将看到带有照片、照片文字标注和视频的样本。您在编辑器中做出的所有更改都将显示在样本中。

3. 点击打开编辑器。

   

4. 在编辑器中进行所有所需更改：添加图片直接链接，输入文字并指定照片尺寸。为了添加视频，请输入直接链接或Youtube上的视频ID。复制并添加适合的小插件。从编辑器中删除您不使用的小插件。

我们向编辑器中添加了多个不同的小插件，比如，如果您想添加带有标注的图片，请填写下列参数：

• scr——在网站上显示的图片的直接链接；
• srcMobile——在移动设备或应用中显示的图片的直接链接；
• width——网站上的图片宽度；
• height ——网站上的图片高度；
• widthMobile——移动版本图片的宽度；
• heightMobile——移动版本图片的高度；
• title ——图片标注（标题）；
• content ——图片标注（文字）。

请仔细将每个左括号与右括号相配。

已填好的小插件示例：

{
 "widgetName": "raShowcase",
 "type": "billboard",
 "blocks": [
     {
         "img": {
             "src": "http://images.vfl.ru/ii/1606379704/a96fe979/32445109.jpg",
             "srcMobile": "http://images.vfl.ru/ii/1606379948/4124d073/32445157.jpg",
             "width": 1280,
             "height": 853,
             "widthMobile": 640,
             "heightMobile": 640
         },
         "title": "适合新手使用",
         "text": {
             "content": [
                 "古典吉他的声音不像原声吉他一样响亮，但由于琴弦较软，因此非常适合初学者。"
             ]
         }
     }
 ]
}

• 网站图片示例
• 移动版本图片示例

如果代码中存在错误，那么在右下角您将看到JSON不正确标注。

5. 您可以采用下列方法之一添加"丰富内容”:
   • 在个人中心中: 复制模板中的代码并将其添加至富内容JSON字段。
   • 在XLS文件中通过模板: 复制模板中的代码并将其添加至富内容JSON列。
   • 通过API: 请使用POST /v2/product/import 查询。

如何通过API添加"丰富内容”

若要通过Ozon Seller API发送请求，您将需要用户标识码和API密钥。需要完成的步骤：

1. 在个人中心进入设置 → API密钥部分并点击生成密钥。

2. 输入密钥名称并选择角色。

3. 点击生成。

   

4. 通过 POST /v2/product/import 请求添加"丰富内容"。

如何使用富内容的文件

在文件中您可以找到不同小插件的额外信息。比如，您可以确认您可以向“chess”小插件类型添加多少个板块。

1. 打开富内容文件.

2. 进入v0_3/showcase/types模块。

3. 选择WidgetShowCaseChess小插件。

   

4. 在Properties部分列出了所有需要为所选小插件添加的参数。Blocks参数添加图片及其标注。“Chess”小插件的最低板块数量为2个。而一个小插件中最高的板块数量则为6个。

   

如何获取图片的直接链接

若您拥有自己的网站，可使用您网站上图片的直接链接。您也可以使用提供免费访问权限的图片托管网站。例如，vfl.ru。选择需要的图片， 然后单击上传。通过图片的直接链接一栏复制链接并将其添加到编辑器。