Плавающий видеовиджет с CTA-кнопкой для сайта на 1С-Битрикс: видео-превью, раскрытие в плеер, Carousel/Stories, условия показа, расписание, сегменты аудитории, статистика и Яндекс.Метрика.
Модуль «Видеовиджеты» помогает добавить на сайт интерактивный видео-блок для вовлечения посетителей и повышения конверсии. Виджет показывает компактное preview-окно на странице, раскрывается в аккуратный видеоплеер и может вести пользователя к целевому действию: заявке, звонку, переходу по ссылке, клику по элементу страницы, добавлению товара в корзину или мессенджеру.
Модуль подходит для промо-роликов, видеообращений, презентаций услуг, карточек товаров, лендингов, консультационных сценариев и коротких видео-воронок. Все основные настройки выполняются из административной части 1С-Битрикс без правки шаблонов.
Основные возможности
- Загрузка видео и постеров локальными файлами. - Фото-виджет без видео: можно использовать только изображение-постер. - Отдельное короткое видео для preview-окна. - Несколько самостоятельных виджетов в отдельном центре управления. - Индивидуальные настройки для каждого виджета: видео, постер, формат, позиция, CTA, страницы, устройства, аудитория и расписание. - Форматы: вертикальный, квадратный, горизонтальный, круглый preview, Inline, Video Carousel и Video Stories. - Carousel и Stories с несколькими роликами, отдельными постерами, заголовками и подписями. - Гибкое позиционирование: снизу, сверху, по центру и сбоку. - Ручные размеры preview и раскрытого блока. - Настройка цветов кнопки, рамки, hover-рамки, прогресса, крестика, звука, текста и Play-кнопки. - Настройка тени и анимации появления. - Автозапуск preview, повтор видео, верхняя полоса прогресса, кнопка звука и отключаемый таймер. - Полное отключение CTA-кнопки или настройка её текста, цвета, hover-цвета, скругления, размера, ширины и CSS-класса. - CTA-действия: ссылка, CSS-селектор, добавление товара в корзину, телефон, email, WhatsApp, Telegram. - Условия показа по страницам и устройствам. - Сегменты аудитории: авторизация, группы пользователей, корзина, новый/повторный посетитель, GET/UTM-параметры. - Сценарии появления: сразу, по таймеру, по скроллу, при попытке ухода, после бездействия. - Расписание показа по дням недели и времени, включая отдельное гибкое расписание по каждому дню. - A/B-тестирование. - Внутренняя статистика: показы, открытия, клики CTA, досмотры, страницы, видео и последние события. - Отчет эффективности видео: Open Rate, средний просмотр, досматриваемость и CTA CTR. - Настраиваемый срок хранения статистики. - Передача событий в Яндекс.Метрику, включая настраиваемые цели.
Центр управления виджетами
Модуль содержит отдельную страницу «Виджеты», где можно создать несколько независимых видеовиджетов. Например:
- Один виджет для главной страницы; - Второй виджет для страниц товаров; - Третий виджет для лендинга; - Отдельный Carousel или Stories для промо-страницы.
Каждый виджет имеет собственные условия показа и оформление, поэтому не нужно ограничиваться одним глобальным видео на весь сайт.
Статистика и аналитика
Встроенная статистика помогает понять, как посетители взаимодействуют с видео:
- Сколько раз виджет был показан; - Сколько пользователей открыли видео; - Сколько раз нажали CTA; - Какие ролики досматривают лучше; - Какие страницы дают больше взаимодействий; - Как отличаются ролики в Carousel/Stories или ротации.
Для внешней аналитики можно включить отправку событий в Яндекс.Метрику и задать собственные имена целей.
Для кого подходит
- Интернет-магазины; - Сайты услуг; - Лендинги; - Корпоративные сайты; - Проекты с видеоотзывами, видеообращениями, демонстрациями продукта или консультационными сценариями.
1. Откройте «Маркетинг → Видеовиджеты → Настройки». 2. Убедитесь, что настройка «Включить виджет» активна. 3. Загрузите основной видеофайл или создайте отдельный виджет на странице «Виджеты». 4. При необходимости загрузите постер. 5. Выберите формат виджета: вертикальный, квадратный, горизонтальный, круглый, Inline, Carousel или Stories. 6. Настройте позицию виджета на странице. 7. Настройте CTA-кнопку: текст, цвет, действие и ссылку. 8. Нажмите «Сохранить».
Создание нескольких виджетов
1. Откройте «Маркетинг → Видеовиджеты → Виджеты». 2. В блоке «Новый виджет» отметьте галочку «Активен». 3. Загрузите видеофайл и, при необходимости, постер. 4. Укажите название виджета для удобства в админке. 5. Выберите формат, позицию и условия показа. 6. Для Carousel или Stories добавьте дополнительные ролики в блоке «Ролики Carousel / Stories». 7. Нажмите «Сохранить виджеты».
Настройка условий показа
В настройках можно ограничить показ виджета:
- По страницам сайта; - По устройствам: десктоп или мобильные; - По сегментам аудитории; - По дням недели и времени; - По сценариям появления: сразу, по таймеру, по скроллу, при уходе со страницы или после бездействия.
Если условия не заданы, активный виджет показывается на всех страницах, где разрешен вывод модуля.
Поддержка решения «Видеовиджеты» осуществляется компанией Kommutator.net.