Заявка на форму подписки

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

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

Также специалисты агентства eSputnik всегда готовы помочь и сделать вам форму. Для этого нужно составить подробную заявку с описанием ваших пожеланий и передать ее техподдержке (support@esputnik.com). В теме письма напишите "Заявка на форму подписки", а в самом сообщении укажите свой аккаунт eSputnik. 

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

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

Какая информация нужна для создания формы

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

Что нужно написать в заявке:

1) Назначение формы

Для какого ресурса она предназначена: ваш сайт (с URL) или страничка в Facebook (ссылка на группу или страницу). Если нужно разное оформление для сайта и соцсети, вариант для Facebook попробуйте сделать самостоятельно по инструкции или обратитесь к нашим специалистам.

2) Поля

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

Пример:

Имя*

Email

Номер телефона* 380ххххххххх

3) Фирменный стиль

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

Предоставьте брендбук, если он есть. Это сильно ускорит процесс.

Если нет, посмотрите цвет в коде сайта, кликнув правой кнопкой на нужный элемент → пункт меню “Просмотреть код элемента”(в Opera) / “Просмотреть код” (в Chrome) / “Исследовать” (в Firefox).

Определение фирменного стиля

Еще можно использовать Color Picker: утилиту или расширение для браузера, а также любой онлайн-сервис, который определяет цветовую схему сайта. 

При желании укажите шрифт, добавьте ссылку на лого, маскот или другое изображение для формы. 

Например:

фон – #FFFFFF;

рамка – #FFCD24;

кнопка – #2AABE4;

шрифт – #000000, Roboto, 16pt;

лого: https://yoursite.example/logo.

4) Вид и положение

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

Горизонтальная форма:
Горизонтальная форма
Вертикальная форма:
Вертикальная форма
 

Больше вариантов смотрите в разделе “Примеры”.

Например: нужна горизонтальная форма в футер на всю ширину сайта (1200 px), высота – 200 px. Слева будет текст, справа – поле для email и кнопка.

5) Категории подписки

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

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


Добавление категорий подписки

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

6) Сбор данных

Расскажите, куда и как будут собираться данные, нужна ли интеграция с сайтом, CRM или какой-то другой системой.

Всплывающие формы подписки в eSputnik 

Вы можете также настроить всплывающее окно для оформления подписки. На выбор представлены два варианта.

Плавающая форма

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

Весь процесс настройки плавающей формы пошагово описан в этом материале.

Модальное окно 

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

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

Игровая форма

Пример формы с геймификацией

Пока в нашем редакторе доступны стандартные pop-up. Если же вы хотите добавить в форму элементы геймификации, то у eSputnik есть интеграция с сервисом Popmechanic, где возможно реализовать такую идею. Пример использования игрового всплывающего окна можно посмотреть здесь

Для создания формы с геймификацией нужно:

  1. Зарегистрироваться на popmechanic.io.
  2. Создать форму в конструкторе (настроить ее цвет, дизайн, размеры). 
  3. Настроить условия, при которых будет выводиться форма (закрытие окна / скроллинг / время на странице / количество просмотренных страниц).
  4. Определить то, где, кому и сколько она будет показываться (например: на каких страницах, с каких устройств, когда появится повторно и др.).
  5. Установить код на сайт или через GTM.

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

Далее настройте интеграцию с eSputnik: авторизуйтесь в системе, выберите группу и добавьте событие для старта welcome-сценария, которые вы создали у нас. При желании можно настроить дополнительные поля. Подробно о настройке написано в нашей совместной статье.

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

Важно:

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

Полезные советы по оформлению формы подписки

Даже имея опыт работы с формами, среди наших советов вы можете найти что-то полезное.

  1. Выбирайте видное место для размещения формы. Но такое, чтобы пользователь не отвлекался от главного конверсионного действия (например, заказа).
  2. Делайте форму броской. Она должна выделяться, но не раздражать, а гармонировать с общим дизайном сайта.
  3. “Окружите” посетителей сайта. Форма не обязательно должна быть в одном месте. Комбинируйте разные виды. И даже если она одна, пусть будет сквозная – на всех страницах.
  4. Упрощайте процесс подписки. Ненужные поля и проверки, скорее всего, заставят потенциального подписчика бросить заполнение формы.
  5. Используйте психологические приемы – указатели, рамочки, анимацию и т. п., чтобы привлечь внимание посетителя.
  6. Продумайте текст. Не пишите растиражированные фразы, лучше расскажите, что ваша рассылка привнесет нового и полезного в жизнь подписчика.
  7. Оптимизируйте дизайн. Выделите кнопку, сделайте списки, добавьте подсказки, автозаполнение, валидацию email или телефона – все, чтобы быстро понять и заполнить поля.
  8. Расскажите, что будет после оформления подписки. Дайте ссылку на политику конфиденциальности. Обозначьте частоту рассылок. Пользователь будет подготовлен к рассылке и оценит вашу открытость.
  9. Давайте выбор. Конверсии с релевантных рассылок будут выше, чем со всех подряд. Категории подписки отлично справятся с этой задачей.
  10. Стимулируйте подписку. За подарки, бонусы, эксклюзивные предложения и интересный контент вы получите больше контактов, чем за обещания.

Примеры статичных форм

Горизонтальная форма и ее разновидности

Статичная форма

+ ссылки на соцсети

Форма с соцсетями

+ ссылки на приложения

Форма + лого партнеров

форма не на всю ширину страницы

Форма в футере

Вертикальная форма и варианты ее расположения

Вертикальная форма
блок в блоге

Форма подписки

Боковой блок:

Боковая подписка

+ карта лояльности:

Специальные предложения

+ дополнительные поля:

Дополнительные поля
в футере:

Боковая подписка
на информационных страницах:

Подписка на инфостраницах

Специальный блок с выделяющимся оформлением:

Пример страницы eSputnik
на страницах блога:

Форма с подарком

на главной:

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

отдельная страница для подписки:

Отдельная страница для подписки
Комбинирование форм

выделенный блок + горизонтальная форма в футере:

Разные подходы

отдельная страница + горизонтальная форма:

Подписка в хедере

Что будет после отправления заявки

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

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email