бесплатный курс по Email-маркетингу. Урок №7

Создание Формы Подписки на Рассылку

В данном уроке мы с вами научимся создавать и настраивать форму подписки на EMail-рассылку на стороне сервиса NotiSend и интегрировать эту форму с сайтом.
Пусть Ваши клиенты не пропустят ни одну важную новость или событие - подпишутся на Вашу рассылку прямо сейчас, просто введя свой email в форму подписки!
Изучаете урок. Приступить к обучению можно в любое время, вне зависимости даты выхода урока №1.
Проходите тест к уроку чтоб по итогу обучения получить сертификат об успешном прохождении курса.
Если у вас возникают вопросы по теме урока или обучению, вы можете задать их в комментариях под уроком.

Пройти тест к уроку №7


При условии, что вы прослушаете 20 уроков и выполните все тестовые задания к ним, то по итогу обучения вы получите сертификат о прохождении курса по EMail-рассылкам.

Перейти на главную страницу бесплатного курса по EMail рассылкам

На странице курса вы найдете весь список уроков, а также подробную информацию об обучении
Услуги и обучающие онлайн-курсы в области Digital-маркетинга и EMail маркетинга
Бонус 5000 писем для бесплатной рассылки. Регистрация по моим реферальным ссылкам приносит удачу!
Обучающие программы и курсы по маркетингу от практикующего маркетолога со стажем более 10 лет.
Предлагаю весь спектр маркетинговых услуг по созданию, ведению и развитию Вашего бизнеса
ТЕГИ
Email маркетинг, Емейл рассылки, Подписка на рассылку, Создание формы подписки, Форма подписки, Форма подписки на сайт, Форма подписки на рассылку HTML

О чем урок:

  • Настройка формы подписки через всплывающее окно
  • Создание формы и интеграция на сайт через ссылку
  • Вставка формы на сайт через HTML код: как разместить HTML-код формы подписки на сайте?

Кому полезен урок:

  • Начинающим Email-маркетологам, чтобы структурировать знания и научиться создавать эффективные рассылки, что является ключевым инструментом их профессии;
  • Собственникам бизнеса, для контроля работы подрядчиков или чтоб научиться самостоятельно создавать эффективной рассылки, которые помогут привлекать больше клиентов и увеличивать прибыль;
  • Новичкам в digital, чтобы расширить знания, научиться эффективно работать с клиентской базой и развивать профессиональные навыки в этой области;
  • Фрилансерам, работающим в области интернет-маркетинга, для расширении компетенций и умений в области создания и ведения эффективной рассылки;
  • Интернет-маркетологам, чтобы эффективно использовать этот канал в продвижении продуктов/услуг и увеличении конверсии;
  • Специалистам по чат-ботам, чтобы получить дополнительные знания и умения в области digital-маркетинга, что позволит создавать более эффективные стратегии продвижения.
Настало время в нашем с вами бесплатном курсе по EMail-рассылкам от Алексея Чеснокова, РЭУ им. Плеханова и сервиса по EMail-рассылкам NotiSend, на котором мы проходим все практические аспекты нашего курса, перейти от слов к делу. До этого у нас были фактически только теоретические материалы. А это наше первое практическое занятие, в котором мы будем создавать формы подписки и интегрировать их с сайтом. Я это буду делать на конструкторе Tilda. Если вы проходите «для себя», тоже рекомендую зарегистрироваться в этом конструкторе. Реферальная ссылка будет в конце статьи, при регистрации есть бесплатного доступа, и это позволит вам последующие практические занятия выполнять на данном конструкторе. Или, как минимум, по формам можно на этом конструкторе выполнить. По формам – я имею в виду немного попрактиковаться.

Это шестой урок, в рамках которого, если вы пройдете все 20 уроков (ссылка на них в конце статьи), в самом низу страницы есть тест. Если все тесты проходите с одного и того же EMail, указывая одни и те же имя и фамилию, то в конце получаете сертификат. Сертификат именной: от меня, РЭУ им. Плеханова (так как под их эгидой проходит данный курс) и NotiSend – такой замечательный сертификат можно получить.

Чтобы проходить практические занятия, вам нужно зарегистрироваться в сервисе NotiSend, в конце статьи есть реферальная ссылка. По ней переходите, регистрируетесь. Помимо всех преимуществ данного сервиса, получаете в подарок 5 000 писем для рассылок бесплатно. И также в конце вас ждет небольшой бонус – читайте материал до конца. По поводу конструктора Tilda: есть курс по созданию сайтов, правда, он не бесплатный, ссылка также есть в конце статьи, можете перейти, посмотреть, этот курс тоже пройти.

Форма подписки на рассылку: первый этап настройки

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

Что за форма подписки, зачем она нужна. У нас есть группа, мы берем форму, код, его вставляем на сайт либо передаем программисту, и у нас на сайте появляется форма. Это один из путей интеграции. Второй вариант: если вы работаете на конструкторе Tilda, то какую-то форму, созданную в самом конструкторе Tilda посредством блока, который называется «Форма», можно интегрировать с сервисом NotiSend, то есть отправлять данные подписчиков в какую-либо группу получателей. Отдельное для этого есть видео, ссылка есть в списке дополнительного материала под видео вначале статьи. Это второй путь. И третий путь, когда интегрирует форму в том дизайне, который у вас есть, уже программист с сервисом NotiSend. Это совсем другая история, я стараюсь минимально лезть во все вопросы, связанные с программированием.


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


Итак, продолжим работать над созданием формы.


Кликаем по кнопке «+ Добавить группу». Задаем ее название, например: «Для курса по рассылкам – 4». Сохраняем.

Новая группа получателей
У нас есть кнопка «Формы подписок», переходим по ней.
Формы подписок
Что касается форм вообще. Первое, о чем хотелось бы оговориться, такие формы по умолчанию, по крайней мере, в текущей версии NotiSend при условии, что вы используете данный способ, требуют так называемый Double Opt-In. Мы говорили про Double Opt-In в предыдущих уроках, когда пользователь подписывается, потом на почту ему приходит автоматически письмо, в котором нужно кликнуть на подтверждение, что он согласен получать письма, тогда в списке подписчиков данный пользователь станет активным. По умолчанию формы через Double Opt-In подписываются. Чтобы не было Double Opt-In подписки, в сам код формы нужно интегрировать дополнительные элементы.

В списке дополнительного материала под видео вначале статьи есть ссылка на документ в блокноте, в котором эти дополнительные элементы прописываются, некий мануал. Я думаю, что в рамках обучающего курса этим перегружать не хочется. Чтобы вы это знали, я это озвучил. Если кому-то потребуется, можно скачать этот документ либо передать программисту, если вы с программистом будете потом сотрудничать, либо самому настроить, если вы сами решите немножко заниматься программированием, как и я, либо просто иметь в виду.
Варианты форм подписки
У нас есть три варианта настройки формы: всплывающее окно, ссылка на форму подписки и HTML-код, когда мы встраиваем код на свой сайт.

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

Начнем со всплывающего окна. Всплывающее окно можно получать при клике на ссылку или кнопку. Для этого нужно, опять же, встраивать код. Я оставлю ссылку на этот код в конце статьи, если кому-то нужно. Чтобы не перегружать данный курс, просто скажу, что имейте в виду – так делать можно, но для этого требуется помощь программиста.
Форма подписки в всплывающем окне
Или мы можем уже самостоятельно настроить (или передать программисту). В настройках формы в первом пункте «Появление формы» нажимаем на кликабельный текст «Страница загружена», и выбираем событие для появления формы. Например, когда у нас загружена страница, будет появляться наша форма.
Событие появления формы подписки
Частота появления: каждый раз – каждый раз, когда пользователь будет переходить на страницу, будет появляться форма. Здесь каких-то отдельных рекомендаций не дам, все зависит от задач вашей формы и вашего сайта. Если у вас сайт исключительно контентный, вы живете только за счет того, что вы собираете EMail, когда пользователь заполняет форму, только тогда происходит какая-то монетизация, то можно и каждый раз. Например, недавно с Яндекс.Музыкой что-то случилось, и я находил какие-то сайты с музыкой в интернете, на них очень агрессивная реклама. Но я понимаю, это не потому что сайты плохие, это единственный способ их заработка, они так работают. На своем сайте я тестирую монетизацию контента через рекламу, там она у меня менее агрессивная, потому что на сайте располагается в том числе данный курс. Посмотрим, куда эти тесты заведут. Имейте в виду, что частота появления сильно зависит от необходимости появления этой формы, так я скажу.
Частота появления формы подписки
Время – сразу, например, через 5 секунд. Эффект появления – из центра. И положение – по центру.
Можно здесь посмотреть, как это будет выглядеть на мобильных и на десктопных устройствах. Также можно скорректировать заголовок, описание. Чуть отдельно скажу про поля.
Изображение можно выгрузить с компьютера или по ссылке. По умолчанию у нас только одно поле – EMail. Кнопка подписки «Подписаться». И можно поменять цвет кнопки. Кнопка «Закрыть», которая здесь рядом с формой. И успешная подписка после того, как пользователь подписался, ему дается сообщение, например, «Всё хорошо, друг мой!» Все это можно скорректировать, посмотреть, как это будет.

Есть какие-то шаблоны, которые нам предлагаются, мы их можем использовать, точно так же корректируя. В конце нажимаем кнопку «Сохранить».
настройка формы
У нас получилась такая форма: появление страницы через 5, положение по центру. Можно «Растянуть» или отменить, тогда она будет показываться просто по центру.

Перейдем к полям. Те поля, которые мы заполняем в форме, они будут потом соответствовать полям, которые находятся в нашей адресной книге. В случае с NotiSend – в группе с получателями. Есть какие-то устоявшиеся понятия в разных сервисах. В Mailchimp, например, называются «Листы с получателями», на одном из сервисов называется «Адресные книги», в NotiSend это «Группа получателей». Терминология разная, смысл один и тот же – это база получателей и возможность их сегментировать. По умолчанию у нас поле с вами «EMail», но это не отменяет того, что мы можем добавить поле.
Настройки полей форм
Строка, если проводить аналогию с Excel, это текст. Например, «Имя». Далее число, например, какое-нибудь, мы у пользователя спросим «Сколько». Далее дата: «Когда вы родились?» Логическое «да/нет» – «Вы наш?». Местоположение, по идее, не будет показываться в форме. Автоматически сервис NotiSend на основе интеграции с каким-то сервисом геолокаций определяет местоположение пользователя. Нажимаем «Сохранить». Поля у нас появились. Какое-то поле можно сделать обязательными, какие-то необязательными. Отдельно эти поля можно удалить, если вы лишние создали, но уже не в форме, а для этого надо перейти в раздел меню «Получатели», провалиться в соответствующую форме группу получателей (в моем случае это группа «Для курса по рассылкам – 4») здесь нажать «Карандаш».
Редактирование полей формы подписки
Тогда у нас появится возможность удалять поля.
Редактирование полей форм
Забираем эту форму, копируя скрипт, его вставляем на наш сайт. Я делаю на конструкторе Тильда, вы смотрите сами, где вы делаете. На Тильде я это делаю посредством добавления на страницу блока T123 «HTML-код» из библиотеки блоков, в контенте блока вставляю скопированный код формы подписки. Сохранить, опубликовать страницу. Напомню, что 5 секунд у нас временной лаг. Проверяем, форма появляется. Заполняем любыми данными и нажимаем кнопку «Записаться», чтоб убедиться, что данные попадут в соответствующую группу на стороне NotiSend.
Обратите внимание на URL. После нажатия кнопки «Записаться» на стороне NotiSend в настройках формы «Действия формы» можно использовать функцию – пользователь либо переходит на определенный URL, либо отображается текст – «всё, спасибо».
Настройка формы
Поведение формы подписки
Это что касалось всплывающей формы. В настройках формы можно задать еще дополнительные настройки – страница загружена, покинул страницы, еще называется это Exit Script, когда пользователь покидает страницу, прокрутка вверх или вниз – не тестировал, но имейте в виду, что такое есть. Это то, что касалось формы, конструктора.
Событие появления формы подписки

Ссылка на форму подписки

Теперь рассмотрим вариант, когда пользователь при клике на какую-то ссылку будет попадать на страницу с формой подписки. Настройки непосредственно самой формы мы произвели ранее при настройке всплывающего окна. Для того чтоб забрать ссылку на форму нужно перейти на вкладку «Ссылка на форму подписки». Перед тем как забрать ссылку на открытие формы, можем прописать заголовок и описание для страницы с формой. Сохраняем. Копируем URL (ссылку на страницу с формой) и подвязываем его к кнопке на нашем сайте.
Ссылка на форму подписки
На стороне конструктора Тильда я сделаю вот кнопку: Библиотека блоков → Кнопка → блок BF101 (можно любой другой блок кнопки использовать). В контенте блока в качестве ссылки для кнопки вставляю ссылку на форму подписки. «Опубликовать». Переходим на страницу с кнопкой. Обратите внимание, при нажатии кнопки в том же окне мы уходим с этого сайта и попадаем на другой. Заполняем любыми данными для теста и нажимаем кнопку «Подписаться». Это второй вариант.

Выгрузка HTML-кода формы подписки на сайт

И третий вариант – выгрузка HTML-кода, что позволит нам показывать данную форму, как она есть. Давайте протестируем данный подход, что у нас получится. Переходим на третью вкладку «HTML-код» и копируем код формы.
HTML-код формы подписки
На стороне конструктора Тильда добавляем на страницу из библиотеки блоков блок T123 «HTML-код», в контенте блока вставляю скопированный код формы подписки. Сохранить, опубликовать страницу. В текущем варианте кода форма будет отображаться с левой стороны страницы. Форму можно сделать по центру, добавив тег <center> над кодом формы и закрывающий тег </center> под кодом. «Опубликовать». И форма станет по центру.
HTML-код
Открываем страницу с формой, заполняем форму любыми данными для теста и нажимаем кнопку «Подписаться». Обратите внимание, что после заполнения формы и нажатия кнопки «Подписаться», из формы со страницы нас перекидывает на форму, которая располагается на этом сервисе – не совсем правильно с точки зрения usability, но ладно.
HTML-код формы
Ну и напоследок, на стороне сервиса NotiSend переходим в раздел меню «Получатели» в тестовую группу, которую мы создавали вначале всех настроек, в моем случае это «Для курса по рассылкам – 4». Посмотрим получателей. Обратите внимание, те тестовые, которых мы с вами заполняли, они все сюда попали. Все у нас получилось, что не может не радовать.
HTML-код формы
Не забудьте поставить данному уроку лайк, подпишитесь на канал «Маркетинг в огне», чтобы не пропускать новые уроки, если они еще не опубликованы, по digital-маркетингу, по EMail-маркетингу, по чат-ботам. Если у вас есть вопросы, связанные с курсом, с EMail-маркетингом, с digital-маркетингом, вообще какие-то вопросы профессионального толка, пожалуйста, задавайте их в комментариях – буду на них отвечать. Просмотрите другие уроки – рекомендую.

Напоминаю про реферальную ссылку, при регистрации по которой в NotiSend вы получаете, помимо всех возможностей, которые я в этом уроке продемонстрировал, еще и 5 000 писем. Также бонус: полезный контент «Как продавать в приветственных письмах» – получите такой мануал себе на почту, перейдя по ссылке. Вы попадаете в Telegram-канал, где есть инструкция, как получить такой мануал.

Напоминаю, что уроки для вас записывает Алексей Чесноков в содружестве с РЭУ им. Плеханова и сервисом NotiSend. Спасибо за прочтение! До встречи в следующих уроках!
Урок подготовил Алексей Чесноков. Создатель видеостудии "Башня", видеоблогер, практикующий маркетолог, преподаватель маркетинга и интернет маркетинга в ведущих университетах, бизнес-школах и тренинговых центрах Москвы.
Этот урок был для Вас полезным?
Понравился урок? Поделиться с друзьями:
Не пропускайте новые уроки от Чеснокова – подписывайтесь на рассылку.
Made on
Tilda