Форма подписки.

Как должна выглядеть «правильная» форма подписки на вашем сайте.

Расположение

Традиционно форму подписки размещают на полях — в левой или правой колонке:

Если места нет совсем, то можно расположить короткую форму в футере сайта. но я все таки рекомендую предусмотреть место на полях сайта. Либо настроить Pop-up с подпиской, который будет перебрасывать пользователя непосредственно на Landing page с подпиской

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

Содержание

Как правило, форма подписки включает в себя следующие части

• Заголовок

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

• Текст

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

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

• Поля для заполнения.

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

• Кнопка

Здесь, как и в случае с заголовком, лучше выбрать что-то традиционное:«Подписаться на рассылку» или просто «Подписаться»:

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

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

• Валидация формы

Валидацией называется проверка данных, введённых в форму, на наличие ошибок. Самыми распространёнными ошибками являются:

– Поля для ввода данных не заполнены

Пользователь нажал кнопку «Подписаться» до того, как заполнил поля формы.

Конечно, в этом случае форма может вообще никак не отреагировать, но гораздо лучше, если она предоставит соответствующую обратную связь:

– Поле Email заполнено с ошибками

Пользователь ошибся при вводе адреса электронной почты. Все опечатки «выловить» не получится, но можно ориентироваться на базовые признаки email адресов: @, точка, домен электронной почты. В этом случае, если какой-либо из базовых признаков во введённом значении отсутствует, форма должна сообщить пользователю об этом:

– Поле Email заполнено повторно

Пользователь забыл/не понял, что подписался, и ввёл email повторно. Можно сказать ему об этом:

А можно тактично и промолчать, вновь поблагодарив за подписку.

• Thank you page

Если пользователь ввёл корректные данные и нажал «Подписаться», стоит сказать ему «Спасибо!». Удобно сделать это на том же самом месте, где пользователь оставил свои данные — его внимание всё ещё там.

Встречаются варианты, когда осуществляется «переброска» к верху страницы или вообще на новую страницу.

• Форма подписки на главной странице

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

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

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

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

---

Теги: форма подписки база