ФОРМА ПОДПИСКИ

Форма подписки — что это такое, как сделать

Оглавление

Форма подписки — блок на любой странице сайта, где пользователь оставляет свой email-адрес, чтобы подписаться на рассылку. Это единственный способ легально собрать базу для маркетинговых рассылок.
Пример простой формы подписки — короткий текст, поле для почты и кнопка для отправки данных. Источник: Ad Marginem

Из чего состоит форма подписки

Обычно у форм подписки простая структура:
  • Заголовок и описание. В описании можно кратко рассказать про контент рассылки или бонус за подписку. Например, в B2C-сегменте за подписку обещают скидку на первую покупку или подарок за неё.
Источник: Befree
  • Поля для ввода. Как правило, для подписки просят адрес почты и немного данных для персонализации, например, имя, пол или дату рождения для поздравлений. Если полей будет слишком много, пользователь устанет заполнять и не подпишется.

Но бывают исключения из этого правила. Так, в B2B, когда компания в качестве лид-магнита за подписку раздаёт крупные исследования и отчёты, в форме подписки полей больше. В примере ниже просят название компании, должность и сферу. Вы тоже можете использовать формы, где больше двух полей, если хотите отобрать более квалифицированных лидов ещё на этапе заполнения.
Пример большой формы подписки в B2B-сегменте. Источник: Kantar
  • CTA-кнопка. Чаще всего в формах подписки используют простые и понятные призывы к действию — либо «Подписаться», либо «Забрать подарок/бонус/промокод».
Пример призыва к действию с акцентом на пользе, которую человек получит от подписки. Источник: Альпина Паблишер
Можно встретить и креативные варианты CTA:
А куда поехали? Источник: Библиотека ароматов
  • Согласие на обработку данных. Закон «О персональных данных» обязывает добавлять в форму подписки чекбокс, который подтверждает согласие пользователя на обработку его персональных данных со ссылкой на политику конфиденциальности.
Здесь согласием является сам факт отправки формы. Так тоже можно — главное, что ссылка на политику на месте. Источник: Lime

Какими бывают формы подписки

Самый частый вариант — статичная форма в виде отдельного блока в футере или в середине страницы.
Пример баннера с формой подписки в середине страницы. Источник: Вкусно — и точка
Пример формы подписки в футере. Источник: ВкусВилл
Второй вариант — форма подписки в попапе. Она появляется во всплывающем окне, которое закрывает всю страницу или её часть и тем самым привлекает внимание пользователя. В такой форме можно сделать дизайн, который отличается от остального сайта.
Пример попапа. Источник: Moscow Digital School
Иногда для рассылок оформляют отдельные лендинги с формой подписки. Подписную страницу можно продвигать в поисковых системах, и на ней можно подробнее рассказать о рассылке. Чаще всего лендинги делают для рассылок, которые сами по себе стали продуктом — онлайн-курсов, бренд-медиа, и др.
На лендингах рассылок размещают не только краткое описание и форму подписки, но и дополнительные аргументы для подписки — например, отзывы. Источник: Текст в интерфейсе

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

Есть три способа:
  • Сверстать с нуля с помощью HTML и JavaScript. Выбор конкретного фреймворка зависит от того, как свёрстан ваш сайт. Плюс вёрстки вручную в том, что вы можете сделать форму с любыми полями и дизайном — но придётся потратиться на разработку или освоить вёрстку самостоятельно.
  • Собрать в no-code конструкторе. В no-code конструкторах можно взять готовый шаблон формы или собрать из блоков. Формы подписки можно собрать в конструкторах форм — например, в QForm.io. Ещё такие формы доступны в редакторах сайтов. Так, если у вас сайт на Tilda, форму подписки вы можете сверстать там же. Если у внешнего инструмента нет нативной интеграции с вашим софтом для рассылок, будет неудобно переносить данные — это главный минус таких форм.
В Mailganer можно настроить сбор подписчиков с формы Tilda через вебхуки. А ещё у нас есть полноценная интеграция с Tilda через Albato.
  • Собрать в сервисе рассылок. В некоторых сервисах рассылок, например Unisender, есть встроенный no-code конструктор для форм подписки. В Mailganer есть HTML-шаблон статичной формы подписки, код которого можно редактировать напрямую.
Ещё в Mailganer есть несколько шаблонов для попапов. Их можно кастомизировать через визуальный редактор, по аналогии с редактором писем.
Пишет для глоссария, Разъяснительной и внешних площадок. Подписана на все рассылки на свете, чтобы брать примеры для статей из личного ящика.
Дарья Журавлёва
Редактор Mailganer
12.03.2025
дата публикации
12.03.2025
дата последнего обновления