Заявка на форму подписки
Форма подписки — это специализированный блок, с помощью которого человек может подписаться на рассылку. Обычно его располагают на сайте/лендинге или в соцсети. Наличие даже простейшей формы способно в разы ускорить сбор контактов и повысить качество базы контактов.
В eSputnik вы самостоятельно можете создать этот элемент в конструкторе и быстро настроить его интеграцию с сайтом. Весь процесс пошагово расписан в этом материале.
Также специалисты агентства eSputnik всегда готовы помочь и сделать вам форму. Для этого нужно составить подробную заявку с описанием ваших пожеланий и передать ее техподдержке (support@esputnik.com). В теме письма напишите "Заявка на форму подписки", а в самом сообщении укажите свой аккаунт eSputnik.
Придерживайтесь наших рекомендаций, чтобы результат максимально соответствовал вашим пожеланиям. Чем подробнее и точнее информацию мы получим на начальном этапе, тем меньше времени уйдет на согласование и правки. А значит, форма будет готова быстрее.
Также мы можем бесплатно создать мастер-шаблон письма. Для этого напишите в поддержку.
Какая информация нужна для создания формы
Если вы еще не сталкивались с созданием форм, ознакомьтесь с советами по оформлению, чтобы лучше представлять, что должно получиться в результате.
Что нужно написать в заявке:
1) Назначение формы
Для какого ресурса она предназначена: ваш сайт (с URL) или страничка в Facebook (ссылка на группу или страницу). Если нужно разное оформление для сайта и соцсети, вариант для Facebook попробуйте сделать самостоятельно по инструкции или обратитесь к нашим специалистам.
2) Поля
Опишите, сколько полей должно быть у вашей формы, какие именно, какие из них обязательные. В большинстве случаев больше трех делать не нужно, т. к. их не будут заполнять. Дополнительные поля для передачи подробной информации о контакте и последующей сегментации можно настроить позже. Если необходимо, добавьте информацию о масках и форматах ввода. Обо всех особенностях напишите в заявке.
Пример:
Имя*
Номер телефона* 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, где возможно реализовать такую идею. Пример использования игрового всплывающего окна можно посмотреть здесь.
Для создания формы с геймификацией нужно:
- Зарегистрироваться на popmechanic.io.
- Создать форму в конструкторе (настроить ее цвет, дизайн, размеры).
- Настроить условия, при которых будет выводиться форма (закрытие окна / скроллинг / время на странице / количество просмотренных страниц).
- Определить то, где, кому и сколько она будет показываться (например: на каких страницах, с каких устройств, когда появится повторно и др.).
- Установить код на сайт или через GTM.
Теперь нужно подготовить свой аккаунт в сервисе рассылок к приему подписчиков. Создайте группу и настройте приветственную цепочку.
Далее настройте интеграцию с eSputnik: авторизуйтесь в системе, выберите группу и добавьте событие для старта welcome-сценария, которые вы создали у нас. При желании можно настроить дополнительные поля. Подробно о настройке написано в нашей совместной статье.
Протестируйте форму, чтобы убедиться, что сбор данных идет корректно. Это можно сделать с помощью ссылки предпросмотра, которую предоставит служба поддержки.
Важно:
После заполнения формы новым пользователям должно запускаться письмо-подтверждение подписки. В формах eSputnik можно сразу привязать письма с DOI. Если вы хотите глубже погрузиться в вопрос и настроить все вручную, то ознакомьтесь с инструкцией о том, как настроить Double Opt-In.
Полезные советы по оформлению формы подписки
Даже имея опыт работы с формами, среди наших советов вы можете найти что-то полезное.
- Выбирайте видное место для размещения формы. Но такое, чтобы пользователь не отвлекался от главного конверсионного действия (например, заказа).
- Делайте форму броской. Она должна выделяться, но не раздражать, а гармонировать с общим дизайном сайта.
- “Окружите” посетителей сайта. Форма не обязательно должна быть в одном месте. Комбинируйте разные виды. И даже если она одна, пусть будет сквозная – на всех страницах.
- Упрощайте процесс подписки. Ненужные поля и проверки, скорее всего, заставят потенциального подписчика бросить заполнение формы.
- Используйте психологические приемы – указатели, рамочки, анимацию и т. п., чтобы привлечь внимание посетителя.
- Продумайте текст. Не пишите растиражированные фразы, лучше расскажите, что ваша рассылка привнесет нового и полезного в жизнь подписчика.
- Оптимизируйте дизайн. Выделите кнопку, сделайте списки, добавьте подсказки, автозаполнение, валидацию email или телефона – все, чтобы быстро понять и заполнить поля.
- Расскажите, что будет после оформления подписки. Дайте ссылку на политику конфиденциальности. Обозначьте частоту рассылок. Пользователь будет подготовлен к рассылке и оценит вашу открытость.
- Давайте выбор. Конверсии с релевантных рассылок будут выше, чем со всех подряд. Категории подписки отлично справятся с этой задачей.
- Стимулируйте подписку. За подарки, бонусы, эксклюзивные предложения и интересный контент вы получите больше контактов, чем за обещания.
Примеры статичных форм
Горизонтальная форма и ее разновидности
+ ссылки на соцсети
+ ссылки на приложения
форма не на всю ширину страницы
Вертикальная форма и варианты ее расположения
блок в блоге
Боковой блок:
+ карта лояльности:
+ дополнительные поля:
в футере:
на информационных страницах:
Специальный блок с выделяющимся оформлением:
на страницах блога:
на главной:
отдельная страница для подписки:

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