Видвиджет добавляет на сайт Tilda видео в углу экрана: небольшой вертикальный ролик играет без звука, а по нажатию раскрывается и начинается сначала со звуком. Под видео можно поставить кнопку, которая ведёт к форме заявки, в мессенджер или в каталог. Подключается одной строкой кода, без плагинов и без правки страниц.
Ниже: чем такой виджет отличается от видеоблоков Tilda, как поставить его на весь сайт или на одну страницу, какие настройки выбрать и сколько это стоит.
Что увидит посетитель сайта на Tilda
Когда страница загрузилась, в левом или правом нижнем углу появляется карточка с роликом размером 130 на 180 пикселей. Видео в ней играет без звука и по кругу, поэтому не мешает читать страницу, но притягивает взгляд: движение в углу экрана замечают почти все.
Посетитель нажимает на карточку, и она раскрывается до 280 пикселей в ширину. Ролик начинается сначала и уже со звуком. Есть кнопки паузы, звука и закрытия, а под видео ваша кнопка с призывом: «Записаться», «Получить расчёт», «Написать в WhatsApp». Если посетитель закрыл виджет, его можно не показывать этому человеку ближайшие сутки: так виджет не раздражает тех, кому он не интересен.
Виджет работает поверх любого шаблона Tilda и не меняет вёрстку страниц. Его можно показать на всём сайте сразу или только на нужных страницах.
Чем видеовиджет отличается от видеоблоков Tilda
В Tilda есть блоки для видео: ролик с YouTube или другого хостинга, видео на обложке первого экрана. Они хороши, когда видео и есть содержание страницы. Но у них общее ограничение: блок стоит в потоке страницы. Посетитель увидит его, только если долистает до нужного места, а запускать ролик со звуком он должен сам.
Видеовиджет работает иначе:
- Виден сразу и на любой прокрутке. Карточка закреплена в углу экрана и не уезжает при прокрутке.
- Не занимает место в макете. Не нужно перестраивать первый экран или искать, куда вставить ещё один блок.
- Ведёт к действию. Кнопка под видео открывает форму, страницу или мессенджер.
- Один ролик на весь сайт. Код в настройках сайта показывает виджет на всех страницах, включая те, что вы создадите позже.
- Статистика. В кабинете видно, сколько раз виджет показали, сколько раз его открыли и нажали на кнопку. Открытия и нажатия можно отправлять целями в Яндекс Метрику и событиями в Google Analytics.
Блоки Tilda и виджет не мешают друг другу: можно оставить подробное видео о компании в блоке страницы, а в углу показать короткое приветствие на 15–30 секунд.
Как установить видеовиджет на Tilda
Понадобится аккаунт в Видвиджете и доступ к настройкам сайта на Tilda. Свой HTML-код Tilda разрешает добавлять на платных тарифах Tilda.
- Зарегистрируйтесь по e-mail: пароль не нужен, придёт код.
- Создайте видеовиджет и загрузите ролик. Подойдут файлы MP4, MOV, AVI, WMV, MKV и WEBM до 300 МБ. Лучше вертикальное видео 9:16: у горизонтального в карточке будет видна только середина кадра.
- В настройках виджета скопируйте код из окна «HTML-код для вставки на сайт». Это одна строка вида
<script src="https://app.vidwidget.ru/s/…/"></script>. - На Tilda откройте «Настройки сайта» → «Ещё» → «HTML-код для вставки внутрь Head» и нажмите «Редактировать код».
- Вставьте код, сохраните и переопубликуйте все страницы. Без переопубликации код на страницах не появится.
Подробная инструкция со скриншотами каждого шага: установка видеовиджета на Tilda.
Если виджет нужен только на одной странице
Не вставляйте код в настройки сайта. Добавьте на нужную страницу блок HTML-кода (T123 в разделе «Другое»), вставьте в него код виджета и опубликуйте страницу. Так можно сделать разные виджеты для разных посадочных: на странице услуги видео об услуге, на странице команды приветствие руководителя.
Настройки, которые стоит проверить на сайте Tilda
Угол экрана
На сайтах Tilda в нижних углах часто уже есть кнопка мессенджеров, виджет чата или баннер cookie. Выберите для видеовиджета свободный угол: расположение слева или справа задаётся в настройках. Для телефонов есть отдельный пункт «Инверсия расположения на мобильных», он переносит виджет в другой угол только на телефоне.
Показ на телефонах
Пункт «Отображать виджет на мобильных» включает виджет на смартфонах. Если большая часть посетителей приходит с телефона, проверьте страницу на телефоне: карточка не должна закрывать кнопку заказа или меню.
Кнопка и форма заявки Tilda
Кнопка под видео принимает ссылку на страницу, адрес мессенджера (например, https://t.me/… или https://wa.me/…) или якорь блока на этой же странице. У каждого блока Tilda есть свой якорь вида #rec123456: его видно в настройках блока. Укажите якорь блока с формой, и кнопка прокрутит страницу прямо к форме. Текст кнопки до 64 символов, открыть ссылку можно в той же или в новой вкладке.
Если нужно открыть всплывающую форму или выполнить свой код, кнопка может вызвать вашу функцию JavaScript: как это настроить.
Цели в Яндекс Метрике
Включите интеграцию с Метрикой в настройках виджета и укажите номер счётчика сайта. Виджет будет отправлять две цели: открытие виджета и нажатие на кнопку. По ним видно, сколько заявок пришло после просмотра ролика. Пошагово: цели Видвиджета в Яндекс Метрике.
Оформление
На платных тарифах можно перекрасить кнопку под фирменные цвета сайта, добавить обводку вокруг видео, таймлайн и короткий текст поверх превью, например «Нажмите, чтобы послушать». Подробнее на странице PREMIUM.
Какое видео поставить на сайт Tilda
Лучше всего работают короткие ролики, где человек говорит прямо в камеру. Несколько идей:
- Видеоприветствие на главной: кто вы, чем поможете и что сделать дальше.
- Видеоотзыв на странице услуги или тарифа: клиент своими словами о результате.
- Видеообзор на странице товара: товар в руках и в работе.
- Видеообращение на посадочной акции или мероприятия.
- Видеовизитка компании или специалиста.
На каждой из этих страниц есть готовые сценарии на 15 и 30 секунд. Снять ролик можно на обычный телефон: как снять видео для сайта на телефон.
Сколько стоит видеовиджет для Tilda
Цена не зависит от платформы сайта. После регистрации 14 дней доступны все функции, кроме White Label. Потом аккаунт сам переходит на бесплатный тариф, виджеты не удаляются.
- Free: бесплатно, 1 видеовиджет и 1 виджет Историй, 5 000 показов в месяц. Подробнее: бесплатный видеовиджет.
- Lite: 490 ₽ в месяц, до 10 виджетов, показы без ограничений.
- Pro: 990 ₽ в месяц, до 50 виджетов.
- Business: 2 990 ₽ в месяц, до 100 виджетов и White Label.
При оплате за год скидка 20%. Все условия на странице Цены.
Поставьте видео в угол своего сайта на Tilda
Регистрация по e-mail, виджет и код для Tilda будут готовы, как только вы загрузите ролик.
Попробовать бесплатно Посмотреть тарифы
14 дней все функции, затем бесплатный тариф Free. Карта не нужна.
Частые вопросы о видеовиджете для Tilda
Нужен ли плагин или платный блок Tilda?
Плагин не нужен. Видеовиджет подключается одной строкой кода в настройках сайта Tilda или в блоке HTML-кода на странице. Свой HTML-код Tilda разрешает добавлять на платных тарифах Tilda.
Можно ли показать виджет только на одной странице сайта Tilda?
Да. Вставьте код не в настройки сайта, а в блок HTML-кода (T123) на нужной странице и опубликуйте её. На остальных страницах виджета не будет.
Как сделать, чтобы кнопка в виджете открывала форму заявки на Tilda?
Укажите в ссылке кнопки якорь блока с формой, например #rec123456, или адрес страницы с формой. Кнопка может открыть ссылку в той же вкладке, тогда посетитель останется на сайте.
Виджет перекрывает кнопку мессенджеров или баннер cookie. Что делать?
Поставьте виджет в другой угол: в настройках есть расположение слева или справа, а для телефонов отдельно включается инверсия расположения.
Замедлит ли виджет сайт на Tilda?
Код виджета — один небольшой скрипт. Сам виджет и видео начинают загружаться, когда страница уже готова, а загруженный ролик сервис заранее перекодирует в формат для показа на сайте.
Сколько стоит видеовиджет для Tilda?
Так же, как для любого сайта: бесплатный тариф Free (1 видеовиджет, 5 000 показов в месяц) и платные Lite за 490 ₽, Pro за 990 ₽ и Business за 2 990 ₽ в месяц. Первые 14 дней доступны все функции.