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

В прошлом выпуске рубрики мы рассказывали, как сделать email-рассылку по закону. В этом выпуске — о формах подписки на рассылку: какие они бывают, как их создать и улучшить.

Сразу оговоримся: не только форма подписки влияет на то, сколько человек подпишется на рассылку.

Что влияет на конверсию формы подписки:

• Ежедневное количество посетителей на сайте.
• Количество показов формы.
• Отношение клиентов к бренду.
• Известность рассылки. Например, чтобы подписаться на Invisible, люди выстраиваются в очередь.

Мы поговорим о факторах, которые связаны с формой подписки: ее элементах, расположении на сайте и инструментах для создания.

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

Основные элементы формы подписки:

Остановимся подробнее на каждом элементе.

Заголовок

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

Содержание заголовка зависит от расположения формы подписки на сайте. Главное правило — заголовок должен органично вписываться в суть страницы. Несколько примеров:

А вот пример классного заголовка:

Текст

Текст объясняет, что это за рассылка и какая от нее польза читателю. О чем можно написать:

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

Удачный пример:

Форма

Это поля, куда посетители сайта вбивают свои данные: email, телефон, имя или предпочтения по товарам. Email-маркетологи придерживаются единого мнения: меньше полей — выше конверсия.

Исследование Marketing Experiments — сравнение форм на 5, 7 и 9 полей:

Согласие на рассылку и обработку персональных данных

Эти пункты защищают отправителя от жалоб пользователей и проверок со стороны ФАС. Во втором выпуске «Рассылок для чайников» мы писали, как правильно взять согласие на рассылку и обработку персональных данных. Если вкратце:

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

Кнопка

Большая и привлекательная кнопка с надписью «Подписаться» или чем-то похожим.

В чем сделать форму подписки

Я знаю 3 способа, как сделать форму подписки:

1. Использовать конструкторы форм.
2. Сверстать вручную в HTML.
3. Заказать.

Рассказываю о каждом подробнее.

Использовать конструкторы форм

Эти инструменты можно найти в сервисах по созданию сайтов, специальных сервисах для создания форм и в сервисах рассылки. Работать в них просто: есть наборы готовых шаблонов, а новые элементы можно просто добавлять из готовых наборов. Знать HTML и CSS не обязательно.

Вот несколько популярных конструкторов, в которых за 30 минут можно сделать красивую форму подписки: FormDesigner, Wppage, Tilda, PopMechanic, SumoMe. Советуем сразу проверить, можно ли привязать форму из конструктора к сервису рассылки. Так адреса из формы будут напрямую попадать в списки контактов в сервисе рассылки. Если использовать редактор формы, встроенный в сервис рассылки, то все контакты будут автоматически попадать в базу подписчиков.

Сверстать вручную

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

Как это работает: вы вносите HTML и CSS в программу. Чтобы увидеть страницу нужно сохранить файл и загрузить его в браузере. Примеры программ, в которых можно работать с языками разметки: Eclipse, Visual Studio Code, Notepad++.

Заказать

Обращаемся к фрилансерам или в агентство. Если хотите собрать базу с нуля, можете обратиться к нам. Мы сделаем формы подписки, протестируем их и установим на сайт.

Куда поставить форму на сайте

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

Итак, какие бывают виды форм:

Подписные страницы, лендинги. Целая страница, которая выделена под форму подписки:

Форма подписки на всю ширину страницы. Такие формы часто вставляют в подвал сайта.

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

Hello-bar. Окно, которое выезжает или всплывает в шапке сайта.

Всплывающие окна. Читаешь такой статью и тут — вжух! — тебе предлагают подписаться.

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

После статей. Прочитал статью — подписался на рассылку.

На странице заказа товара. Вы хотите что-то купить и заполняете для этого форму. Одно из полей формы — email.

В соцсетях. Формы подписки можно создавать даже в соцсетях.

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

Как прокачать форму подписки

Добавить подарок

Мы уже писали, что подарки за подписку — не всегда гуд. Они требуют затрат, а многие подписчики будут оставлять email только ради бонуса. Дарить или не дарить? Отвечаем в статье про бонусы за подписку.

Сегментировать аудиторию для показа

А этот пункт я нагло украл в Школе email-маркетинга Unisender. Ваня Ильин рассказывал о формах подписки и упомянул про сегментацию посетителей. Приведу пример, как это работает.

Как еще можно работать с показами формы:

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

Адаптировать под смартфоны

Факт: 57,2% посетителей сайта заходят с мобильных телефонов. Если форма подписки не адаптирована под них, то мы потеряем половину потенциальных подписчиков.

Тестировать

Под каждый сайт нужна своя форма подписки. Чтобы определить какая именно, нужно тестировать: пробовать разные дизайны, текст, подарки и условия показа. Например, только для всплывающих форм можно выделить 3 основных параметра для теста:

• Время появления. Определяет, через сколько секунд появится форма.
• Глубина просмотра. Сколько страниц пользователь должен просмотреть, чтобы появился поп-ап.
• Место появления: по центру, сбоку или внизу страницы.

Обобщим статью: