Как добавить видео-виджет на сайт Shopify: пошаговый гайд

Введение

Видеоконтент для магазина шопифай — это не только способ сделать его эффективнее, но и реальный инструмент для роста продаж. Добавляя видео на страницы товаров, вы не просто улучшаете визуальное восприятие, а напрямую влияете на конверсию. А с помощью видео-виджетов вы сможете достичь этого буквально в несколько кликов.

Зачем нужен видео-виджет для Shopify

  • ✨ Привлекает внимание — видео удерживает посетителей на сайте в ~2,5 раза дольше
  • 📊 Рост продаж — видеоролики мотивируют покупателей быстрее принять решение о покупке
  • 💖 Усиливает доверие — живое видео помогает установить контакт с аудиторией и повысить лояльность к бренду
  • 🗣️ Больше обратной связи — видео вызывает эмоции и стимулирует покупателей оставлять отзывы

Способы добавления видео в Shopify

В Shopify есть несколько удобных способов интегрировать видео в ваш интернет-магазин. Ниже рассмотрим два самых популярных варианта, которые подойдут для большинства магазинов на платформе.

Добавление видео через визуальный редактор

Вы можете вставить видео прямо в описание товара или на страницу с помощью стандартного редактора Shopify:

  • Откройте нужный товар или страницу в админ-панели Shopify.
  • В редакторе найдите иконку для добавления видео или переключитесь в режим исходного кода.
  • В редакторе описания переключитесь в режим HTML (иконка <>)
  • Вставьте embed-код с YouTube, Vimeo или другого видеохостинга:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/%VIDEO_ID%" frameborder="0" allowfullscreen></iframe>
  • Сохраните изменения и проверьте, как видео отображается на странице.
  • ✅ Плюсы: быстро, не требует установки приложений, подходит для описаний товаров и информационных страниц.
  • ❌ Минусы: видео не всегда адаптивно, могут быть проблемы с отображением на мобильных устройствах.

Добавление через no-code платформу

WEBSET позволяет интегрировать видео-виджеты в магазин Shopify без программирования и сложных настроек. Достаточно один раз добавить код установки, после чего вы сможете управлять всеми видео и интерактивными элементами через интуитивно понятный личный кабинет.

видео-виджет для Shopify видео-виджет для Shopify
  • Зарегистрируйтесь в WEBSET и скопируйте уникальный код установки из личного кабинета.
  • Войдите в админ-панель Shopify и перейдите в раздел «Online Store» → «Themes»
  • Нажмите «Customize» или «Actions» → «Edit code» для вашей активной темы.
  • Откройте файл theme.liquid или header.liquid и вставьте код установки WEBSET перед закрывающим тегом </head>
  • Сохраните изменения.
Теперь вы можете добавлять любые виджеты от WEBSET на страницы вашего Shopify магазина. Просто создайте нужный виджет в личном кабинете, опубликуйте его — и он мгновенно появится на сайте 🎉

Часто задаваемые вопросы (FAQ)

  • Как добавить видео в формате mp4 на Shopify?
    Для размещения mp4-видео загрузите файл на внешний видеохостинг или используйте сторонние сервисы для хранения файлов. Затем вставьте embed-код или используйте тег <video> в редакторе описания товара или страницы. Для удобной интеграции и стильного оформления воспользуйтесь WEBSET или Shopify video apps.
  • Можно ли добавить видеоотзывы или shoppable video на Shopify?
    Да, с помощью WEBSET и других Shopify video widgets вы легко интегрируете видеоотзывы покупателей и создадите интерактивные shoppable videos прямо на страницах товаров.
  • Можно ли закрепить видео в углу экрана в Shopify?
    Да, с помощью WEBSET вы можете добавить видео-виджет в любой угол вашего магазина на Shopify. Доступны гибкие настройки позиционирования, автоматического появления и скрытия видео.
  • Как вставить YouTube или Vimeo видео на страницу товара Shopify?
    Откройте нужный товар, переключитесь в режим HTML и вставьте embed-код с YouTube или Vimeo. Для адаптивного отображения используйте responsive контейнер или специализированные Shopify video apps.
← Перейти ко всем статьям