Расположение формы влияет на конверсию
Предположим, у вас классный сайт. Вы зарядили денег в рекламу, подготовили welocome-цепочку и ждете подписчиков. Теперь все зависит от формы. Если она хороша и стоит в правильном месте, база будет расти быстро. Если она не очень и стоит не там — медленно.
Какую форму выбрать? Куда ее поставить, чтобы не сливать трафик сайта? Разберемся в этой статье.
Есть четыре основных фактора, от которых зависит, будет ли ваша форма подписки успешной или простаивать впустую.
Для начала, разберемся, что влияет на успех формы подписки:
Подробнее все эти (и другие) факторы и то, как они влияют на эффективность формы, разобрали в отдельной статье. О том, как создать эффективный сайт, привлекающий трафик и заставляющий посетителей на него возвращаться, у нас в «Конверте» есть несколько материалов, включая подробную инструкцию и примеры для вдохновения, тщательно подобранные профессиональным дизайнером.
Ниже мы остановимся не на содержании или внешнем виде, а именно на вариантах расположения формы на сайте. Здесь только скажем, что действительно работающая форма должна быть заметной и простой для заполнения. Если в ней будет много полей, капчи и другие препятствия, размещение в самом правильном месте не сделает её рабочей. Аналогично: самая красивая и привлекательная форма подписки не будет работать, если поставить её не там.
Если вы хотите увеличить базу подписчиков, форма всегда должна быть на виду. Рассмотрим основные виды места расположения подписных форм и ситуации, когда их лучше использовать.
Один из классических — но не всегда самых эффективных — способов разместить форму подписки.
Преимущества:
Недостатки формы подписки в подвале:
Когда использовать. Чтобы работало — только как дополнительное поле, совмещая с другими местами размещения. Например, если человек пропустил поп-ап, а потом доскроллил и решил подписаться, форма в подвале ему точно пригодится.
Целая страница, которая выделена под форму подписки.
Преимущества подписной страницы:
Недостатки подписной страницы:
Когда использовать. Подписная страница хорошо работает, если привязана к отдельному лид-магниту. Можно подробно описать продукт, объяснить его преимущества и подвести пользователей к подписке.
Также этот вариант хорош, если у вас есть разные опции подписки (например, на еженедельную и ежемесячную рассылку) — на отдельной странице можно всё доступно объяснить.
Такие формы часто расположены в футере страницы. Они вклиниваются в верстку сайта в виде полосы и контрастируют на фоне других элементов. Либо дополняют дизайн.
Преимущества:
Недостатки:
Когда использовать. Форму можно поместить на все страницы сайта как постоянный элемент дизайна. Если сделать высоту формы поменьше, можно добавить её в шапку — пользователям не нужно будет скроллить вниз страницы, чтобы подписаться.
Сайдбар размещается сбоку от основной ленты сайта.
Преимущества:
Недостатки:
Когда использовать. Сайдбар подойдет, если на сайте есть дополнительная боковая колонка. Обычно в ней располагается меню, баннеры, контекстная реклама и анонсы. Лучше вставлять форму в сайдбар повыше — тогда его увидят больше пользователей. Как вариант — сделать сайдбар плавающим, чтобы он всегда был виден пользователю.
Hello-bar — выезжающее или всплывающее окно в шапке сайта. Оно прилипает к верхней части экрана и движется за пользователем.
Преимущества hello-bar:
Недостатки hello-bar:
Когда использовать. Hello-bar подходит, чтобы сделать короткое предложение:
Если нужно подробно описать предложение, рассказать о преимуществах или добавить картинки, hello-bar не подойдет. Лучше использовать формат, на котором все это поместится, — отдельную подписную страницу или всплывающие окна.
Пользователь заходит на сайт, проводит на нем какое-то время и тут — бац! — выезжает всплывающее окно.
Преимущества всплывающих окон:
Недостатки всплывающих окон:
Когда использовать. Всплывающие окна можно добавить на любую страницу сайта. Но не будьте навязчивы — это может ухудшить конверсию. Как этого не допустить:
Работают как обычные всплывающие окна, но с одним условием: они появляются, когда пользователь хочет закрыть страницу.
Преимущества такие же, как у обычных всплывающих форм, кроме одного — форма для сбора exit-трафика не вторгается во взаимодействие пользователя с сайтом.
Из недостатков: форма может появиться случайно, когда пользователь направит курсор в верхнюю часть экрана. Это странно, когда мне говорят «Не уходите!», а я и не собирался:
Когда использовать. Такая форма хорошо сработает, чтобы предложить бонус или скидку. Пользователь уже закрывает сайт, а ему предлагают чек-лист, книгу или участие на вебинаре. И всего за email!
Форма для захвата exit-трафика хорошо работает с другими формами подписки: сайдбаром, инлайн-формой или hello-bar. С обычной всплывающей формой ее лучше не использовать — многие пользователи не оценят такую навязчивость.
Обычно ее размещают в блогах. Пользователь прочитал статью, а ему предлагают получать новые материалы на почту:
Преимущества:
Недостатки:
Когда использовать. Форму можно поставить не только после статей в блоге, но и на других страницах, где есть полезный материал: в базе знаний, после описания товара или в конце раздела «Анонсы».
Такая форма подписки подходит в качестве дополнительной точки входа. Если сделать ее основной, то многие клиенты ее просто не найдут.
Вы оформляете заказ, и в одном из полей вам предлагают подписаться на рассылку.
Преимущества:
Недостатки:
Когда использовать. Подойдет для любого интернет-магазина, сервиса или другого сайта, где предполагается покупка / регистрация. Круто, когда подписчики отсюда попадают в отдельный список, по которому запускается специальная цепочка писем, например, допродажная серия.
Но осторожно: многие компании указывают email обязательным полем и автоматически подписывают пользователей, оставивших почту, на рассылку. В чем тут проблема:
Без согласия пользователя вы имеете право отправлять ему только транзакционные письма, например, оповещать о смене статуса заказа. Мы писали, как правильно получить согласие на маркетинговую рассылку.
Необычный, но встречающийся вариант — когда форма подписки ставится в ряд с другим контентом.
Преимущества:
Недостатки:
Когда использовать. Когда на сайте есть место или раздел, где форма будет уместнее всего. В такой форме лучше не переусердствовать с визуалом и текстом — а вот кнопка действия должна быть яркой и заметной.
Если компания часто общается с клиентами в чатах, можно собирать email-адреса там. Например, обучить операторов поддержки или отдела продаж запрашивать email. Так как пользователь сам начинает общение с брендом, скорее всего, конверсия в подписку будет высокой.
Некоторые компании предпочитают пополнять базу email с помощью чат-ботов. Такой автоматический помощник может самостоятельно спрашивать контакт клиента и передавать в базу сервиса рассылки.
Во ВКонтакте тоже можно добавить форму с предложением подписаться:
Преимущества:
Недостатки:
Когда использовать. Если вам нужно подтянуть людей из социальных сетей, то это — самое то. Кстати, у нас есть отдельная статья про то, как объединить соцсети и email-рассылки.
Чтобы заставить форму подписки работать на вас максимально эффективно, используйте при выборе места для размещения эти несколько правил.
Самодостаточных форм подписки нет. Чтобы привлечь больше подписчиков нужно использовать несколько форм — тогда охват аудитории увеличится.
Формы работают лучше, если они не похожи друг на друга. Тогда пользователи, которые прошли мимо одного предложения, могут заинтересоваться другим и подписаться на рассылку.
Дополняйте формы лид-магнитами и другими «плюшками». В идеале — тоже разными в разных местах. Под статьёй в блоге можно предложить подборку материалов или инструкцию по теме, в попапе — триал или скидку.
Сегментируйте аудиторию. Не показывайте формы в попапах тем, кто уже подписан на рассылку. Тем, кто зарегистрирован на сайте, но от подписки отказался, предложите за неё один бонус, а тем, кто впервые зашел на сайт — другой.
Адаптируйте под мобильные устройства. Значительная часть трафика приходит на сайты именно с мобильных устройств. И если, например, ваш сайдбар сворачивается в скромное меню или уходит под «гамбургер», а там размещена форма подписки — значит, ей нужно искать другое место как минимум в мобильной версии.
Тестируйте. Существует множество факторов, от когнитивных искажений человека до технических нюансов, которые сложно предусмотреть заранее. Проверяйте различные гипотезы и фиксируйте результаты, чтобы в итоге найти идеальное решение.
Читайте только в Конверте
Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.
Проверяйте почту — письмо придет в течение 5 минут (обычно мгновенно)
