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.

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

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

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

Вебинары