Перейти до основного контенту
Відео на сторінці товару

Як додати відео до фотогалереї та в опис товару на сайті

Оновлено понад 5 міс. тому

На сторінці товару можна розмістити відео у галереї фотографій та в блоці опису. Відео має бути попередньо залите на будь-яку платформу, яка надає код iframe для вставки на сторінку товару, наприклад, YouTube.

Для розміщення відео:

  1. На сторінці відео в сервісі скопіюйте код iframe для вставки.

  2. Розмістіть отриманий код у полі Фото, Галерея або Опис товару згідно з інструкцією.

Отримання коду для вставки на сторінку товару

Розглянемо отримання коду для вставки відео на прикладі YouTube. Відео для товарів краще розміщувати на власному каналі, тому що в роликах чужих каналів може бути реклама, яка заважатиме вашим покупцям.

  1. На сторінці відео на YouTube натисніть ПоділитисяВставити.

  2. Скопіюйте код. Приклад того, як він повинен виглядати, можна побачити нижче.

Отримання коду для вставки на сторінку товару — Хорошоп


Приклад коду для вставки відео:

<iframe width="560" height="315" src="https://www.youtube.com/embed/tiyKAnPb82A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Отримання коду Shorts video

Вертикальні відео тривалістю до 60 секунд при завантаженні на YouTube потрапляють в розділ Shorts.

Щоб отримати код такого відео:

  1. На сторінці перегляду відео в YouTube натисніть праву клавішу миші.

  2. Виберіть пункт Скопіювати код вставки. Приклад такого коду наведено нижче.

Отримання коду Shorts video — Хорошоп

Приклад коду для вставки Shorts-відео:

<iframe width="473" height="841" src="https://www.youtube.com/embed/ueoC8XJ8QN4" title="Хорошоп" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Розміщення відео в блоках Фото та Галерея

Перейдіть на сторінку редагування товару в адмінці сайту:

  1. У полі Фото або Галерея виберіть зображення, яке стане прев'ю відео.

  2. Натисніть зображення для редагування, розмістіть скопійований код у полі Код відео та натисніть Зберегти.

Розміщення відео в блоках Фото та Галерея — Хорошоп

Блок Відео на сторінці товару

Додано можливість виводити на сторінці товару окремий блок Відео, в якому автоматично відобразяться всі відео, додані в полях Фото та Галерея.

Блок Відео на сторінці товару — Хорошоп

Блок Відео на сторінці товару

Для увімкнення/вимкнення блоку та зміни його розташування на сторінці товару перейдіть в розділ адмін-панелі Сайт Дизайн Редактор дизайну, розгорніть розділ Сторінка товару, перейдіть на вкладку Структура сторінки та налаштуйте елемент Відео.

Стікер Відео у картці товару

Якщо ви додали відео до галереї зображень, то на сторінці товару та в мінікартці буде відображатися системний стікер Відео.

Стикер відео в мінікарточці товару — Хорошоп

Стикер відео в мінікарточці товару


Як налаштувати стікер:

  1. В адмінці перейдіть до розділу Сайт → Стікери для товарів.

  2. Натисніть Відео, щоб увійти в редагування налаштувань. Ви можете вибрати колір наклейки та змінити інші параметри.

  3. У полі Спосіб активації має бути встановлений вибір Відео, щоб стікер автоматично відображався в товарах, до яких додано відео.

  4. Зніміть позначку з чекбоксу Відображати, якщо ви бажаєте вимкнути наклейку, та натисніть Зберегти.

Як налаштувати стікер Відео — Хорошоп

Швидко увімкнути та вимкнути стікер можна за допомогою чекбоксу у загальному списку стікерів.

Читайте також

Розміщення відео в описі товару

Також відео можна розмістити у блок опису товару. Для цього:

  1. У візуальному редакторі блоку Опис товару натисніть Джерело для відображення тексту у форматі html-розмітки.

  2. Розмістіть код у потрібному місці опису та натисніть Зберегти.

Розміщення відео в описі товару — Хорошоп

Натисніть Товар на сайті, щоб перевірити коректність відображення відео на сторінці товару на сайті.

Ви отримали відповідь на своє запитання?