Создание формы для подписки на email рассылку

Итак, представьте себе ситуацию — у вас есть сайт, и вы хотите, чтобы на этом сайте была форма, и когда пользователь заполнял эту форму, данные поступали в NotiSend. В этой статье расскажу и покажу самую, наверное, простую форму.

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

При переходе в созданную или существующую группу получателей мы видим 3 кнопки:

• «+Добавить получателя»;
• «Загрузить получателей»;
• «Форма подписки».

Нас будет интересовать «Форма подписки» — кликаем на кнопку. В интерфейсе форм подписок нас спрашивают: «Какую форму вы хотите видеть?». Доступны следующие варианты:

1. Всплывающее окно — для размещения кода формы подписки на своем сайте. Форма в виде pop-up окна будет появляться на сайте, когда пользователь совершает какое-то действие, например, находится на странице 5 минут, хочет закрыть страницу или проскролил до определенного места на странице.
2. Ссылка на форму подписки — для отправки ссылки своим подписчиками. Это простая форма с заголовком, описанием и полями для заполнения данных. Ее можно отправить кому-либо в виде ссылки, перейдя по которой пользователь попадёт на пустую страницу, где будет только эта форма. Если пользователь заполнит эту форму, он автоматически попадет в группу получателей, для которой вы создали эту форму.
3. HTML код — для копирования HTML кода формы без стилей и размещения его на сайте.

Нас будет интересовать HTML-код. Почему? Потому что его, на мой взгляд, проще продемонстрировать, и он будет понятней других вариантов.

Переходим на вкладку «HTML код». По умолчанию нам предлагается код формы с базовым набором полей: Email и Обращение (имя).

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

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

Копируем HTML код созданной нами формы и переходим на конструктор Тильда. Если ваш сайт создан на другом конструкторе или на CMS, принцип вставки кода будет отличаться и может быть недоступен, в случае, когда это не предусмотрено функционалом.

Чтобы добавить код формы на страницу, откройте Библиотеку блоков → Другое и добавьте блок T123. В контенте блока вставьте ранее скопированный HTML-код. В текущем формате кода форма будет расположена не по центру. Чтоб это исправить нужно заключить код в дополнительный контейнер:
<center>
HTML-код формы
</center

После добавления кода на конструкторе Тильда нужно опубликовать страницу и переопубликовать все страницы сайта.

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


Теперь Вы знаете все, или почти все, о рассылках в NotiSend. Надеюсь, эта информация Вам пригодится.

Пожалуйста, оцените статью. Ваши лайки, комментарии и даже дизлайки помогут сделать сайт более информативным. Также в комментариях можно задавать вопросы, связанные с интернет-маркетингом. Самые интересные из них рассмотрим в следующих видео и статьях. Подписывайтесь на YouTube канал «Маркетинг в огне» со мной, Алексеем Чесноковым, и Вы всегда будете в курсе маркетинговых новостей.

Если Вы хотите более глубоко изучить Digital-маркетинг вообще и, в частности, научиться создавать сайты на конструкторе Tilda – ниже ссылки на мои обучающие курсы.