Как создать идеальную форму подписки

Как создать свою идеальную форму подписки

  • 1
  • 2
  • 3
  • 4
  • 5
Всего голосов: 119 средняя оценка: 4.82 (рейтинг: 96%)

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

Дополните маркетинговые активности Viber-рассылкой

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

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

Наверняка, вы задаетесь вопросом, как сделать подписку на сайте? Итак, главные условия эффективной формы подписки таковы:

Местонахождение формы подписки на рассылку

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

  • Выделяйте форму подписки

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

  • Отделение формы

Добавьте её в некий визуальный контейнер, выделив, как отдельное окно:

Заметная форма регистрации

  • Направляющие сигналы

Обратите внимание на стрелки, указывающие на форму — люди подсознательно идут по следу. Также можно использовать образы людей со взглядом, направленным на форму подписки. Исследования THiNK Eye Tracking показали, что направленный взгляд на продукт, на 84% увеличивает шанс, что люди заметят его на странице, так почему бы это не использовать для формы?

Описание в форме

Клиентам не всегда охота отдавать свой адрес для сторонних рассылок и важно дать понять, что им это выгодно. Не обязательно расписывать все плюсы вашей рассылки, достаточно уместить всё в одно предложение. «Бесплатных», «уникальных» и «ограниченных» рассылок в сети тьма, поэтому прежде всего делайте акцент на том, что будет полезно для ваших клиентов.

  • Контрастные призывы к действию на кнопке и в заголовке формы

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

  • Добавить маркированные списки вместо длинных и скучных описаний

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

Некоторые используют маркированные списки, чтобы привлекать к своему предложению подписчика:

Маркированный список в форме подписки

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

  • Давайте веский повод подписаться

Форма подписки на email рассылку

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

  • Добавьте социальные доказательства

Посетители боятся отдавать свои контакты в чужие руки, но если это уже сделало несколько сот и тысяч человек  — всё не так страшно. Утверждение, что клиент является частью общества — развеивает страхи и клиенты готовы дать свою информацию.

Форма подписки с социальным счётчиком

О полях формы подписки

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

  • Добавьте в форму проверку адресов, чтобы исключить ошибки в адресах и номерах телефонов (ivan@mail>ru, 098456123458).  

Форма подписки с подсветкой ошибок

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

Второй этап — подтверждение подписки. Случайные прохожие не захотят переходить в свою почту и выполнять какие-то дополнительные действия. Такими методами вы хотя бы частично обезопасите себя от битых адресов и части неактивных подписчиков.

  • Сокращайте форму подписки

Длинную форму с сотней полей вряд ли захочет кто-то заполнять. Если вы хотите узнать дополнительные данные — лучше добавить возможность из заполнения в личный кабинет. Оставьте только самые важные поля, для начала будет достаточно от 1 до 2-х полей: email, имя подписчика 

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

  • Добавляйте необязательные поля

Помимо добавления 1-2 обязательных поля заполнения, добавьте ещё не более 5-ти необязательных.

Форма подписки на рассылку

Если вы включаете 12 полей в форме — отметьте только 4 из них в качестве обязательных и вы не прогадаете. Только сделайте пометку, заметной и понятной, потому что не каждый будет в настроении заполнять все ответы.

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

— ФИО контакта

— Название компании

— Ввод пароля

— Город

— Телефон

— Код подтверждения

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

  • Не слишком ограничивайте

Надписи вроде: «Вы можете ввести пароль от 6 до 12 символов. Обязательно используя цифры и буквы, но без символов: %,*,?,&, №, # и т.д.» отталкивают. У пользователей может быть любимый придуманный пароль, который он использует на всех сайтах, чего ради теперь менять его и запоминать новый? Кроме того, сложная для понимания система паролей раздражает и может вызывать постоянные ошибки при заполнении.

Форма подписки с ограничениями при вводе пароля

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

  • Прекратите использовать капчи

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

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

Макет и другие проблемы дизайна

Обратите внимание, что здесь странного?

Форма подписки с неправильным полем

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

Форма подписки с ровными полями и кнопкой СТА

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

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

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

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

Форма подписки с вводом повторяющихся данных

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

  • Если даже после сокращения форма осталась длинной — можно разбить её на 2-3 блока для удобства заполнения и визуального восприятия.

Форма подписки с блочной структурой

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

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

  • Давайте ссылку на политику конфиденциальности в форме или на страницах.

Форма подписки на СМС рассылку

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

И самое главное: тестируйте форму подписки

Возможно, что-то в вашей форме будет не так, как вы задумали. Для любого сайта важно всё время экспериментировать с формой подписки и анализировать результаты. Только так вы узнаете, что лучше работает конкретно для вашего сайта.

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

Только для подписчиков: 
НЕ Только для подписчиков

Добавить комментарий

Кирилл
16:10, 16 октября 2013

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

Максим
22:33, 4 ноября 2013

Отличный блог

Дмитрий Спунтик
admin
08:56, 5 ноября 2013

Максим, спасибо за теплые слова. Искренне рады, что Вам наша работа пришлась по душе.
Оставайтесь с нами, у нас еще много полезной информации, интересных идей и примеров.

Евгений
16:28, 10 декабря 2013

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

Евгений
15:07, 26 декабря 2013

Идеальная форма подписки.. с моей точки зрения это постоянная работа над улучшением. Идеи интересные.

Алиса
18:06, 25 апреля 2015

Очень полезная информация и хороший урок,

Виктория
14:31, 22 октября 2014

Спасибо, очень полезная информация:)

олег
18:06, 25 апреля 2015

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

Марина
00:44, 22 июня 2015

Подскажите, пожалуйста, а как сделать так, чтоб после того, как человек подпишется, ему сразу отправлялся бы файл (бесплатный видеокурс) и это всё автоматизированно было?

Андрей Панкратов
andrey.pankratov
16:40, 23 июня 2015

Подготовить письмо в котором указать ссылку на видео и настроить в сценарии отправку этого письма по событию "подписался". И всё.

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

антон
14:02, 21 августа 2015

У нас возникла проблема. Есть желание убить двух зайцев. хотим имея одну форму визуально закрывать ею две функции: 1. подписка на наши обновления (передача контакта в нашу базу на е-спутнике. 2. покупка товара/услуги (через сервис ликпэй). Визуально хочется, что бы человек после заполнения формы, нажимал на кнопку оплатить попадал на страницу ликпэй, где будет оплачивать приобретение, но при этом его контакты отправлялись нам на е-спутник.

Наталья Устименко
natalia.ustimenko
16:07, 25 августа 2015

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

Как создать свою идеальную форму подписки