Создаем адаптивную Landing Page (целевую страницу) — продолжение

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

Переходим на страницу регистрации https://smartresponder.ru/l_ru/user/reg.html

Smartresponder - выбор тарифного плана

Выбираем тариф Free и заполняем форму регистрации:

Smartresponder форма регистрации

Далее при входе заполняем дополнительную форму

Smartresponder - дополнительная форма

Теперь Вы можете создавать рассылки.

Подробнее о использовании сервиса Smartresponder можно узнать из этого курса.

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

Заходим в меню «Рассылки» — «Создать новую рассылку».

Появляется форма для ввода параметров нашей будущей рассылки.

Smartresponder - форма ввода параметров рассылки

В поле название рассылки вводим: «Шаблон Landing Page — целевой страницы».

Выбираем тематику рассылки: «Коммерческий веб-дизайн».

Язык оставляем русский.

Описание рассылки: «Готовый шаблон Landing Page — целевой страницы с инструкцией по адаптации и подключению к сервису Smartresponder.»

Далее выбираем тип рассылки: «Автоматическая последовательная серия писем».

Имя автора и обратный адрес для связи берутся из данных введенных при регистрации.

Далее можно отметить или снять отметку у параметров:

— Разрешить связываться с Вами со страницы рассылки в каталоге

— Не помещать рассылку в каталог рассылок

Сохраняем форму нажав «Сохранить новую рассылку».

Теперь нам необходимо создать форму подписки на рассылку.

Сделать это можно двумя способами.

Если перейти в меню «Формы» — «Гениратор форм пописки (новый)» мы можем создать форму подписки нового образца.

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

Переходим в «Формы» — «Гениратор форм пописки».

Smartresponder - создание формы подписки

Вводим название формы: «Шаблон Landing Page — целевой страницы».

Выбираем соответствующую рассылку.

Далее параметры мы не трогаем, кроме «Счетчик подписчиков» снимем у него галочку, чтобы он не отображался.

Сохраняем форму, предварительно нажав на кнопку «Отобразить код», копируем код формы в какой либо текстовый редактор.

Пока покидаем сервис Smartresponder и возвращаемся к коду нашей страницы.

Из скопированного года формы подписки нам будут нужны два параметра: uid и did[].

Найти их можно поиском по тексту файла формы пописки и скопировать значения value для каждого из параметров.

Теперь мы должны изменить наш код формы подписки на странице Landing Page.

Он будет иметь вид:

Мы не будем передавать или продавать третьим лицам ваш электронный адрес.

В строчках добавлены параметры из формы подписки:




Теперь полный код страницы.




    Twitter Bootstrap - пример Landing Page
	
    
    
    
	

    

	


	

Нужна подписная страница?

Не знаешь как её создать?

Всё просто.

Введи свой e-mail адрес в поле ниже и получи исходный код данной страницы и инструкцию по ее адаптации.

Мы не будем передавать или продавать третьим лицам ваш электронный адрес.

И вот как она выглядит окончательно.

Twitter Bootstrap - пример Landing Page - окончательный вариант

Посмотреть страницу в действии.

Теперь сохраняем нужные файлы в архив и копируем его на сервер.

А в рассылку добавляем письмо со ссылкой для его загрузки.

Письмо примерно такого содержания:

Здравствуйте!

Благодарю Вас за желание получить шаблон Landing Page.

Загрузить его Вы можете здесь

Инструкцию по шаблону и подключения его к сервису Smartresponder можно найти в заметках на блоге по адресам:

Страница — 1

Страница — 2

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

P.S. — Коммерческий сайт своими руками от и до — это просто! Не верите? Щелкайте здесь — перейти

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *