11 ошибок в формах подписки на рассылку

11 ошибок могут стоит сотни недополученных подписчиков вашему бизнесу. Хотите этого избежать? Мы собрали рекомендации, как!

Для сбора email’ов для рассылки используют специальные формы — но даже профессионалы допускают ошибки в их оформлении. Хотите улучшить формы подписки на своем сайте? Руководство Nextel поможет!

Но сначала…

Что такое хороший дизайн email-попапа?

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

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

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

Деррик Вейс из IMPACT Branding & Design объясняет важность визуальной составляющей немного иначе:

«Дизайн — это просто визуальная коммуникация.

Когда у вас есть что-то ценное, вы хотите, чтобы люди предпринимали действия и конвертировались для получения этой ценности. Если ваша коммуникация плохая, аудитория не будет понимать ценность и не будет конвертироваться»

11 ошибок, из-за которых бизнес недополучает подписчиков

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

#1 Один тип форм

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

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

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

#2 Слабый лид-магнит

Подумайте про лид-магнит с точки зрения вашего пользователя. Лид-магнит решает проблему? Его легко получить? Им удобно пользоваться? Оно стоит того?

Хороший лид-магнит будет соответствовать ряду параметров:

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

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

#3 Неподходящее изображение

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

Чтобы иллюстрация «играла» с дизайном и целями формы, важно учесть несколько вещей:

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

#4 Избыток текста

Сопротивляйтесь желанию добавить побольше текста, даже если кажется, что так лучше. Краткость — сестра таланта, помните?

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

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

#5 Проблемы с цветовой гаммой

Амир Хамди из Litmus’a указывает, что продуманный выбор цветовой гаммы и расположения элементов — это дорожная карта для пользователя, которая указывает на интерактивные элементы, важные моменты и вообще направляет его. Умный выбор не только делает путь пользователя более понятным, но и, более того, помогает улучшить пользовательский опыт.

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

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

11 ошибок в формах подписки на рассылку

Также есть парочка инструментов, которые помогут создавать удачные цветовые сочетания, даже если вы не дизайнер:

  • Adobe Color CC – помогает собирать цветовые схемы на основе правила триады, аналогов, комплементарности, монохромности, сочетаемости и не только;
  • Coolors — генератор для мгновенного создания идеальных цветосхем;
  • COlOURlovers — цветовые схемы других дизайнеров для вдохновения.

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

#6 Игнор уходящих

К сожалению, больше 70% пользователей, которые закрыли ваш сайт, никогда не вернутся на него намеренно. Игнорировать их уход — это ошибка, которая может стоить множества недополученных подписчиков.

Как быть? Использовать форму подписки с попапом, настроенную по сценарию. Самый распространенный вариант: сделать форму с лид-магнитом и настроить ее показ, когда пользователь ведет курсор к «крестику» вкладки. Так, когда человек собирается закрыть страницу, вы сможете удерживать его интересным предложением. Всех «отказников» так не остановишь, конечно, но часть останется с вами и предоставит контакты за полезную «плюшку».

11 ошибок в формах подписки на рассылку

Вот как выглядит наш «удерживатель»

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

#7 Одноэтапная система подписки

Стандартная форма подписки — это когда пользователь сразу видит СТА и поля для заполнения. Тем не менее, иногда стоит передать инициативу в руки пользователю и позволить ему самому решать, нужна ему ваша рассылка или нет. Для этого эффективно использовать двухэтапную систему подписки:

  • на первом этапе просто спрашивать «Вам это интересно?»;
  • на втором (если пользователь кликнул «Да») уже предлагать саму форму с полями.

Это работает в том числе из-за эффекта Зейгарник, который мы обсуждали в статье «Как убедить людей подписываться на email-рассылку: 5 психологических триггеров в фактах, цифрах и с обоснуем».

#8 Отсутствие персонализации

Что вы знаете о своих посетителях? А вы используете эту информацию для персонализации форм? А стоит.

У HubSpot, евангелистов чуть ли не всего диджитал-маркетинга в целом, есть очень интересное исследование, которое называется «Персонализированные СТА конвертируют на 202% лучше, чем обычные» и основывается на анализе 330 000 СТА. О чем тут еще говорить?

#9 Слишком много полей

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

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

#10 Плохая типографика

Есть масса разнообразных шрифтов, масса цветов и масса способов использовать эти шрифты на странице. И вот что важно учесть:

  • на одной странице не стоит использовать больше 3 разных шрифтов (включая шрифты в хедере, логотипе, заголовках и основном тексте);
  • не все шрифты сочетаются друг с другом: чтобы подобрать хорошую шрифтовую пару, используйте дизайнерские инструменты Google TypeJust My TypeFont Combinator By TypothequeType WolfThe Art Of Combining Fonts и другие;
  • некоторые шрифты лучше не использовать вовсе — это Comic Sans, Courier, Gill Sans, Ransom Note, Franklin Gothic. Осторожно подходите к Times New Roman — это традиционный газетный шрифт, но он довольно-таки приелся публике, поэтому вне онлайн-СМИ его стоит использовать с очень большой оглядкой;
  • для вдохновения посмотрите Behance или Google Web Fonts Typographic (использует только шрифты Google).

#11 Отсутствие тестирования

Даже следуя всем этим советам, стоит придерживаться data-driven-подхода. И вместо того чтобы считать, что что-то сработает, — проверять, как оно работает конкретно на вашем сайте.

Есть что добавить? Напишите нам на  support@nextel.cloud  и мы включим лучшие советы подписчиков в эту статью!

FacebookTwitterTelegramViberWhatsApp


Поделиться в соц. сетях:

Обратная связь
Обратная связь