Подписные страницы. Как сделать подписную страницу

Что ни говорите но в Интернете встречают по одежке. От того как будет оформлена страница приземления, на Вашу рассылку, сильно зависит количество кликнувших на кнопку “Подписаться”

Сейчас в арсенале блоггеров есть такие плагины, для быстрого создания страниц подписки, как wppage и классный плагин для создания мультимедийных страниц Youtube Landing Page

Но все это платные варианты и стоят не так ужи мало.

Что делать начинающим блоггерам, для которых лишняя сотня долларов, пока еще не ЛИШНЯЯ?

Можно самостоятельно сесть нарисовать страничку в Фотошопе и потом сверстать в Дримвере.

Можно, но это займет уйму времени, и Вас затянет трясина ковыряния в коде и возни со стилями.

Я предлагаю Вам, решение попроще.Шаблоны страниц подписки

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

Я хочу подарить Вам пак из 25-ти шаблонов страниц подписки.

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

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

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

Поэтому если буду косячить и запинаться, прошу не судить строго!

Скачать пакет шаблонов страниц приземления.

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

Вышлю шаблоны вручную! Спасибо за понимание.

Создание проектов под ключ любой сложности!
Доводка сырых сайтов до кондиции
Разработка уникального дизайна под заказ
Верстка и натяжка на популярные ситемы: WordPress, MODX, OpenCart Обращайтесь, сделаем качественно и красиво!

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

Что такое сайт воронка

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

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

Как сделать сайт воронку или подписную страницу

После того как Вы скачали архив и разархивировали его с помощью архиватора, у Вас появились шаблоны воронок, смотрим скриншот:

Открываем любую папку и смотрим что у нас там есть, а у нас там есть папка со стилями, папка с картинками и сама страница подписки, это файл index, как раз его и надо будет редактировать. Итак, давайте я покажу Вам пример, открываем шаблон №3 и видим следующее:

Здесь нам надо отредактировать файл index.html, больше пока никакие папки не трогаем. Для того чтобы просмотреть как выглядит шаблон в , можно пойти двумя путями, использовать специальную программу, а можно просто навести мышкой на файл index и нажать правую кнопку мыши, далее «Открыть с помощью» и выбираем свой браузер, таким образом нам не нужны дополнительные программы. Вот что у Вас должно получиться:

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

Как сделать сайт воронку. Видеоурок.

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

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

Если Вы будете использовать шаблон №4 то для того чтобы изменить картинку на свою, Вам надо будет прописать путь, но проще назвать картинку так как она названа в шаблоне, в папке image и сразу загрузить её в папку, в этом случае Вам не надо прописывать путь к картинке в шаблоне.

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

В данной статье вы можете скачать 20 шаблонов подписных страниц . Для чего нужны шаблоны подписных страниц , конечно же для набора подписной базы. Чем лучше будет ваша подписная, тем больше процент конвертации трафика в подписчики. Конверсия данных страниц более 70 % , т.е из 1000 уникальных переходов вы получите 700 подписчиков.

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

С помощью данных шаблонов, вам не нужно думать как сделать подписную страницу , потому что все что вам нужно сделать это заменить шаблонные фразы на свои. В комплекте идут все PSD исходники для фотошоп. Все шаблоны редактируются в обычном текстовом редакторе, например в Notepad++ или блокнот.

Для чего нужны подписные страницы и зачем они нужны?

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

Подписная страница создана для того, чтобы человек подписался на вашу рассылку и после выхода новых ваших продуктов или написания нового материала на вашем сайте своевременно получил об этом информацию. Таким образом он будет заходить на ваш сайт постоянно. Всего 1 выпуск в вашей рассылке сможет за несколько часов пригнать на ваш сайт скажем 700-1000 человек. Подписная страница и рассылка это своего рода обратная связь с вашими клиентами и подписчиками.

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

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

Теперь рассмотрим, что такое подписная страница.

Подписная страница состоит из нескольких обязательных элементов.

Основные элементы подписной страницы.

Заголовок. Главная его цель – вызвать интерес посетителя и задержать его внимание. Заголовок должен отображать суть Вашего предложения. Обычно заголовок печатается большими буквами яркого цвета.

Подзаголовок. Он сообщает посетителю, как решить проблему заголовка. Например, скачать бесплатную книгу и т.д. Обычно – это одно-два предложения.

Изображение. Это графическая 3 D –обложка Вашего бесплатного или платного продукта.

Список выгод. Обозначить примерно 5-7 основных выгод – то, что посетитель получит в результате от применения Вашего продукта (книги, курса, записи вебинара и т.д.). Только писать надо честно, а не сулить золотые горы. Это повысит доверие к Вам.

Форма подписки. Это главный элемент подписной страницы. В форму подписки посетитель вносит своё имя и свой e — mail . Форма подписки должна быть оформлена графически красиво – это привлекает посетителей. Как только посетитель внес свои данные в форму подписки и подтвердил подписку, он становится Вашим подписчиком.

Выше приведены основные элементы подписной страницы. Это все, что нужно Вам для создания подписной страницы. Однако страница может быть дополнена отзывами подписчиков, которые уже ознакомились с рекламируемым продуктом, а также – видеороликом для увеличения конверсии.

На странице не должно быть других отвлекающих элементов: ссылок, баннеров и др. Все внимание должно сосредоточено на подписку продукта.

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

В Рунете существует достаточно много способов создания подписной страницы с помощью специальных сервисов, плагинов и специальных программ – HTML –редакторов как с нуля, так и по готовым шаблонам.

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

Но перед тем, как приступить к созданию страницы, у Вас должны быть готовы следующие материалы: тексты заголовка и подзаголовка, картинка обложки продукта, список основных выгод, а для формы подписки параметры tid , uid и did , которые надо будет вставить в код шаблона, вместо имеющихся. Чтобы эти параметры были у Вас нужно создать новую рассылку, например, на почтовом сервисе Smartresponder . В качестве бесплатного продукта можно предложить электронную книгу.

Для редактирования выбранного шаблона, кроме имеющегося в Windows Блокнота, надо иметь на своем компьютере, как минимум бесплатную программу Notepad ++, но лучше редактировать шаблон в специальных программах – HTML -редакторах такие, как платные программы Dreamweaver различных версий и другие.

Теперь специально для новичков в инфобизнесе приведу один из способов создания подписной страницы по готовым шаблонам с помощью бесплатной программы Notepad ++ (программу можно скачать из Интернета).

Создание подписной страницы по готовым шаблонам

Порядок создания подписной страницы по готовым шаблонам:

● найти шаблон страницы, устраивающий Вас;

● открыть этот шаблон в HTML -редакторе;

● редактировать шаблон с заменой текста, картинок и параметров формы подписки;

● проверить отредактированную страницу подписки в своем браузере;

● залить созданную страницу на хостинг своего сайта в корневую директорию;

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

Для этого в поисковую строку Яндекса или Гугла введите слова «готовые шаблоны для подписной страницы». И Вы получите массу таких шаблонов. Выберите шаблон, который устраивает Вас, и сохраните его на своём компьютере. Не забудьте, перед редактированием шаблона, его надо разархивировать.

После этого открываем выбранный шаблон. Нажимаем левой кнопкой мыши на название шаблона и видим, что шаблон состоит из трёх основных файлов:

css (стили),

images (картинки),

index . html (подписная страница, которую будем редактировать).

Чтобы иметь представление, как выглядит файл index . html -подписная страница. Нажимаем на index . html правой кнопкой мыши. Откроется окошко «Открыть», дальше «Открыть с помощью» и выбираем Ваш браузер (я пользуюсь браузером Google Chrome ). Нажимаем на название Вашего браузера. См рис. 1.

Рис. 1.Путь открытия файла index . html

И вот, что получилось (рис. 2).

Рис.2. Отображение файла index . html

Э ту подписную страницу и будем редактировать. Как я уже упоминал, делать это будем с помощью бесплатной программы Notepad ++.

Возвращаемся к файлу index . html , открываем файл с помощью программы Notepad ++. Для этого нажимаем правой кнопкой мыши на index . html , открывается окошко «Открыть», выбираем Edit with Notepad ++ (редактировать в Notepad ++) и нажимаем на эти слова.

В результате чего откроется код шаблона — подписной страницы, который будем редактировать (рис. 3). Здесь видим title , мета-теги, текст, список выгод, отмеченные красным цветом подлежат изменению.

Рис. 3. Первая часть кода шаблона

1 – Бесплатная книга – это её название, которое будет отображаться в браузере.

2 – Ключевые слова, которые можно не менять или их изменить в зависимости от темы Вашей книги

6, 7 – Этот текст можно оставить или заменить своим текстом – это мотивация к действию

8 – Список выгод, которые получит читатель от изучения данной книги.

После того, как сделали все изменения, сохраняем. Нажимаем «Файл – Сохранить».

Возвращаемся к файлу index . html и можем посмотреть, как все получилось. Нажимаем правой кнопкой мыши на index . html . Открывается окошко «Открыть», далее «Открыть с помощью» и выбираем Ваш браузер. Смотрим наши изменения, все в порядке.

Затем нужно заменить изображение (картинку) шаблона на свою картинку обложки книги.

Открываем файл images , где хранятся картинки подписной страницы. Заменяем картинку шаблона – 17. jpg на свою картинку обложки – 17. png . См. рис. 4

Открываем программу Notepad ++ и находим в коде шаблона текст —

Рис. 4 Редактирование изображения

Изменяем формат картинки 17. jpg на 17. png . После внесения изменений – «Файл – Сохранить».

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

uid – идентификатор аккаунта;

did – идентификатор рассылки;

tid – идентификатор канала подписки (в данном случае этот параметр пока необязательный, он равен нулю).

Эти параметры можно взять из созданной Вами рассылки. Открываем сервис почтовых рассылок Smartresponder . Идем в «Формы – Генератор форм подписки», выбираем созданную рассылку (нужно нажать на название этой рассылки), например, «Бесплатная книга». Находим HTML — код сгенерированной формы и в этом коде формы выбираем цифровые значения указанных параметров. Эти цифровые значения вписываем вместо цифровых значений Вашего шаблона. См рис. 5. На рисунке красным цветом отмечены параметры формы подписки шаблона с цифровыми значениями – uid =65523, did =107895.

Рис. 5. Вторая часть кода шаблона – форма подписки

1, 2, 5 – Пункты можно не менять

Следует заменить параметры формы подписки шаблона uid и did на свои. Данные параметры перенаправляют подписчиков на Вашу рассылку.

Можно для поиска указанных параметров использовать сочетание клавиш Ctrl + F . При открытом HTML — коде, набираем Ctrl + F , вверху экрана монитора появиться строчка, нужно ввести поочерёдно название каждого параметра.

Например, вводите uid и это слово высветится в HTML -коде. Около этого слова найдите его цифровое значение (к примеру, 128625). Копируем это цифровое значение, идем на файл index . html и открываем его с помощью Notepad ++. Отображается код шаблона. Ищем, где находится форма подписки.

Ориентиры такие:

— это начало формы подписки ;

— это конец формы подписки .

Нажимаем на клавиши Ctrl + F , появляется окошко «Найти». Вписываем, например, uid , нажимаем «Найти далее». Находим в коде шаблона uid и меняем его значения на цифровое значение созданной рассылки. Так заменяем остальные параметры формы подписки. После этого нажимаем «Файл – Сохранить».

После внесения всех изменений в шаблон подписной страницы проверяем, как выгляди отредактированная страница. Для этого возвращаемся к файлу index . html , нажимаем правой кнопкой мыши на index . html . Открывается окошко «Открыть», далее «Открыть с помощью» и выбираем Ваш браузер. Смотрим отредактированную подписную страницу. Всё отобразилось, так как Вы хотели – значить Вы сделали всё правильно.

Чтобы проверить, как работает подписная страница, надо самому подписаться и нажать кнопку «Получить книгу!». После этого Вы будете знать, что всё работает нормально.

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

Теперь, когда создана подписная страница, её нужно сохранить, например, как « kniga » и добавить в архив « kniga . rar ». Этот архив надо загрузить на Ваш хостинг. Я заливаю архив через панель управления своего хостинга TimeWeb с помощью «Файлового менеджера». Есть другой путь – это можно сделать с помощью программы File Zilla .

Чтобы попасть на созданную подписную страницу, её адрес будет таким – Ваш сайт. ru / kniga .

Действуйте! и Вы создадите свою первую подписную страницу.

Четвертый элемент системы —

Творческих успехов Вам!