Куда поставить форму подписки, чтобы наращивать базу и не сливать трафик

Предположим, у вас классный сайт. Вы зарядили денег в рекламу, подготовили welocome-цепочку и ждете подписчиков. Теперь все зависит от формы. Если она хороша и стоит в правильном месте, база будет расти быстро. Если она не очень и стоит не там — медленно.

Какую форму выбрать? Куда ее поставить, чтобы не сливать трафик сайта? Разберемся в этой статье.

Что влияет на успех формы подписки

Есть четыре основных фактора, от которых зависит, будет ли ваша форма подписки успешной или простаивать впустую.

Для начала, разберемся, что влияет на успех формы подписки:

1. Начинка: заголовок, текст и поля.
2. Формат и размещение на сайте: всплывающее окно, сайдбар, подписка при оформлении заказа.
3. Дополнительные способы повышения конверсии: подарки, адаптивный дизайн, размещение формы в нескольких местах.
4. Узнаваемость бренда и ощущения после просмотра сайта. Качественные тексты, крутой дизайн и поддержка адаптива повышают шанс подписки.

Подробнее все эти (и другие) факторы и то, как они влияют на эффективность формы, разобрали в отдельной статье. О том, как создать эффективный сайт, привлекающий трафик и заставляющий посетителей на него возвращаться, у нас в «Конверте» есть несколько материалов, включая подробную инструкцию и примеры для вдохновения, тщательно подобранные профессиональным дизайнером. 

Ниже мы остановимся не на содержании или внешнем виде, а именно на вариантах расположения формы на сайте. Здесь только скажем, что действительно работающая форма должна быть заметной и простой для заполнения. Если в ней будет много полей, капчи и другие препятствия, размещение в самом правильном месте не сделает её рабочей. Аналогично: самая красивая и привлекательная форма подписки не будет работать, если поставить её не там.

Подробнее об элементах конверсионной формы подписки 

Варианты расположения формы подписки

Если вы хотите увеличить базу подписчиков, форма всегда должна быть на виду. Рассмотрим основные виды места расположения подписных форм и ситуации, когда их лучше использовать.

Подвал

Один из классических — но не всегда самых эффективных — способов разместить форму подписки.

Преимущества: 

• если пользователь доскроллил, значит он очень замотивирован подписаться (или настолько увлекся вашим контентом, что тоже хорошо).
• не требует серьёзных дизайнерских решений.

Недостатки формы подписки в подвале: 

• доскроллят точно не все;
• на сайтах с «бесконечными» страницами вероятность доскролла близка к нулю;
• невозможно дать ссылку на подписку — например, рассказать о рассылке в соцсетях и увеличить базу.

Когда использовать. Чтобы работало — только как дополнительное поле, совмещая с другими местами размещения. Например, если человек пропустил поп-ап, а потом доскроллил и решил подписаться, форма в подвале ему точно пригодится.

Форма на подписной странице

Целая страница, которая выделена под форму подписки.

Преимущества подписной страницы:

• можно подробно описать предложение и подкрепить его фактами, изображениями и видео;
• никаких ограничений по дизайну — в вашем распоряжении целая страница;
• если пользователь ищет вашу рассылку в поисковой системе, он сразу попадёт в место подписки (если страница нормально индексируется, конечно).

Недостатки подписной страницы:

• пользователю нужно совершить много действий, чтобы подписаться: щелкнуть по ссылке на сайте, проскролить страницу, заполнить поля формы и нажать на кнопку;
• больше текста — не всегда лучше. Некоторые пользователи не доходят до конца страницы, что снижает конверсию.

Когда использовать. Подписная страница хорошо работает, если привязана к отдельному лид-магниту. Можно подробно описать продукт, объяснить его преимущества и подвести пользователей к подписке.

Также этот вариант хорош, если у вас есть разные опции подписки (например, на еженедельную и ежемесячную рассылку) — на отдельной странице можно всё доступно объяснить.

Форма на всю ширину сайта

Такие формы часто расположены в футере страницы. Они вклиниваются в верстку сайта в виде полосы и контрастируют на фоне других элементов. Либо дополняют дизайн.

Преимущества:

• можно закрепить на всех страницах сайта в одном месте;
• форма эффективно использует пространство сайта — можно добавить больше текста и полей (если нужно);
• можно побаловаться с дизайном, опять-таки из-за больших размеров. Или добавить побольше воздуха.

Недостатки:

• чаще всего такая форма расположена в футере, куда долистывают не все пользователи;
• при неправильном подходе (много пространства, мало содержания) может казаться слишком огромной.

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

Сайдбар

Сайдбар размещается сбоку от основной ленты сайта.

Преимущества:

• можно разместить на нескольких страницах сайта;
• обычно сайдбар попадает в первый экран просмотра — человек увидит форму подписки, даже если не долистал до конца страницы;

Недостатки:

• небольшой размер — формы с большим количеством полей не подойдут;
• на сайдбары распространяется баннерная слепота — форму могут просто не увидеть;
• если в сайдбаре у вас есть другой контент, например, реклама, подборки статей или пункты меню, форма становится менее заметной;
• на некоторые страницы их невозможно вставить — это не сочетается с дизайном сайта или боковые поля заняты другими блоками.

Когда использовать. Сайдбар подойдет, если на сайте есть дополнительная боковая колонка. Обычно в ней располагается меню, баннеры, контекстная реклама и анонсы. Лучше вставлять форму в сайдбар повыше  — тогда его увидят больше пользователей. Как вариант — сделать сайдбар плавающим, чтобы он всегда был виден пользователю.

Hello-bar

Hello-bar — выезжающее или всплывающее окно в шапке сайта. Оно прилипает к верхней части экрана и движется за пользователем.

Преимущества hello-bar:

• всегда на виду — пользователь видит форму подписки в любой части страницы;
• не занимает много места;
• не мешает пользователю просматривать сайт;
• можно закрепить на всех страницах сайта;
• окно hello-bar можно закрыть.

Недостатки hello-bar:

• окно, закрепленное в верхней части экрана, не всегда вписывается в дизайн сайта;
• узкая полоска — много текста не добавить.

Когда использовать. Hello-bar подходит, чтобы сделать короткое предложение:

• «Скачайте книгу с лайфхаками по диджитал-маркетингу!»;
• «Подпишитесь на рассылку-квест о Средневековье».

Если нужно подробно описать предложение, рассказать о преимуществах или добавить картинки, hello-bar не подойдет. Лучше использовать формат, на котором все это поместится, — отдельную подписную страницу или всплывающие окна.

Всплывающие окна

Пользователь заходит на сайт, проводит на нем какое-то время и тут — бац! — выезжает всплывающее окно.

Преимущества всплывающих окон:

• можно добавить на любую страницу — форма не врезается в верстку сайта и не мешает другим элементам;
• обычно всплывающие окна занимают много места — можно добавить текст, изображения и много полей (если нужно);
• расположение формы можно настроить. Например, окно может выехать снизу или сбоку, что не помешает пользователю просматривать сайт;
• гибкие настройки показа — форма появляется в зависимости от времени, которое пользователь провел на сайте, доскролла страницы или количества просмотренных страниц.

Недостатки всплывающих окон:

• всплывающие окна часто раздражают людей, потому что мешают просматривать сайт;
• некоторые пользователи настраивают автоматическую блокировку всплывающих форм;
• чтобы получить больше лидов придется тестировать не только дизайн, но и условия показа формы.

Когда использовать. Всплывающие окна можно добавить на любую страницу сайта. Но не будьте навязчивы — это может ухудшить конверсию. Как этого не допустить:

• не показывать форму несколько раз;
• не показывать форму тем, кто уже подписался;
• не давить на подписчиков пассивной агрессией. О пассивной агрессии в формах подписки мы писали в статье про ошибки email-маркетологов;
• не показывать форму слишком рано — пользователь еще не понял, куда попал а ему уже прилетает предложение подписаться.

Всплывающие окна для сбора exit-трафика

Работают как обычные всплывающие окна, но с одним условием: они появляются, когда пользователь хочет закрыть страницу.

Преимущества такие же, как у обычных всплывающих форм, кроме одного — форма для сбора exit-трафика не вторгается во взаимодействие пользователя с сайтом.

Из недостатков: форма может появиться случайно, когда пользователь направит курсор в верхнюю часть экрана. Это странно, когда мне говорят «Не уходите!», а я и не собирался:

Когда использовать. Такая форма хорошо сработает, чтобы предложить бонус или скидку. Пользователь уже закрывает сайт, а ему предлагают чек-лист, книгу или участие на вебинаре. И всего за email!

Форма для захвата exit-трафика хорошо работает с другими формами подписки: сайдбаром, инлайн-формой или hello-bar. С обычной всплывающей формой ее лучше не использовать — многие пользователи не оценят такую навязчивость.

Форма подписки после статей

Обычно ее размещают в блогах. Пользователь прочитал статью, а ему предлагают получать новые материалы на почту:

Преимущества:

• получаете заинтересованных пользователей, которым нравится ваш контент;

Недостатки:

• найти эту форму на сайте иногда довольно тяжело;
• много полей не вставить — максимум имя и email. Либо вести на страницу подписки, как Т—Ж в примере выше.

Когда использовать. Форму можно поставить не только после статей в блоге, но и на других страницах, где есть полезный материал: в базе знаний, после описания товара или в конце раздела «Анонсы».

Такая форма подписки подходит в качестве дополнительной точки входа. Если сделать ее основной, то многие клиенты ее просто не найдут.

На странице заказа товара

Вы оформляете заказ, и в одном из полей вам предлагают подписаться на рассылку.

Преимущества:

• собираете горячие лиды;
• кроме email сразу же получаете дополнительную информацию о клиенте.

Недостатки:

• такая форма не может быть единственной на сайте — не все доходят до оформления товара.

Когда использовать. Подойдет для любого интернет-магазина, сервиса или другого сайта, где предполагается покупка / регистрация. Круто, когда подписчики отсюда попадают в отдельный список, по которому запускается специальная цепочка писем, например, допродажная серия.

Но осторожно: многие компании указывают email обязательным полем и автоматически подписывают  пользователей, оставивших почту, на рассылку. В чем тут проблема:

1. Вы подписываете пользователя без его согласия — не лучший способ собрать лояльную аудиторию.
2. За рассылку без согласия можно получить штраф от ФАС.

Без согласия пользователя вы имеете право отправлять ему только транзакционные письма, например, оповещать о смене статуса заказа. Мы писали, как правильно получить согласие на маркетинговую рассылку.

Интегрированная в основной контент сайта

Необычный, но встречающийся вариант — когда форма подписки ставится в ряд с другим контентом.

Преимущества: 

• встроенная по смыслу, выглядит максимально органично;
• не занимает лишнее место на сайте;
• если пользователь пропустил форму, он может к ней вернуться (в отличие, например. от попапа).

Недостатки:

• если визуально не выделить, может быть незаметна.

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

В чате с технической поддержкой

Если компания часто общается с клиентами в чатах, можно собирать email-адреса там. Например, обучить операторов поддержки или отдела продаж запрашивать email. Так как пользователь сам начинает общение с брендом, скорее всего, конверсия в подписку будет высокой.

Некоторые компании предпочитают пополнять базу email с помощью чат-ботов. Такой автоматический помощник может самостоятельно спрашивать контакт клиента и передавать в базу сервиса рассылки.

На странице ВКонтакте

Во ВКонтакте тоже можно добавить форму с предложением подписаться:

Преимущества:

• если у вас большая аудитория в социальных сетях, то это — простой способ привлечь их в рассылку;
• форму можно настроить по своему вкусу — изменить цвет, размер и текст.

Недостатки:

• не может быть единственным источником лидов.

Когда использовать. Если вам нужно подтянуть людей из социальных сетей, то это — самое то. Кстати, у нас есть отдельная статья про то, как объединить соцсети и email-рассылки.

Общие правила размещения форм подписки

Чтобы заставить форму подписки работать на вас максимально эффективно, используйте при выборе места для размещения эти несколько правил.

Самодостаточных форм подписки нет. Чтобы привлечь больше подписчиков нужно использовать несколько форм — тогда охват аудитории увеличится.

Формы работают лучше, если они не похожи друг на друга. Тогда пользователи, которые прошли мимо одного предложения, могут заинтересоваться другим и подписаться на рассылку.

Дополняйте формы лид-магнитами и другими «плюшками». В идеале — тоже разными в разных местах. Под статьёй в блоге можно предложить подборку материалов или инструкцию по теме, в попапе — триал или скидку.

Сегментируйте аудиторию. Не показывайте формы в попапах тем, кто уже подписан на рассылку. Тем, кто зарегистрирован на сайте, но от подписки отказался, предложите за неё один бонус, а тем, кто впервые зашел на сайт — другой. 

Адаптируйте под мобильные устройства. Значительная часть трафика приходит на сайты именно с мобильных устройств. И если, например, ваш сайдбар сворачивается в скромное меню или уходит под «гамбургер», а там размещена форма подписки — значит, ей нужно искать другое место как минимум в мобильной версии.

Тестируйте. Существует множество факторов, от когнитивных искажений человека до технических нюансов, которые сложно предусмотреть заранее. Проверяйте различные гипотезы и фиксируйте результаты, чтобы в итоге найти идеальное решение.