Шаг 4. Форма подписки для Landing Page

Автор: Александр Двораковский. Опубликовано в разделе Лендинг пейдж

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

Создаем мы ее, используя программу Adobe Muse.

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

Для создания формы подписки я буду использовать сервис Justclick. Вы спросите – Почему?

Я Вам отвечу.

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

Во вторых, – здесь есть возможность подставить адреса собственных страниц, которые будут показываться подписчику после его активации подписки. Что это такое, и как оно работает, я объясню Вам по ходу урока.

Создание Landing Page. Форма подписки для Landing Page


Регистрация в Justclick

Подпишитесь на мой YouTube канал

 

Поэтому, если у Вас еще нет своего аккаунта в этом сервисе, то рекомендую в нем зарегистрироваться.

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

В статье "План 2-49-49. Первая неделя" в разделе "Задания и инструкции для выполнения" найдите пункт "Регистрация в Justclick".)

Итак. Предполагаем, что Вы уже зарегистрированы в Justclick. Авторизуемся в систему и в своем кабинете, в вкладке «Рассылка» находим пункт меню «Группы подписчиков».

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

Чтобы создать новую группу, необходимо нажать на большую зеленую кнопку с названием «+Новая группа».

Первым делом, что нам необходимо сделать – это в графу «Идентификатор» ввести идентификатор группы на английском языке. Это будем видеть только мы и он необходим для того, чтобы в будущем, отличать одну группу подписчиков от другой среди множества созданных. Я впишу landing page.

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

Следующая вкладка, это письмо активации. То есть тот текст, который отсылается сервисом Justclick автоматически на e-mail подписчика сразу после того, как человек заполнил форму подписки и нажал кнопку «Отправить». Оставляю его без изменений.

Далее идет вкладка «Контакты отправителя». Что это такое. Здесь указаны имя, электронный адрес и другие контактные данные автора рассылки, которые будут указаны внизу письма активации.

Я желаю указать свои полные имя и фамилию, так как это усиливает доверие пользователя к автору, чем просто имя Александр, которых вокруг огромное множество. Поэтому изменяю просто Александр, на Александр Двораковский.

В графе «URL сайта в подписи» указан автоматически созданный системой адрес моей страницы на сервисе. Я предпочитаю указывать адрес своего личного сайта, поэтому поменяю на свой и в следующей графе «Название сайта в подписи» впишу его название – «Тайны интернет маркетинга»

В графу «Письма будут отправляться от» напишу, что письма будут отправляться от Александра Двораковского.

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

Больше ничего не меняю и не добавляю, и нажимаю кнопку «Сохранить»

Как Вы видите, в списке групп добавилась только что созданная нами группа подписчиков.

После этого мы можем приступать к созданию формы подписки.

Для этого, на этой же странице находим надпись «Генератор формы» и нажимаем на нее.

На данный момент ни одной созданной нами формы пока нет. Для создания нажимаем «+Добавить» и в открывшемся окне в графе «Название формы» даем ей имя «Подписка на Заработок в Topliders»

В следующей графе отметим галочкой ту группу подписчиков для которой предназначается эта форма. В данном случае это группа «landing_page Заработок в Topliders».

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

Такая функция, насколько я знаю, в остальных сервисах рассылок является платной, а Justclick предоставляет это бесплатно.

Функцию «Активация подписки» мы изменить не можем, она доступна только владельцем тарифа «Гуру».

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

Образцы таких страниц Вы увидите в конце этого видео. Кроме этого, в следующих уроках Вы научитесь делать их самостоятельно.

Идем далее. Во вкладке «Дополнительные поля» ничего не меняем, оставляем все как есть.

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

Во вкладке «Вид формы» тоже ничего не меняем.

Во вкладке «Вид кнопки» нам необходимо поменять цвет кнопки на красный, так как на образце,как мы знаем кнопка имеет красный цвет.

А также заменим стандартную надпись «Подписаться» на «Хочу знать как!»

Вкладку «Дополнительно» пропускаем и в конце проделанных действий копируем созданный код нашей формы подписки.

Возвращаемся в программу Muse. Здесь, в пункте меню «Объект» выбираем пункт «Вставить HTML». Удаляем содержимое и вставляем код созданной формы. ОК.

Форма появилась и давайте поставим ее на предполагаемое место.

Смотрим, что у нас получилось.

Все отлично. Форма отображается на странице, единственное, это то, что необходимо изменить размеры фона для формы и вставить маленькие изображения около полей ввода информации. А также изображение замка возле надписи «Ваш e-mail в безопасности».

Вернемся в программу и подправим.

Смотрим результат.

Вот так будет лучше.

Теперь вставим изображения. Как Вы знаете из предыдущего урока для этого необходимо выбрать пункт «Поместить». Так и сделаем. Файл, поместить и из папки с изображениями выбираем первый рисунок со значком e-mail. Размещаем его около соответствующего поля – e-mail.

Далее повторяем действие и выбираем изображение контура человека. Также размещаем его около соответствующего поля – имя.

Теперь выберем и вставим изображение замка и создадим надпись «Ваш e-mail в безопасности».

Как Вы помните, для этого необходимо активировать инструмент Текст, в виде буквы T. Создаем текстовый контур и вписываем текст.

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

Все отлично. Теперь давайте протестируем работоспособность формы. Я введу тестовые имя и e-mail и нажму кнопку «Хочу знать как!»

Как Вы видите, меня перенаправило на ту страницу, адрес которой я указал при создании формы подписки в пункте «URL после подписки». Такая страница смотрится более симпатичней, чем стандартная страница сервиса.

Теперь давайте посмотрим, пришло ли письмо для активации подписки. Перехожу в свой почтовый адрес и вижу, что Александр Двораковский прислал мне письмо с просьбой о подтверждении подписки. Открываю письмо и вижу все те данные, которые я использовал при создании активационного письма и формы подписки.

Кликнув на ссылку подтверждения система меня перенаправляет на страницу, которая сразу же предоставляет подписчику обещанную информацию.

На этой странице я разместил рекламное видео сервиса Topliders, и краткую рекламную информацию.

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

Если же нет, то я подготовил дополнительную информацию по регистрации, с которой человек может ознакомиться, нажав на кнопку «Инструкция по регистрации».

После знакомства, я опять же приглашаю зарегистрироваться, нажав на кнопку «Начать зарабатывать».

Теперь, давайте проверим, попал ли мой адрес в список подписчиков.

Вернемся на сервис Justclick, перейдем созданную группу подписчиков и проверим. Как мы видим в группе «landing_page Заработок в Topliders» появился один подписчик. Нажимаем вот здесь и видим. Мой почтовый адрес добавлен в группу. Все отлично работает.

На этом все. Форма подписки создана и установлена на страницу.

В следующих уроках я расскажу, как создавать страницы после активации, а также объясню, как весь созданный материал разместить в интернете.

До встречи в следующих уроках.

Задайте вопрос или оставьте свой комментарий:

"Мне искренне жаль тех людей, которые инвестируют деньги в проекты мошенников и тут же их теряют!"

Поэтому считаю своей задачей показать Вам инвестиционную компанию в которой я зарабатываю КРИПТОВАЛЮТУ уже больше года!

Вложил я всего 130 Евро!
За это время заработал больше 10000 Евро!

Друзья мои, я со спокойной душой могу сказать – это то, что Вы так долго искали!