В этой статье мы рассмотрим конструктор форм подписок в NotiSend. Добавьте форму на сайт и собирайте новых подписчиков в группы получателей для рассылок.
Как сделать форму подписки на сайте
1. Зайдите в личный кабинет Notisend или зарегистрируйтесь.
2. Войдите во вкладку «Получатели» и выберите группу получателей, в которую в дальнейшем будут попадать новые подписчики, либо создайте новую группу:
3. Нажмите на кнопку «Форма подписки»:
Теперь вы попали в интерфейс форм подписок. Рассмотрим функционал.
1. Всплывающее окно. Это pop-up окно, которое появляется при совершении пользователем тех или иных действий на сайте (прокрутка до определённого места на сайте, провождение на сайте N секунд, попытка выхода с сайта и пр.).
2. Ссылка на форму подписки. Вы можете создать простую форму подписки, в которой будет располагаться заголовок, описание и форма подписки с необходимым количеством полей. Эту форму вы можете отправить своей аудитории в виде ссылки. Перейдя по ссылке пользователь попадёт на страницу, на которой будет располагаться только эта форма. После заполнения формы подписки пользователь автоматически попадёт в ту группу получателей, в которой вы настроили данную форму.
3. HTML код. Вы можете создать форму подписки в нашем конструкторе форм, скопировать html код формы без стилей и вставить на свой сайт.
В нижней части страницы у вас есть возможность добавлять поля форм подписок, которые будут автоматически вставлены в вашу созданную форму подписки. При заполнении формы введённые данные будут автоматически заполняться в профиле подписчика. Их вы можете посмотреть в той группе получателей, в которой вы создали форму.
Помимо этого, вы можете сразу добавить чекбоксы согласий в форму подписки, чтобы соблюдать 152-ФЗ «О персональных данных» и 38-ФЗ «О рекламе», создавать дизайн и настраивать double opt-in письмо (письмо о подтверждении подписки) для своих пользователей:
Подробный функционал конструктора форм подписки
Выбираем пункт «Всплывающее окно» и нажимаем на кнопку «Редактировать форму» — чтобы отредактировать уже существующую форму или создать форму самостоятельно. Либо, кнопку «Выбрать другой шаблон» и на основе выбранного шаблона уже редактировать форму. Создавать форму подписки по шаблону намного легче и удобнее, поэтому рекомендуем вам пользоваться именно шаблонами:
Если вы выбрали пункт «Выбрать другой шаблон», то не обязательно копировать весь дизайн формы из понравившегося шаблона, можно скопировать только стили формы подписки. Для этого, необходимо включить эту функцию:
После выбора шаблона, нажмите на него и вы попадёте в конструктор форм. Рассмотрим более подробно по пунктам:
- Основные пункты настроек форм;
- Настройки выбранного пункта;
- Возможность посмотреть как отображается ваша форма на десктопных и мобильных устройствах;
- Отображение созданной формы подписки;
- Возможность вернуться назад или выбрать другой шаблон;
- Завершение и сохранение созданной формы подписки.
Разберём каждый пункт настроек:
1. Структура
В этом пункте вы можете отредактировать:
- подложку, в том числе вид формы (горизонтальный или вертикальный), выравнивание содержимого формы, размер формы, цвет и стиль границы формы, толщину границ, скругление углов формы и другие;
- заголовок;
- содержание;
- текст кнопки подписки;
- изображение;
- оформление кнопок «подписаться» и «закрыть».
2. Поведение
В этом пункте вы можете отредактировать:
- событие, при котором будет всплывать форма;
- частота появления формы, например, каждый раз при переходе на страницу или раз в час;
- через какое время будет появляться форма;
- эффект появления;
- положение диалога (расположение формы по центру, внизу, вверху, в углу и пр.);
- также вы можете растянуть форму во весь экран.
По завершению редактирования формы подписки, нажмите на кнопку «Сохранить» в правом верхнем углу экрана:
Добавление дополнительных полей для заполнения
После завершения редактирования формы подписки, добавьте необходимые поля для заполнения, перед подпиской на вашу рассылку. Для этого, нажмите на кнопку «+Добавить поле»:
Затем, задайте название поля и выберите тип заполнения:
- строка;
- число;
- дата;
- логический.
После этого, нажмите сохранить:
Активируйте созданные поля для вашей формы:
Как настроить согласия пользователей
Чекбоксы автоматически появляются во всех типах форм подписки: всплывающее окно, страница-ссылка и HTML-форма для встраивания на сайт.
Как это выглядит
Перед кнопкой «Подписаться» пользователь видит один или два чекбокса:
- ☐ Я даю согласие на обработку моих персональных данных Подробнее →
- ☐ Я даю согласие на получение рекламных рассылок Подробнее →
Кнопка «Подписаться» разблокируется только после того, как пользователь отметит все показанные чекбоксы.
Для настройки согласий заполните нужные поля:
Согласие 1 — Обработка персональных данных (152-ФЗ)
- «Текст согласия» — фраза, которую увидит пользователь рядом с чекбоксом. Например: «Я даю согласие на обработку моих персональных данных».
- «Ссылка на документ» — URL (веб-адрес страницы) вашей политики конфиденциальности или договора-оферты. Если указать — рядом с текстом появится кликабельная ссылка «Подробнее».
Согласие 2 — Рекламные рассылки (38-ФЗ)
- Пример текста согласия: «Я согласен получать рекламные и информационные рассылки».
- «Ссылка на документ» — URL документа с условиями рассылок.
Важно
Текст согласия — не более 1024 символов, ссылка — не более 2048 символов. Ссылка должна начинаться с `http://` или `https://`.
Настройки сохраняются автоматически, нажимать «Сохранить» не нужно. Индикатор рядом с заголовком блока показывает статус: сохраняется ⟳, сохранено ✓.
Важные детали
- Оба поля необязательны
Достаточно заполнить одно из двух в каждом блоке: либо текст, либо ссылку.
- Если ничего не заполнено
Когда оба поля в блоке пусты — чекбокс не отображается. При этом форма работает в привычном режиме без каких-либо изменений.
- Текст по умолчанию
Если вы указали только ссылку, но не написали текст — будет использован текст по умолчанию («Я даю согласие на обработку моих персональных данных» / «Я даю согласие на получение рекламных и информационных рассылок»).
Где отображаются чекбоксы
В редакторе попапов чекбоксы отображаются в предпросмотре между полями ввода и кнопкой, чтобы вы видели итоговый вид формы.
| Тип формы | Чекбоксы | Блокировка кнопки |
| Всплывающее окно (попап) | ✅ | ✅ JS |
| Страница-ссылка | ✅ | ✅ JS |
| HTML-форма для сайта | ✅ | — (без JS) |
JS — это JavaScript. Во всплывающем окне и на странице-ссылке кнопка блокируется автоматически; в HTML-форме этой блокировки нет, чтобы вы могли реализовать её самостоятельно при необходимости.
Как вставить форму email подписки на сайт
Для того, чтобы вставить созданную форму на сайт, просто скопируйте готовый код формы и вставьте его к себе на сайт. Если у вас нет знаний, как это сделать, наша техническая поддержка может в этом помочь:
Подборка идей форм подписок на сайт
Ранее, мы писали для вас отдельную статью, в которой подробно показали идеи форм подписок.
Создавайте уникальные формы email подписок, эффективно собирайте подписчиков и делайте качественные email рассылки!
