Как добавить видео-виджет на сайт Битрикс: пошаговое руководство
Введение
Визуальный контент — ключ к высокой вовлеченности пользователей. Если у вас сайт на Битрикс, добавление видео-виджета поможет выделить важную информацию, повысить конверсию и сделать контент вовлекающим.
Почему видео-виджет улучшит ваш сайт на Bitrix
- 🧲 Удержание посетителей – видео удерживает внимание в 2.6 раз дольше, чем текст
- 📈 Рост конверсии – сайты с видео способны повышать конверсию на ~80%
- ⏱️ SEO-преимущества – видеоконтент увеличивает время на странице, что может улучшить позиции в поиске
- 🎬 Легкость восприятия – посетителям проще понять сложную информацию, особенно полезно для презентации продуктов, товаров и услуг
- 🤝 Повышение доверия – видео помогает создать эффект живого общения, что увеличивает лояльность клиентов
Способы добавления видео в Битрикс
Ручное встраивание через код
Этот метод требует базовых знаний HTML и доступа к редактированию кода сайта. Вот краткая инструкция, как встроить видео на страницу вручную:
- Найдите место в коде страницы, где хотите разместить видео.
- Вставьте embed-код с YouTube или другого видеохостинга:
<iframe width="560" height="315" src="https://www.youtube.com/embed/%VIDEO_ID%" frameborder="0" allowfullscreen></iframe>
- Чтобы видео было адаптивным, оберните <iframe> в контейнер:
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/%VIDEO_ID%" frameborder="0" allowfullscreen></iframe></div>
- ✅ Плюсы: полный контроль над результатом, отсутствие сторонних зависимостей.
- ❌ Минусы: требует знаний программирования, трудно поддерживать.
Использование плагинов и модулей
Во многих CMS есть готовые решения для добавления видео. Они позволяют вставлять видеоролики без необходимости изменять код сайта. Чаще всего такие модули поддерживают популярные видеохостинги, такие как YouTube и RUTUBE, а также загрузку собственных файлов.
- ✅ Плюсы: Простота, быстрая установка, минимум технических знаний.
- ❌ Минусы: Иногда ограниченный функционал, возможные конфликты с другими плагинами.
Добавление через no-code платформу
WEBSET позволяет добавлять видео-виджеты на сайт без редактирования кода. Вам необходимо один раз разместить на сайте код инициализации от WEBSET, после чего вы сможете добавлять любые виджеты на ваш сайт в несколько кликов.
- Зарегистрируйтесь в WEBSET -> скопируйте в личном кабинете код инициализации
- Перейдите в свою учетную запись Bitrix
- В левом меню выберите «Настройки»
- Выберите раздел «Настройки продукта» -> «Сайты» -> «Шаблоны сайтов»
- Выберите нужный шаблон сайта
- Разместите код инициализации перед закрывающимся тегом </head>
- Нажмите кнопку «Сохранить»
Часто задаваемые вопросы (FAQ)
- Что такое видео-виджет и зачем он нужен?
Видео-виджет – это интерактивный элемент, который позволяет встроить видео на сайт без кода. Он помогает привлекать внимание, увеличивать вовлечённость пользователей и повышать конверсию. - Как сделать видео-виджет для сайта?
Чтобы создать видео-виджет, используйте WEBSET:- Зарегистрируйтесь и создайте новый виджет
- Загрузите ваше видео.
- Настройте размер, положение, стиль и условия показа.
- Единожды скопируйте код установки и вставьте его на сайт.
- Теперь вы можете добавлять любые видео-виджеты на ваш сайт без кода.
- Где скачать скрипт видео-виджета для сайта?
WEBSET предлагает удобное решение без необходимости скачивания и настройки скриптов. Вы один раз добавляете на сайт код установки и получаете возможность простого добавления любых наших плагинов на сайт. - Как работает плагин для видео с YouTube и RUTUBE?
Вы можете самостоятельно скачать видео из YouTube и любого другого сервиса и загрузить его в виджет. - Как вставить видео с RUTUBE на сайт?
Вы можете вставить видео с рутуб на сайт вручную или с помощью WEBSET:- Стандартный способ: скопируйте embed-код RUTUBE и вставьте его в HTML.
- WEBSET: создайте видео-виджет, вставьте ссылку на ваше видео из RUTUBE и настройте внешний вид в удобном редакторе — справится даже новичок!