TEASEDocs
На русском

Конструктор лендинга

Простыми словами — как настроить фон, полноэкранный режим на ПК, медиа-плитки, видео и удержание посетителя. Всё редактируется в панели как черновик и включается кнопкой «Опубликовать».

Эта страница — про внешний вид и «оживление» вашего лендинга: фон (картинка и видео), режим во весь экран на компьютере, плитки с медиа вместо обычных кнопок и приёмы удержания уходящего посетителя.

Всё это настраивается в панели, мышкой — писать код или дёргать API не нужно. Любое изменение сначала попадает в черновик: боевая страница не меняется, пока вы не нажмёте «Опубликовать». Справа всегда есть живое превью — сразу видно, что получится. Не понравилось — «Сбросить черновик», и всё вернётся как было.

Где это в панели

Откройте домен → вкладки «Дизайн» (фон, режим ПК, видео-фон, стиль кнопок) и «Лендинг» (кнопки, медиа-плитки, удержание). Меняете → смотрите превью → «Опубликовать».

Фон страницы

Фон — это подложка под ником и кнопками. Задумано так, чтобы одна и та же страница красиво смотрелась и на телефоне, и на компьютере, поэтому фон задаётся отдельно под разные экраны. Вы загружаете фото, кадрируете его прямо в панели (можно двигать и приближать) — система сама сделает из него все нужные размеры.

Мобильный

Вертикальное фото для телефонов. Главный фон — его видит большинство посетителей.

Десктопный

Фото для компьютера, под «карточку» по центру экрана.

ПК во весь экран

Широкое фото 16:9, когда лендинг занимает весь монитор (см. ниже).

Видео-фон

Короткий беззвучный ролик поверх фото — оживляет страницу.

Если загрузили только мобильный фон

Ничего не сломается: на компьютере покажется то же фото. Отдельные десктопный и широкий фон — по желанию, чтобы на большом экране смотрелось идеально.

Как загрузить и опубликовать фон

Домен → «Дизайн». Наверху выберите, какой фон грузите: мобильный, десктопный или ПК во весь экран.
Загрузите фото, при желании подвиньте/приблизьте кадр в редакторе.
Посмотрите превью справа — переключатель телефон/ПК показывает оба вида.
Нажмите «Опубликовать». Готово — боевая страница обновилась.

Цвет холста

Пока фото грузится (или если фона нет), за карточкой виден сплошной цвет. Задайте его в тон вашему фото, чтобы не мелькал тёмный прямоугольник. Настраивается там же, в «Дизайне».

Лендинг на ПК: карточка или во весь экран

По умолчанию на компьютере ваша страница показывается как карточка-телефон по центру — ровно как на мобильном, просто в рамке. Это привычно и всегда аккуратно.

Если хотите, чтобы на большом экране было эффектнее, включите режим «Во весь экран» — фон и кнопки заполнят весь монитор.

Домен → «Дизайн» → карточка «Лендинг на ПК».
Переключите «Карточка-телефон» → «Во весь экран».
Настройте колонку с кнопками: слева / по центру / справа, её ширину и затемнение фона (чтобы кнопки и ник читались поверх яркого фото).
Загрузите широкий фон «ПК во весь экран» (вкладка фона рядом) — иначе широкий экран заполнит растянутый обычный кадр.
Переключите превью на режим ПК и проверьте. «Опубликовать».

Телефоны это не трогает вообще — там всё как было. Режим ПК влияет только на большие экраны.

Медиа-плитки и тизеры на кнопках

Обычная кнопка — это подпись и иконка. Можно сделать интереснее: добавить к кнопке видео или фото. Ссылка, отслеживание переходов и A/B-тесты при этом работают как обычно — это всё та же кнопка, просто выглядит иначе.

Есть два вида показа:

Плитка вместо кнопки

Вместо подписи — картинка или короткое видео на всю ширину. Две плитки подряд встают в сетку по две в ряд.

Мини-видео у иконки

Маленький ролик крутится на месте круглой иконки, кнопка остаётся кнопкой.

Плитки с замком — «тизер закрытого»

Это ваш главный приём: показать размытую плитку с замком и подписью «FREE» или ценой. Посетитель видит, что там что-то есть, и жмёт, чтобы открыть.

Домен → «Лендинг» → откройте нужную кнопку → вкладка «Медиа».
Загрузите видео/GIF (сделаем короткий беззвучный луп) или фото.
Выберите «Плитка вместо кнопки», задайте формат (квадрат, вертикаль и т.д.).
Включите размытие и замок, впишите подпись — например «FREE» или «$5».
При желании добавьте подпись внизу плитки. «Опубликовать».

Клик по плитке = клик по кнопке

Куда ведёт кнопка, туда ведёт и плитка. Деньги и статистика переходов считаются так же — вы ничего не теряете, просто оформление живее.

Видео-фон

Короткий беззвучный ролик можно поставить фоном всей страницы — поверх фото. Фото остаётся под видео: оно показывается мгновенно, пока ролик подгружается, и как запасной вариант, если телефон не разрешил автозапуск видео. Хорошо смотрится живой фон — дым, вода, лёгкое движение.

Домен → «Дизайн» → карточка «Видео-фон».
Загрузите видео или GIF. Мы возьмём первые несколько секунд, уберём звук и сожмём под мобильный интернет.
Под карточкой появится плеер — проверьте, как выглядит.
«Опубликовать». Убрать видео — кнопкой «Убрать видео» (фото-фон останется).

Размер видео

Берите ролик примерно до 90 МБ. Совсем тяжёлые файлы (сотни МБ) могут не загрузиться. Если у вас длинное видео с телефона — обрежьте до нескольких секунд перед загрузкой.

Удержание посетителя

Три инструмента, чтобы человек не ушёл просто так. Все — во вкладке «Лендинг» → «Удержание» (кроме «в новой вкладке» — она в стиле кнопок).

Ловушка на выходе

Когда посетитель на компьютере ведёт курсор вверх (к закрытию вкладки), всплывает карточка — например «Уходишь? Забери бесплатные превью…». Показывается один раз за визит, чтобы не надоедать.

«Лендинг» → «Удержание» → включите «Ловушка на выходе».
Впишите заголовок, текст и надпись на кнопке.
Ссылка кнопки — куда вести (например, ваш Telegram-канал). Оставите пустой — кнопка поведёт на главную кнопку лендинга.

Таймер срочности

Отсчёт над кнопками — «Предложение сгорит через 14:59…». У каждого посетителя свой таймер от момента захода. Создаёт ощущение, что тянуть нельзя.

«Лендинг» → «Удержание» → включите «Таймер срочности».
Задайте, на сколько минут отсчёт, и подпись (например «Скидка сгорит через»).

Таймер — только на лендинге

На самой странице таймер можно. А вот в рекламном объявлении его ставить нельзя — рекламные сети (например TrafficJunky) это запрещают. Поэтому он живёт здесь, на лендинге.

Открывать ссылки в новой вкладке

Галочка, после которой все ссылки лендинга открываются в новой вкладке (ваша страница остаётся открытой). Некоторые рекламные сети этого требуют.

Домен → «Дизайн» (или «Лендинг») → «Стиль всех кнопок» → этап «Анимация».
Включите «Открывать в новой вкладке». «Опубликовать».

Стопка тизеров (карусель)

Вместо одной плитки-тизера можно показать стопку до 8 закрытых карточек — посетитель пролистывает её свайпом, или карточки сами сменяются по кругу.

Домен → «Лендинг» → вкладка «Стопка».
Добавьте карточки — фото или короткое видео, для каждой можно задать заголовок, подпись и замок.
Выберите поведение: закреплённая (верхняя карточка «прилипает» и уступает место следующей), со сменой или карусель — и направление (вниз / вверх / горизонтально).
При желании включите точки-индикаторы снизу/сбоку. «Опубликовать».

Закреплённая CTA-панель

Тонкая панель с кнопкой, которая остаётся на экране при скролле — не даёт забыть про главный призыв к действию, пока посетитель листает страницу.

Домен → «Лендинг» → вкладка «Закреплённая панель».
Впишите текст (и, при желании, подпись помельче) и ссылку кнопки.
Настройте цвет панели, прозрачность и когда она появляется — сразу или после прокрутки на заданную долю страницы.

Свободный холст и объекты

Обычно кнопки идут одной колонкой сверху вниз. Режим «Свободный холст» снимает это ограничение: кнопки и дополнительные элементы (текст, картинка, видео, иконка, фигура, тизер, бейдж-счётчик) можно расставить где угодно на странице — до 40 элементов.

Домен → «Дизайн»«Раскладка» → переключите «Колонка» → «Свободный холст».
Перетаскивайте кнопки прямо в превью; добавляйте новые элементы через «+ Объект» и позиционируйте так же.
«Опубликовать».

Недоступно на дизайне «Спотлайт»

Свободный холст работает на дизайне «Классика». Дизайн «Спотлайт» (второй встроенный дизайн — фото-герой зафиксировано за кнопками, с настройкой фокуса, зума и размытия снизу) держит свою раскладку и холст не подключает.

Правила появления

По умолчанию все элементы видны сразу. Можно задать, что кнопка, объект или даже фон появляются по своему триггеру: через задержку в секундах, после прокрутки страницы на процент, по первому касанию экрана или когда посетитель уже собрался уходить.

Выберите элемент в конструкторе → вкладка «Появление».
Задайте триггер (сразу / задержка / скролл / касание / уход) и, если нужно, значение (секунды или процент прокрутки).
«Один раз за визит» или «в каждой сессии» — решает, запоминать ли, что элемент уже появлялся.

Частые вопросы

On this page