Как добавить видео-виджет на сайт WordPress: пошаговая инструкция

Введение

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

Преимущества видео-виджета для сайта на WordPress

  • 🎥 Удержание аудитории – пользователи остаются на сайте дольше
  • 📈 Рост конверсии – видео увеличивает вовлеченность и кликабельность
  • 🔍 Улучшение SEO – видео-контент помогает подняться в поисковой выдаче
  • 💡 Упрощение восприятия – видеоролики позволяют легко донести сложную информацию
  • 🙏 Повышение доверия – живой контент помогает наладить контакт с аудиторией и повысить лояльность

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

Вставить видео вручную

Если вам нужно встроить видео в статью или на страницу без установки дополнительных плагинов, WordPress предлагает удобное решение:

  • Откройте редактор WordPress и создайте новую запись или страницу.
  • Вставьте ссылку на видео с YouTube, RUTUBE или другого видеохостинга – WordPress автоматически превратит её в плеер.
  • При необходимости настройте размеры и расположение.
  • ✅ Плюсы: нативный способ, гарантирует корректное отображение на разных устройствах.
  • ❌ Минусы: сильно ограниченный функционал, нет возможности стилизовать видео.

Использование плагинов

В каталоге WordPress широкий выбор решений для работы с видео, наиболее популярные видео плагины вордпресс:

  • ✅ Плюсы: Можно настраивать видео без изменения кода страницы.
  • ❌ Минусы: Возможна несовместимость с другими плагинами, бесплатный функционал может быть сильно ограничен.

No-code решение от WEBSET

Платформа WEBSET предоставляет мощный функционал по добавлению видео-виджетов на сайт. Достаточно один раз установить код инициализации и вы легко и быстро сможете добавлять виджеты на сайт WordPress.

  • Зарегистрируйтесь в WEBSET и скопируйте код инициализации.
  • Откройте панель администратора WordPress и войдите в свою учетную запись
  • Выберите в левом меню пункт «Плагины» -> «Добавить новый»
  • В поисковой строке вбейте «WPCode – Insert Headers and Footers»
  • Нажмите на кнопку «Установить» и затем «Активировать» у первого найденного плагина
  • Выберите в левом меню пункт «Сниппеты кода» -> «Шапка и подвал»
  • В секции «Заголовок (header)» вставьте код инициализации
  • Нажмите кнопку «Сохранить изменения»
Теперь вы можете добавить на сайт видео виджеты, попапы, баннеры и другие интерактивные элементы через личный кабинет — всего несколько кликов и виджеты появятся на вашем сайте ✨

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

  • Что такое видео-виджет и зачем он нужен?
    Видео-виджет — это интерактинвый способ отображения видео на сайте. С его помощью можно легко разместить видео в углу сайта или в любом ином месте на странице. Вы также можете настроить условия показа видео, добавить CTA-кнопку с задержкой и использовать другие интерактивные элементы для повышения вовлечённости — и все это без кода.
  • Можно ли бесплатно использовать видео-виджет?
    Да, платформа WEBSET предлагает бесплатный тариф с основными функциями. Вы можете протестировать видео-виджет без ограничений по времени и позже перейти на премиум-тариф с расширенными возможностями, если потребуется.
  • Как встроить видео с YouTube в HTML-код страницы вордпресс?
    Чтобы встроить YouTube-видео в HTML, используйте такой код: 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/%VIDEO_ID%" frameborder="0" allowfullscreen></iframe>
    Однако, WEBSET даёт больше возможностей – в простом и понятном редакторе можно настроить дизайн, условия показа, автозапуск и многое другое.
  • Как сделать видео с YouTube адаптивным?
    Чтобы YouTube-видео правильно отображалось на мобильных устройствах, просто оберните <iframe> в контейнер с CSS-правилом aspect-ratio: 16/9. WEBSET автоматически адаптирует видео под экраны пользователей.