Как разместить видео на сайте на 1С-Битрикс

Видео помогает показать продукт в действии, объяснить сложные вещи и удержать внимание посетителя. Это особенно важно, если вы продаёте технику, мебель, онлайн-сервисы или обучающие программы. Видео легче воспринимается, чем текст или изображения, и лучше доносит ценность вашего предложения.

На сайте 1С-Битрикс добавить видео можно разными способами: через медиабиблиотеку, визуальный редактор или вставку HTML-кода. В этой статье покажем, как это сделать и как превратить обычный видеоролик в инструмент сбора заявок с помощью QForm.

Через компонент «Медиабиблиотека»

Откройте Администрирование в панели 1С-Битрикс. Перейдите в раздел Контент -> Структура сайта.

В списке слева выберите раздел «Мультимедиа» → Видео.

Нажмите «Новая коллекция», задайте название и сохраните её.

В созданной коллекции нажмите «Новый элемент» и загрузите видеофайл с вашего компьютера. Сохраните элемент.

Перейдите на вкладку «Сайт» и включите режим редактирования страницы кнопкой «Изменить страницу».

В правой панели выберите раздел «Контент», затем «Медиа» и перетащите компонент «Медиа проигрыватель» на страницу.

Дважды кликните по этому компоненту. В параметрах найдите поле «Путь к файлу», нажмите кнопку «…» и выберите ранее загруженное видео из медиабиблиотеки. Сохраните параметры и страницу.

После этих действий видеофайл появится в указанном месте на странице и будет готов к воспроизведению.

Знаем какие формы могут увеличить число заявок с вашего сайта!

Получи бесплатно PDF и рекомендации для современных веб форм

Подскажем, какой видеовиджет увеличит вам конверсию на 30%

Получи бесплатно PDF с эффективными кейсами

Расскажите мне

Через вставку HTML-кода

Если у вас уже есть готовый iframe-код видео (например, с RuTube, Яндекс.Дзен или других платформ), его можно вставить вручную:

1. Откройте страницу с нужным видео на сервисе (например, на RuTube или Яндекс.Дзен) и найдите кнопку «Поделиться» или «Встроить» под плеером. Скопируйте iframe-код для вставки.

В Битрикс на вкладке «Сайт» нажмите «Изменить страницу» и в меню у кнопки выберите «В режиме HTML-кода».

Вставьте скопированный iframe-код в нужное место страницы в режиме HTML.

Сохраните изменения страницы — видео-плеер появится на сайте.

Таким образом можно вставить видео с любого видеохостинга. Подробную инструкцию по вставке видео с RuTube на сайт 1С-Битрикс смотрите в статье QForm.

Режим HTML-кода

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

Перейдите на страницу сервиса Дзен, найдите и откройте нужное видео.
Нажмите кнопку Поделиться под плеером и выберите «Встроить».

Скопируйте код фрейма

Вернитесь в Битрикс. находясь во вкладке «Сайт», откройте выпадающий список у кнопки Изменить страницу и выберите пункт «В режиме HTML-кода».

Вставьте скопированный ранее код в нужное место.

Нажмите кнопку Сохранить и видео появится на странице.

Видео привлекает внимание пользователей и удерживает их на сайте дольше. Если нужно иметь больше возможностей для настройки, то воспользуйтесь видеовиджетом QForm. Через простой и удобный интерфейс доступны настройки отображения, параметров запуска, кнопки CTA, а разместить ролик можно двумя строчками кода.

Готовое решение от QForm

Если вам нужно не просто встраивать видео, а получать конверсию, обратите внимание на видеовиджет QForm. Он позволяет очень просто добавить видео с расширенными возможностями: сервис QForm генерирует для вашего ролика небольшой скрипт (пару строк кода), который достаточно вставить в страницу – по аналогии с iframe, но с дополнительным функционалом. Код видеовиджета от QForm совместим с любыми платформами (Bitrix, Tilda, WordPress и др.), и интеграция не требует навыков программирования.

Преимущества видеовиджета QForm:

• Интерактивные элементы внутри видео. Видеоплеер QForm позволяет добавить прямо в ролик кнопку с призывом к действию (CTA) или форму сбора заявки
• Быстрая загрузка без рекламы. QForm хранит видео на надёжном CDN и подключает плеер асинхронно, благодаря чему ролик загружается быстро и без сторонней рекламы.
• Аналитика и CRM-интеграции. Все взаимодействия пользователя с видео фиксируются: просмотры, клики по кнопкам и отправки форм отправляются в системы аналитики и CRM.
• Гибкие настройки отображения. Вы можете задать автоматический старт видео (при загрузке страницы или по событию), установить обложку (превью), брендировать плеер под стиль сайта и многое другое.

Как использовать?

• E-commerce. Встраивайте обзорные ролики товаров с кнопками «Купить» или «Узнать цену», а также формами сбора заявки на консультацию прямо в видео. Видео-обзоры техники, мебели или одежды вместе с формой заказа заметно увеличивают продажи.
• SaaS / B2B. Демонстрируйте функционал сервиса или CRM-системы через видео с возможностью регистрации на демо или заказа обратного звонка прямо из ролика. Видео-тур или обучающее видео с формой «Свяжитесь с нами» ускоряет решение о покупке.
• Обучение. Добавляйте учебные ролики, курсы и тренинги с интерактивными тестами, квизами и формами обратной связи. Студенты могут отвечать на вопросы прямо в видео, а преподаватели – отслеживать прогресс.
• Саппорт (поддержка). Размещайте обучающие видео и туториалы с возможностью задать вопрос или оставить отзыв прямо во время просмотра. Это повышает удовлетворённость клиентов и снижает нагрузку на колл‑центр.

FAQ

Можно ли вставить видео из RuTube без загрузки файла?
Да. Для YouTube можно скопировать HTML-код через «Поделиться → Встроить» и вставить его на сайте в режиме HTML. Аналогично берут код с RuTube или Яндекс.Дзен. Инструкцию по RuTube-ресурсу см. в статье QForm. В Bitrix в режиме HTML-кода вставляется этот код в нужное место страницы.

Нужны ли специальные навыки программирования?
Нет. Раздел «Контент» в Bitrix позволяет добавлять видео через графический редактор без кода, а QForm сам генерирует нужный код плеера. Пользователю достаточно скопировать и вставить скрипт видеовиджета.

Как добавить форму для сбора заявок в видео?
Стандартный iframe-плеер это не поддерживает. В QForm можно включить форму прямо в видео: она появится в указанное время ролика. 

Улучшит ли QForm конверсию сайта?
Да. Поскольку QForm позволяет сделать видео интерактивным (встроить кнопку покупки или форму заявки) и отслеживать действия зрителей, посетители чаще совершают целевое действие. 

Будет ли видео замедлять загрузку сайта?
При правильной настройке — нет. QForm хранит видео на CDN и грузит его асинхронно, поэтому основной HTML сайта загружается без задержек. 

Какие форматы видео поддерживаются?
Bitrix и QForm работают с популярными видеоформатами (MP4, WebM и др.) и iframe-кодами. Для встроенных роликов используйте HTML5-видео (тег <video>) или iframe. QForm автоматически обрабатывает видео, конвертация не нужна.

Как проверить эффективность видео на сайте?
Вы можете анализировать просмотры и клики обычными инструментами веб-аналитики. С QForm доступна расширенная статистика: сервис фиксирует каждый просмотр, клик по кнопкам и отправку формы, отправляя данные в аналитику и CRM. По ним легко оценить, сколько лидов принесло конкретное видео.

Готовы увеличить конверсию?