Разборы

Подписные страницы: зачем нужны и как их создать

подписная страница

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

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

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

Страница, которая не выполняет никаких других функций — есть только строка для адреса почты и кнопка «Попробовать»
Страница, которая не выполняет никаких других функций кроме подписки — есть только строка для адреса почты и кнопка «Попробовать»

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

Чем подписная страница отличается от лендинга

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

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

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

Лаконичное описание и понятный призыв на подписной странице у редактора и арт-директора Жени Лепёхина
Лаконичное описание и понятный призыв на подписной странице у редактора и арт-директора Жени Лепёхина

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

Для чего нужны подписные страницы

Вместо подписных страниц часто используют формы подписки и размещают их на нужных страницах сайта. При этом у подписных страниц есть определенные преимущества и задачи.

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

Главная страница сайта Marketing Brew содержит форму подписки, но не выполняет функции страницы захвата контактов
Главная страница сайта Marketing Brew содержит форму подписки, но не выполняет функции страницы захвата контактов

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

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

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

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

Например, на странице Т—Ж в Instagram* пользователи видят в сторис информацию о будущем курсе Учебника: тему, стоимость, дату старта, ссылку на регистрацию — еще до перехода по ссылке пользователи знакомятся с предложением. Ссылка ведет на подписную страницу, и пользователям не нужно совершать дополнительных действий. Если ссылка ведет на главную страницу с другими материалами или формами, то пользователь может переключиться на другое действие и забыть о подписке.

В сторис в Instagram* Т—Ж пользователям рассказывают о новом курсе и предлагают ссылку на регистрацию еще до старта
В сторис в Instagram* Т—Ж пользователям рассказывают о новом курсе и предлагают ссылку на регистрацию еще до старта

В сторис в Instagram* Т—Ж пользователям рассказывают о новом курсе и предлагают ссылку на регистрацию еще до старта

Ссылка ведет на подписную страницу, где пользователю остается указать адрес почты и подписаться
Ссылка ведет на подписную страницу, где пользователю остается указать адрес почты и подписаться

Появляться в выдаче поисковиков. Еще подписные страницы легко находить через поисковики или делиться ссылками на других площадках: в соцсетях, блоге или внутри другой рассылки. Например, по запросу «рассылка Skyeng» в Google одним из первых вариантов в выдаче будет подписная страница, а не главная. Об англоязычной рассылке Marketing Brew я узнала из другой почтовой рассылки. Ссылка и баннер из такого письма ведут сразу на подписную страницу, а не на главную сайта.

Из письма рассылки удобно открыть страницу захвата контактов и подписаться на другую рассылку
Из письма рассылки удобно открыть страницу захвата контактов и подписаться на другую рассылку

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

Форма подписки на рассылку на сайте Arzamas почти незаметна, а еще конкурирует с баннером платной подписки
Форма подписки на рассылку на сайте Arzamas почти незаметна, а еще конкурирует с баннером платной подписки

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

Подписчики Skyeng не просто получают полезную рассылку, но и возможность выиграть занятия
Подписчики Skyeng не просто получают полезную рассылку, но и возможность выиграть занятия
Школа итальянского LINGO перед тем, как предложить пользователям полноценные курсы, зовет познакомиться с форматом обучения бесплатно
Школа итальянского LINGO перед тем, как предложить пользователям полноценные курсы, зовет познакомиться с форматом обучения бесплатно

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

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

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

Школьная игра «Виселица» предлагает проверить базовый словарный запас на тему программирования
Школьная игра «Виселица» предлагает проверить базовый словарный запас на тему программирования
В конце игры независимо от результата пользователь получает предложение подтянуть инглиш и записаться на пробное занятие
В конце игры независимо от результата пользователь получает предложение подтянуть инглиш и записаться на пробное занятие

Как создать подписную страницу

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

 

Tilda

https://tilda.cc/ru/

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

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

Управление данными. Отправленные пользователями данные хранятся в разделе «Заявки» — это внутренняя CRM Тильды. Также для управления данными пользователей можно подключить CRM-системы и сервисы рассылок: AmoCRM, Bitrix24, Мегаплан, MailChimp, Unisender, Sendpulse, GetResponse, Google таблицы и формы.

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

Цена. 14 дней тестового доступа. Есть бесплатный тариф для создания 1 проекта (сайта). Платный тариф от 750 руб./месяц (при ежемесячной оплате).

LPgenerator (LPmotor)

https://lpgenerator.ru/

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

Шаблон с лид-магнитом позволяет загрузить на подписную страницу видео, например, короткий ролик о компании или продукте
Шаблон с лид-магнитом позволяет загрузить на подписную страницу видео, например, короткий ролик о компании или продукте

Управление данными. Встроенная CRM-система, интеграции с AmoCRM и Bitrix24. Интеграции с сервисами email-рассылок: MailChimp, Unisender, Sendpulse, GetResponse.

В базе знаний LPgenerator есть видео и текстовые инструкции по подключению интеграций. В нашей базе знаний можно также прочитать инструкцию по интеграции сервиса с Unisender.

Цена. От 466 руб./месяц (при оплате на год). Вы можете бесплатно собрать лендинг и протестировать весь функционал. Для публикации сайта необходимо оплатить любой тариф.

На что обратить внимание при создании подписной страницы

Элементы и внешний вид подписных страниц могут отличаться в зависимости от задач бизнеса. В этом блоке посмотрим на основные элементы страницы захвата контактов и их особенности.

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

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

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

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

Лид-магнит. Описание бесплатного полезного контента, который получит пользователь после подписки: запись вебинара, чек-лист, индивидуальный план.

👍 У Skyeng много примеров страниц с лид-магнитом — можно выбрать актуальную цель и получить план по изучению английского для работы, путешествий, подготовки к экзаменам
👍 У Skyeng много примеров страниц с лид-магнитом — можно выбрать актуальную цель и получить план по изучению английского для работы, путешествий, подготовки к экзаменам

Поля для заполнения. Форма для контактов должна содержать 2-3 строки — пользователи не любят заполнять длинные и подробные анкеты с личными данными.

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

Кнопка. Текст на кнопке говорит о целевом действии, которое совершает посетитель. Варианты «Получить», «Подписаться», «Оставить заявку» помогают клиенту понять, что он получает именно то, за чем пришел на страницу.

👍 «Подписаться» — самый универсальный вариант текста на кнопке. Мне нравятся нестандартные варианты, которые вписываются в общую концепцию страницы
👍 «Подписаться» — самый универсальный вариант текста на кнопке. Мне нравятся нестандартные варианты, которые вписываются в общую концепцию страницы

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

После подписки на рассылку Marketing Brew пользователю предлагают заполнить данные о себе, но этот шаг можно и пропустить
После подписки на рассылку Marketing Brew пользователю предлагают заполнить данные о себе, но этот шаг можно и пропустить
На следующем шаге подписчик видит вторую часть thank you page — здесь можно получить немного одобрения от Ди Каприо, подписаться на Twitter или другие рассылки проекта
На следующем шаге подписчик видит вторую часть thank you page — здесь можно получить немного одобрения от Ди Каприо, подписаться на Twitter или другие рассылки проекта

Общее впечатление. Подписная страница должна быть удобной и простой для восприятия, а основной контент без дополнительной навигации должен находиться в поле зрения.

Кратко о пользе подписных страниц

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

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