Форма подписки поможет автору сайта собрать базу email подписчиков. База подписчиков — это база данных, содержащая e-mail адреса и имена людей, подписавшихся на вашу рассылку на сайте.
База подписчиков является важным инструментом инфобизнеса, важным помощником развития сайта, а подписчики — золотым активом сайта, людьми, наиболее полно вовлеченными во взаимодействие с вашим сайтом: они читают рассылку, переходят на страницы на вашем сайте, оставляют комментарии. Самое важное то, что между вами и вашими подписчиками формируются доверительные отношения и налаживается контакт. Именно этим подписчики отличаются от простых посетителей вашего сайта, зашедших, к примеру, из поисковой системы.
Если проводить параллели с обычной жизнью, то подписчик — это как постоянный клиент. Он предпочтет вас с большей вероятностью, чем что-то новое и непроверенное.
Форма подписки может быть создана с помощью «Конструктора форм» на сервисе SendPulse. Ниже рассмотрим, как работать с «Конструктором форм», чтобы получить форму подписки на любой вкус.
Посмотрите видео о создании формы подписки с использованием конструктора на SendPulse
Переходим в меню «Формы подписки» > «Создать форму подписки».
В SendPulse есть возможность создать форму с нуля или выбрать готовую.
При нажатии «Создать форму подписки» вам предоставляется выбор:
•«Готовые формы»
Это простой способ создать форму. Выберите готовую форму и отредактируйте названия полей.
•«Конструтор форм»
Здесь вы сможете создать форму подписки, применяя корпоративные цвета, шрифты и используя изображение.
Выбираем тип формы подписки
В сервисе доступно 4 вида форм:
•Встроенная форма
Используется для добавления формы подписки в самое удобное место вашего сайта.
•Попап-окно
Данный вид позволяет настроить всплывающее окно, которое отобразится пользователю через определенный промежуток времени после нахождения на вашем сайте.
•Плавающая
Будет отображаться в одном месте даже при прокрутке страницы пользователем.
•Фиксированная
Закрепите местоположение в хедере, в левой (правой) колонке или в подвале сайта.
Указываем адресную книгу
На втором шаге создания формы выберите адресные книги, в которые будут попадать данные из формы подписки. Вы можете выбрать из списка существующих или создать новые. При необходимости можно выбрать одновременно несколько книг.
Далее нажимаем «В редактор«.
В верхнем левом углу конструктора есть иконка быстрого добавления полей. Здесь собраны наиболее популярные элементы, которые требуются при создании формы.
По клику на ней раскроется меню, в котором вы найдете следующие поля: «Имя», «Телефон», «Адрес», «Дата», «URL», «Уже подписан». Нажмите нужный элемент левой клавишей мыши и перетащите его в форму.
Этих полей недостаточно для создания расширенной формы подписки, поэтому для полной настройки формы в редакторе слева вы найдете набор элементов, которые можно добавлять: «Поле ввода», «Чекбокс», «Радиокнопки», «Выпадающий список», «Текст», «Картинка», «Разделитель». По центру располагается заготовка для вашей будущей формы, которую вы будете редактировать.
В правой части экрана есть вкладка «Элемент» для настройки каждого из вышеперечисленных элементов, а также вкладка «Дизайн» для настройки общего дизайна формы подписки.
Элементы, которые можно добавить в форму.
Рассмотрим каждый из элементов.
•Поле ввода
С помощью данного элемента добавляйте поля в форму подписки.
Во вкладке «Элемент» вы можете назвать поле для ввода. По желанию ввести подсказку для того, чтобы пользователь точно понимал, какая информация требуется. Есть «обязательный» режим для поля — эта опция отвечает за то, что данные формы не отправятся до тех пор, пока пользователь полностью не заполнит их. Также к полю нужно привязать переменную, данные с этого поля будут передаваться в эту переменную.
•Чекбокс
Будет полезен при создании формы подписки в которой вы предоставляете выбор нескольких вариантов из списка. Например, при оформлении подписки пользователь может сделать несколько отметок о том, что он хочет получать от вашей компании:
1.новости,
2.скидки,
3.конкурсы,
4.приглашения на события.
Данные из чекбокса передаются в сервис в таком виде: если отмечено — «yes», если не отмечено — «no». Полученная информация попадает в сервис в переменную, которую вы привязали к данному чекбоксу. Не забудьте ее создать заранее в адресной книге.
•Радиокнопки
Радиокнопки используются в форме подписки для выбора одного из нескольких вариантов. Вам необходимо выбрать значение, которое будет передаваться в переменную в сервис. Переменные создаются заранее в адресной книге.
•Выпадающий список
В форму вы можете включить выпадающий список. Для этого задайте названия выпадающих пунктов в «Списке опций». Укажите значения к каждому из них, которое будет передаваться в переменную. На примере ниже создан выпадающий список городов, эта информация поможет таргетировать email кампании по городам.
• Текст
Пишите любые тексты в форме с помощью элемента «Текст». Во вкладке «Элемент» вы найдете: выделение жирным, вставку ссылки, расположение текста по ширине, цвет, размер и т.д.
•Изображение
Вставляйте изображение с помощью элемента «Картинка», допустим размер до 1 Mb, и не более 600х600 пикселей. Во вкладке «Элемент» задайте расположение по центру, справа или слева.
•Разделитель
Вы можете использовать элемент «Разделитель» для того, чтобы добавить немного свободного пространства в вашу форму. Во вкладке «Элемент» придайте разделителю нужную ширину.
Настройте общий вид формы подписки во вкладке «Дизайн»
В конструкторе есть возможность задать форме фон, скруглить углы, выбрать ширину и многое другое. Перейдем во вкладку «Дизайн» и рассмотрим все возможности.
Первый раздел — «Стиль блока», второй — «Поля ввода и названия». Пошагово рассмотрим каждый из разделов.
•Расположение полей
Настраивайте форму подписки вертикальной или горизонтальной. Для ясности приведем примеры, как она отобразится с применением опций:
«Вертикально»
«Горизонтально».
•На всю ширину
Эта опция растянет фон вашей формы подписки на всю ширину сайта.
• Ширина формы
Регулируйте ширину формы от 200 до 960 пикселей. Приведем примеры, как форма отображается в различной ширине:
360 пикселей,
960 пикселей.
•Фон формы
Устанавливайте фон формы подходящий вашему сайту. Для этого кликните на иконку цвета «rgba», откроется цветовая палитра и вы сможете подобрать нужный цвет.
В палитре есть бегунок для изменения степени прозрачности, им можно задавать прозрачность цвета формы. Если установить его в самое нижнее положение, фон формы станет полностью прозрачной.
