Перейти до основного контенту

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

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

Оновлено протягом останнього тижня

На сторінці товару можна розмістити відео у галереї фотографій та в блоці опису. Відео має бути попередньо залите на будь-яку платформу, яка надає код 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

Вертикальні відео тривалістю до 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. Розмістіть код у потрібному місці опису та натисніть Зберегти.

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

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

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