Rich-контент — бесплатный маркетинговый инструмент, благодаря которому вы можете создать из карточки товара полноценный лендинг с подробным описанием, яркими иллюстрациями, схемами или видео.

Rich-контент помогает акцентировать внимание на отдельных характеристиках или достоинствах товара — так вы можете повысить интерес потенциальных покупателей к своему ассортименту.

Советуем использовать для rich-контента текстовые описания с картинками. Если добавите только изображения, внешние поисковые системы не смогут проиндексировать карточку — это плохо отразится на SEO-продвижении.

# Как создавать rich-контент

Для этого мы сделали шаблон в формате JSON со встроенными виджетами. Так вы сможете управлять мультимедийным контентом и текстовыми подписями в карточке товара. Например, растянуть изображения по всей ширине страницы или расположить в шахматном порядке, поместить текст описания сбоку или ниже под фото, как в конструкторе.

С помощью виджетов можно настроить rich-контент как для сайта Ozon, так и для приложения.

Чем ещё хорош шаблон JSON:

  • не нужно использовать iframe и верстать в HTML;
  • адаптивная вёрстка – если правильно заполнить шаблон, контент будет быстро и корректно отображаться на любом устройстве.

Документация к Rich-контенту

# Как пользоваться конструктором rich-контента

# Шаг 1. Открыть конструктор

Это можно сделать на отдельном сайте или из вашего личного кабинета.

Чтобы попасть в конструктор из кабинета:

  1. Откройте раздел Товары и цены → Список товаров.
  2. В строке с нужным товаром нажмите и выберите Редактировать товар.
  3. Откройте вкладку Медиа и в блоке Rich-контент нажмите Открыть визуальный редактор.
  4. Нажмите Создать — конструктор откроется в панели справа.

Если вы внесёте изменения и закроете конструктор, браузер сохранит черновик — так вы сможете продолжить позже. При работе в личном кабинете сохраняем черновики для каждого товара, на внешнем сайте — только одну последнюю версию.

# Шаг 2. Добавить виджеты

Создавать rich-контент можно двумя способами:

  • в конструкторе — чтобы работать в визуальном редакторе;
  • в песочнице — там можно написать контент сразу в JSON.

# Как добавить rich-контент в карточку товара

# Как пользоваться документацией к Rich-контенту

В документации вы можете найти дополнительную информацию о виджетах. Например, сколько блоков можно добавить в тип виджета chess.

  1. Откройте документацию к Rich-контенту.

  2. Зайдите в модуль v0_3/showcase/types.

  3. Выберите виджет WidgetShowCaseChess.

  4. В разделе Properties перечислены все параметры, которые необходимо указать для выбранного виджета. Параметр blocks добавляет изображение и подпись к нему. Минимальное количество блоков в виджете chess — 2. Максимальное количество блоков — 6 в одном виджете.

# Как получить прямую ссылку на изображение

Для этого загрузите картинку на фотохостинг с поддержкой прямой ссылки на изображение (например, vfl.ru) или ваш сайт. Яндекс.Диск для этой цели — не подойдёт.

Ссылка должна заканчиваться на .jpe, .jpeg, .jpg или .png.

# Как добавить видео

Для этого выберите в визуальном редакторе блок «Видео» и перетащите его в рабочую область.

Добавить видео можно из разных источников. Для этого:

# Вебинары