Все коллекции
Формы подписки. Вопрос - ответ
Всплывающая (pop-up) форма подписки
Всплывающая (pop-up) форма подписки

Как создать всплывающую (pop-up) форму для сбора контактов

Даша Савицкая avatar
Автор: Даша Савицкая
Обновлено больше недели назад

Функционал создания формы подписки состоит из следующих основных блоков: 

1. Верхнее навигационное меню создания формы, содержащее 4 раздела: "Сообщение", "Внешний вид", "Поля", "Поведение". 

2. Поле редактирования соответствующего раздела (в текущем примере открыт первый шаг "сообщение", подробнее настройки каждого шага мы рассмотрим далее).

3. В правой части экрана находится предпросмотр формы подписки. Здесь Вы можете видеть, как будет выглядеть ваша форма.

4. Код для вставки доступен при переходе в соответствующий раздел над предпросмотром формы. Это готовый код формы, который необходимо вставить на Вашем сайте или блоге.

Шаг "Сообщение" 

Обращение (текст самой формы):

1. Заголовок формы

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

3. Текст кнопки подписки

Благодарность за подписку (текст, который видит подписчик после заполнения всех полей и нажатия на кнопку подписки):

4. Заголовок благодарности

5. Краткое описание (здесь лучше всего уточнить, что клиента будет ожидать письмо активации на указанной им ранее почте, а также действия, которые клиенту необходимо совершить для завершения подписки)

6. С 1 июля 2017 года существенно ужесточена ответственность за нарушения при взаимодействии с персональными данными физических лиц. Это следует из положений Федерального закона от 07.02.2017 № 13-ФЗ. Поправки касаются практически всего бизнес-сообщества, взаимодействующего в персональными данными физических лиц (например, владельцев сайтов, которые собирают персональные данные посетителей). Согласно пункту 1 статьи 3 Федерального закона от 27 июля 2006 № 152-ФЗ под персональными данными можно понимать любую информацию, прямо или косвенно относящуюся к определенному физическому лицу (субъекту персональных данных). Примерами такой информации может быть фамилия, имя, отчество, дата и место рождения, место проживания и т. д. Мнения юристов касательно email-адреса расходятся: кто-то безусловно относит его к персональным данным, кто-то - нет. Но зачем спорить и рисковать? Чтобы гарантированно обезопасить себя от штрафов из-за нарушения законодательства в отношении персональных данных, мы рекомендуем разместить у себя на сайте согласие на обработку персональных данных, которое посетитель сайта должен принять, оставляя свои данные на вашем сайте, например, в форме подписки или регистрации. Пример, такого согласия есть и у нас на сайте: https://dashamail.ru/privacy/
Мы уже доработали функционал сервиса DashaMail для создания форм подписок. Теперь вы можете указать в форме ссылку на вашу политику в отношении персональных данных, которую посетитель сайта принимает, заполняя поля.

Шаг "Внешний вид" 

Здесь Вы можете задать:

1. Цвета окна формы
2. Логотип для формы.

Для загрузки логотипа в поле необходимо ввести ссылку на нужное изображение, загруженное предварительно в интернет: 

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

Шаг "Поля"

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

Каждое из добавленных полей можно отредактировать или удалить (удалить можно все поля, кроме поля email, т.к. оно является обязательным): 

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

Шаг "Поведение"

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

Здесь задается условие, при котором форма будет появляться, а также время задержки показа формы после загрузки страницы сайта. После проведения всех настроек формы обязательно сохраните все изменения, нажав на кнопку "Сохранить".

Полученный код можно смело вставлять на нужную Вам страницу сайта или блога.

Нашли ответ на свой вопрос?