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

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

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

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

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

У нас есть кнопка «Формы подписок», переходим по ней.

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

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

У нас есть три варианта настройки формы: всплывающее окно, ссылка на форму подписки и HTML-код, когда мы встраиваем код на свой сайт.

Начнем со всплывающего окна. Всплывающее окно можно получать при клике на ссылку или кнопку. Для этого нужно, опять же, встраивать код. Я оставлю ссылку на этот код в конце статьи, если кому-то нужно. Чтобы не перегружать данный курс, просто скажу, что имейте в виду – так делать можно, но для этого требуется помощь программиста.

Или мы можем уже самостоятельно настроить (или передать программисту). В настройках формы в первом пункте «Появление формы» нажимаем на кликабельный текст «Страница загружена», и выбираем событие для появления формы. Например, когда у нас загружена страница, будет появляться наша форма.

Частота появления: каждый раз – каждый раз, когда пользователь будет переходить на страницу, будет появляться форма. Здесь каких-то отдельных рекомендаций не дам, все зависит от задач вашей формы и вашего сайта. Если у вас сайт исключительно контентный, вы живете только за счет того, что вы собираете EMail, когда пользователь заполняет форму, только тогда происходит какая-то монетизация, то можно и каждый раз. Например, недавно с Яндекс.Музыкой что-то случилось, и я находил какие-то сайты с музыкой в интернете, на них очень агрессивная реклама. Но я понимаю, это не потому что сайты плохие, это единственный способ их заработка, они так работают. На своем сайте я тестирую монетизацию контента через рекламу, там она у меня менее агрессивная, потому что на сайте располагается в том числе данный курс. Посмотрим, куда эти тесты заведут. Имейте в виду, что частота появления сильно зависит от необходимости появления этой формы, так я скажу.

Время – сразу, например, через 5 секунд. Эффект появления – из центра. И положение – по центру.

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

Изображение можно выгрузить с компьютера или по ссылке. По умолчанию у нас только одно поле – EMail. Кнопка подписки «Подписаться». И можно поменять цвет кнопки. Кнопка «Закрыть», которая здесь рядом с формой. И успешная подписка после того, как пользователь подписался, ему дается сообщение, например, «Всё хорошо, друг мой!» Все это можно скорректировать, посмотреть, как это будет.

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

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

Перейдем к полям. Те поля, которые мы заполняем в форме, они будут потом соответствовать полям, которые находятся в нашей адресной книге. В случае с NotiSend – в группе с получателями. Есть какие-то устоявшиеся понятия в разных сервисах. В Mailchimp, например, называются «Листы с получателями», на одном из сервисов называется «Адресные книги», в NotiSend это «Группа получателей». Терминология разная, смысл один и тот же – это база получателей и возможность их сегментировать. По умолчанию у нас поле с вами «EMail», но это не отменяет того, что мы можем добавить поле.

Строка, если проводить аналогию с Excel, это текст. Например, «Имя». Далее число, например, какое-нибудь, мы у пользователя спросим «Сколько». Далее дата: «Когда вы родились?» Логическое «да/нет» – «Вы наш?». Местоположение, по идее, не будет показываться в форме. Автоматически сервис NotiSend на основе интеграции с каким-то сервисом геолокаций определяет местоположение пользователя. Нажимаем «Сохранить». Поля у нас появились. Какое-то поле можно сделать обязательными, какие-то необязательными. Отдельно эти поля можно удалить, если вы лишние создали, но уже не в форме, а для этого надо перейти в раздел меню «Получатели», провалиться в соответствующую форме группу получателей (в моем случае это группа «Для курса по рассылкам – 4») здесь нажать «Карандаш».

Тогда у нас появится возможность удалять поля.

Забираем эту форму, копируя скрипт, его вставляем на наш сайт. Я делаю на конструкторе Тильда, вы смотрите сами, где вы делаете. На Тильде я это делаю посредством добавления на страницу блока T123 «HTML-код» из библиотеки блоков, в контенте блока вставляю скопированный код формы подписки. Сохранить, опубликовать страницу. Напомню, что 5 секунд у нас временной лаг. Проверяем, форма появляется. Заполняем любыми данными и нажимаем кнопку «Записаться», чтоб убедиться, что данные попадут в соответствующую группу на стороне NotiSend.

Обратите внимание на URL. После нажатия кнопки «Записаться» на стороне NotiSend в настройках формы «Действия формы» можно использовать функцию – пользователь либо переходит на определенный URL, либо отображается текст – «всё, спасибо».

Это что касалось всплывающей формы. В настройках формы можно задать еще дополнительные настройки – страница загружена, покинул страницы, еще называется это Exit Script, когда пользователь покидает страницу, прокрутка вверх или вниз – не тестировал, но имейте в виду, что такое есть. Это то, что касалось формы, конструктора.

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

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

И третий вариант – выгрузка HTML-кода, что позволит нам показывать данную форму, как она есть. Давайте протестируем данный подход, что у нас получится. Переходим на третью вкладку «HTML-код» и копируем код формы.

На стороне конструктора Тильда добавляем на страницу из библиотеки блоков блок T123 «HTML-код», в контенте блока вставляю скопированный код формы подписки. Сохранить, опубликовать страницу. В текущем варианте кода форма будет отображаться с левой стороны страницы. Форму можно сделать по центру, добавив тег <center> над кодом формы и закрывающий тег </center> под кодом. «Опубликовать». И форма станет по центру.

Открываем страницу с формой, заполняем форму любыми данными для теста и нажимаем кнопку «Подписаться». Обратите внимание, что после заполнения формы и нажатия кнопки «Подписаться», из формы со страницы нас перекидывает на форму, которая располагается на этом сервисе – не совсем правильно с точки зрения usability, но ладно.

Ну и напоследок, на стороне сервиса NotiSend переходим в раздел меню «Получатели» в тестовую группу, которую мы создавали вначале всех настроек, в моем случае это «Для курса по рассылкам – 4». Посмотрим получателей. Обратите внимание, те тестовые, которых мы с вами заполняли, они все сюда попали. Все у нас получилось, что не может не радовать.

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

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

Напоминаю, что уроки для вас записывает Алексей Чесноков в содружестве с РЭУ им. Плеханова и сервисом NotiSend. Спасибо за прочтение! До встречи в следующих уроках!