Документация Сотбит: Розница. Главная страница. Видео VK
Блок Видео VK предназначен для трансляции видеороликов из официального сообщества или определенного плейлиста социальной сети ВКонтакте (VK Видео) на главной странице интернет-магазина. Интеграция повышает вовлеченность аудитории, демонстрирует обзоры товаров и привлекает подписчиков в группу магазина.
Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта]
Подключение и авторизация VK Видео
Для вывода видеороликов необходимо предварительно связать сайт с вашим сообществом ВКонтакте.
Пользователь, выполняющий авторизацию через кнопку Войти с VK ID, обязательно должен обладать правами администратора в сообществе ВКонтакте, видео которого планируется выводить на сайте.
Для настройки подключения выполните следующие действия:
1. В административной панели перейдите в раздел настроек решения: Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта].
2. Перейдите на вкладку Видеосервисы (1).
3. В блоке VK Видео укажите параметры подключения:
-
Заполните поле ID приложения (2).
-
Заполните поле ID сообщества (3) (числовой идентификатор группы без буквенного префикса).
-
При необходимости укажите ID плейлиста (4).
4. Нажмите кнопку Войти с VK ID (5) и подтвердите предоставление прав доступа приложению.5. Нажмите кнопку Сохранить (6) в левом нижнем углу страницы.
Кнопка Войти с VK ID (5) отображается при первом вводе данных в ID приложения (2) и ID сообщества (3) и последующем сохранении
Параметры блока VK Видео
|
Поле
|
Описание
|
|
ID приложения
|
Идентификатор автономного приложения VK, созданного для интеграции с сайтом.
|
|
ID сообщества
|
Числовой идентификатор сообщества ВКонтакте, из которого будут загружаться видеозаписи.
|
|
ID плейлиста
|
Необязательное поле. Позволяет ограничить выборку конкретным альбомом/плейлистом.
Если поле заполнено — на сайте выводятся только ролики из указанного плейлиста.
Если поле оставлено пустым — выводятся все видеозаписи из сообщества.
|
|
Войти с VK ID
|
Кнопка авторизации для генерации сервисного токена доступа к API ВКонтакте.
|
Корректность заполнения параметров интеграции с ВКонтакте можно автоматически проконтролировать через Мастер внедрения.
Включение блока на главной странице
Отображением и порядком вывода элементов на главной странице управляет конструктор блоков.
1. Перейдите на вкладку Внешний вид в настройках решения (подробнее в разделе Внешний вид).
2. Найдите подраздел Блоки на главной.
3. Перетащите блок Видео VK из списка Доступные блоки в список Отображаемые блоки и задайте ему желаемую позицию относительно других секций страницы.
4. Нажмите кнопку Сохранить.
На главной странице интернет-магазина можно одновременно выводить несколько различных видеосекций — например, блок Видео RUTUBE и блок Видео VK.
Настройка параметров компонента
Компонент Видео (sotbit:b2c.video) отвечает за непосредственное представление видеороликов на витрине сайта.
Для перехода к параметрам компонента включите Режим правки в публичной части сайта, наведите курсор на область блока Видео VK на Главной странице и нажмите на всплывающую иконку шестеренки.
Описание параметров компонента
|
Поле
|
Описание
|
||||||||||||||||||||||||||||||||||||||||
|
Шаблон компонента
|
Выбор шаблона отображения компонента. По умолчанию используется .default (Встроенный шаблон).
|
||||||||||||||||||||||||||||||||||||||||
|
Источник данных
|
|||||||||||||||||||||||||||||||||||||||||
|
Источник
|
Выбор видеохостинга для загрузки контента. Для данного блока выберите VK Видео.
Вариант VK Видео доступен в списке только при условии, что в настройках модуля на вкладке Видеосервисы заполнены параметры интеграции.
|
||||||||||||||||||||||||||||||||||||||||
|
Размещать ссылку на канал в заголовке блока
|
При установленном флаге заголовок блока становится кликабельной ссылкой со стрелкой перехода:
Если флаг снят, заголовок отображается простым некликабельным текстом.
|
||||||||||||||||||||||||||||||||||||||||
|
Внешний вид
|
|||||||||||||||||||||||||||||||||||||||||
|
Количество отображаемых видео
|
Число видеороликов, загружаемых и выводимых в карусели блока (по умолчанию: 10).
|
||||||||||||||||||||||||||||||||||||||||
|
Качество изображения обложки видео
|
Разрешение загружаемых превью-изображений для видеороликов. Доступны варианты: Низкое, Среднее, Высокое.
|
||||||||||||||||||||||||||||||||||||||||
|
Название блока
|
Заголовок, отображаемый над видеороликами на главной странице. По умолчанию подставляется языковое макроопределение ={Loc::getMessage("VIDEO_VKVIDEO_BLOCK_TITLE")} (Видео VK). При необходимости можно указать произвольный текст.
|
||||||||||||||||||||||||||||||||||||||||
После завершения настройки нажмите кнопку Сохранить.
Отображение блока на витрине
На витрине интернет-магазина блок Видео VK выводится в виде адаптивной интерактивной карусели:
В блоке выводятся:
-
Кликабельный заголовок Видео VK (1) со стрелкой перехода к сообществу или плейлисту.
-
Обложки видеороликов с кнопкой запуска воспроизведения (2).
-
Длительность видео (3) в правом нижнем углу обложки.
-
Дата публикации видеозаписи (4).
-
Название видеоролика (5).
-
Стрелки навигационной прокрутки карусели (6) для просмотра всех загруженных видео.
При клике на видеоролик воспроизведение запускается во встроенном модальном плеере без ухода с сайта интернет-магазина.
