Шаблон подписной страницы. Подписные страницы: что такое, какие должны быть и как сделать. правил создания подписных страниц

Привет, любимые мои друзья и дорогие читатели!

Сегодня я хочу Вам рассказать о страницах подписки 2013-2016 года : покажу магические подписные страницы, которые превращают до 72% трафика в лояльных подписчиков , готовых покупать снова и снова.

Традиционно начну со статистики. На сегодняшний день популярность ключевого запроса «страница подписки » взлетела более чем в 100 раз по сравнению с показателем двухлетней давности. Статистику Вы можете увидеть на графике ниже:

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

Сейчас, как никогда, особенно важно быть в теме и следить за новыми тенденциями этого рынка!

Для тех, кто только начал изучить тему инфобизнеса или интернет-предпринимательство, расскажу:

Подписная страница или страница захвата (страница приземления, сайт-воронка) - это названия одностраничного сайта, назначение которого - сбор подписчиков для создания своей подписной базы .

Подписная страница формирует доверительные отношения между автором и читателями рассылки. Со временем, 5-7 касаний, подписчик превращается в клиента, при правильном ведении рассылки. Вывод: нужна подписная страница с высокой конверсией !

Подписная страница, отвечающая последним тенденциям - ключ к получению большого числа новых подписчиков.

Если раньше можно было сделать простую подписную страницу, и она легко генерировала до 90% трафика, то сейчас времена изменились. Старые подписные страницы генерируют менее 10% трафика, и этот показатель все снижается. Что же тогда делать?

Представляю Вам свежую волну подписных страниц с максимальной конверсией!

В современно мире количество перешло в качество!

Примеры подписных страниц - стенды года

Как видим, сегодня в моде минимализм: большая и красивая картинка на фоне, и аккуратная форма подписки с видео или текстом. Конверсия данных страниц более 60%! Большая и красивая картинка на фоне повышает интерес подписчика к вашей информации, увидим ее, он как бы «просыпается» и фокусирует на ней внимание.

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

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


ВАЖНО! Очень важно, чтобы фоновая картинка и ваш текст (видео) были гармоничны. Например, если вы предлагаете удаленную работу, на фоне могут быть пальмы и море, а если вы рассказываете о поездках в Америке, на фоне следует использовать то, что у людей ассоциируется с Америкой – флаг, статуя Свободы... Думаю, Вам понятен ход моих мыслей.

Как создать подписную страницу

Есть четыре решения данной проблемы:

1. Изучить CSS и HTML и сделать самостоятельно подписную страницу

2. Взять шаблон любую понравившейся подписной страницы и переделать под свои нужды (также предполагается знание HTML и CSS, но уже не такие серьезные, будет достаточно просто ориентироваться в верстке страницы).

3. Использовать платные сторонние сервисы.

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

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

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

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

Я приготовил для Вас ПОДАРОК – 14 страниц подписок совершенно бесплатно !!!

Бесплатно скачать шаблоны подписных страниц прошлого сезона Вы можете по ссылке

Но чтобы сделать это, нужно собрать базу, а тут без подписных никак. И возникает вопрос, а вернее комплекс вопросов, которые можно объединить под единым заголовком «Какой должна быть подписная страница». Длинная, убедительная, с яркими выгодами или аскетичная с заголовком и призывом?

Наталья Карья провела отдельный мастер-класс, чтобы расставить точки над i в этом вопросе. Именно этот мастер-класс и стал основой статьи.

Ну что, готовы? Тогда→

Начнем с теории

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

Подписная страница — это один из вариантов посадочной страницы или (landing page, целевой страницы и т.д.). Как вы знаете, вариантов под которыми известны посадочные страницы уже почти десяток.

Но отличие подписной страницы — в целевом действии .

Конечно, подписка может быть на →

Подписные могут располагаться на отдельных страницах или на специальных сайтах.

Сайт Интернет-библиотеки Клуба взаимного пиара

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

Как у нас, например →

Иногда на блогах и сайтах вместо подписной страницы размещают только форму подписки с краткими выгодами.

Но где бы ни размещались подписные страницы, они создаются по единым правилам.

5 правил создания подписных страниц

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

1. Минимум усилий

Читателю должно быть понятно, что и как он должен сделать.

Форма подписки должна быть четкой, заметной, призыв ясным, а число полей для заполнения формы минимальным. Например, имя и адрес. А если персонифицированное обращение вы не собираетесь использовать, то можно обойтись только электронным ящиком.

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

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

2. Яркие элементы подписной

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

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

3. Отсутствие внешних ссылок

Убедитесь, что с подписной страницы человек не уйдет на сайты конкурентов или куда-нибудь еще. Единственное — можно сделать кнопку возврата на сайт, чтобы подписчик не отдыхал, а изучал статьи или еще что-нибудь интересненькое на сайте. У вас ведь такого много, правда?

4. Интеграция с соцсетями

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

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

5. Простой воздушный дизайн

Что имеется в виду:

Удобно, если подписная оформлена в 2-3 колонки. Это позволяет взгляду зацепиться и не утомляет монотонностью.

Джентельменский набор для подписной

Минимальный набор — это три составляющие, которые нужно отработать при создании страниц:

1. Цепкий заголовок
2. Четкие выгоды клиента
3. Качественная форма подписки

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

Как уже говорили, каждое слово в таком мини-формате должно быть выверено и взвешено, чтобы вызывать острое желание подписаться НЕМЕДЛЕННО.

А что же есть в макси-формате?

1. Имя компании/автора
2. Яркий заголовок либо слоган, который характеризует компанию
3. Лого компании и/или фото автора
4. Краткое предложение/описание продукта, чтобы создать образ
5. Привлекательные выгоды
6. Развернутое предложение (может включать краткую презентацию автора)
7. Инструменты доверия: отзывы, логотипы клиентов, видео
8. Социальные доказательства (например, число подписчиков)
9. Ограничения (например, по времени, бонусам или количеству)
10. Кнопки соцсетей
11. Призыв к действию

В общем, все то, чем вы привлекаете будущих покупателей и подписчиков в продающем тексте.

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

От чего зависит длина подписной

Но как выбрать длину подписной в каждом конкретном случае?

Длина будет зависеть от→

А теперь по порядку.

Представьте, читатель попал на ваш блог, прочёл статью, заинтересовался (ну, а как иначе, ведь тексты на вашем блоге замечательные и полезные, так же?). Читатель уже подогрет. Стоит ли предлагать ему портянку с выгодами подписки? Вряд ли. Читатель уже видит качество вашего контента. Поэтому достаточно просто предложить подписаться или дать взамен еще чек-лист или книгу.

Вот что говорит о длине подписной страницы Стася Шер , креативный директор АПК:

Всё зависит от ЦА, на горячую/теплую нет смысла писать длинную. На холодную не стоит писать короткую.

Вообще мне больше по душе длинные подписные , потому что

1) теплая ЦА просто пролистает и подпишется

2) более холодная аудитория прочитает и придет уже более целевая, а не из тех, кто подписываются, чтобы посмотреть.

Чем горячее аудитория, тем короче подписная.

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

А если мы хотим пустить автоматическую серию писем с продажей, то длинная куда как лучше. Но для каждого проекта лучше все-таки тестировать, какие подписные работают в конкретном случае. Иначе это гадание на кофейной гуще 🙂

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

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

Павел Берестнев , создатель Копирайтерской Лиги Павла Берестнева, интернет-предприниматель и практик считает так:

“Работают и длинные, и короткие, в каждом конкретном случае надо тестировать. Я ориентируюсь на объём информации, который нужно сообщить человеку для принятия нужного решения. В одних ситуациях нужно объяснять много и долго, в других достаточно нескольких абзацев.”

Хотите разместить подписную на сторонних ресурсах? Тут уж нужно постараться представить продукт во всей красе. Во-первых, холодная аудитория. Во-вторых, предложений там может быть не один десяток, да и отвлекающих ссылок много. Того и гляди — читатель улизнет изучать что-то более привлекательное.

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

Как я уже написал выше — подписные страницы, это очень важная часть для тех, кто ведет свои блоги и строит бизнес в Интернете. Без страниц-захвата не одному, слышите, не одному блоггеру и инфобизнесмену не удастся обойтись!

Многие из Вас знают, что база подписчиков — это Золотой Актив, и о нем стоит позаботиться еще в самом начале! Не нужно «забивать» на это, или говорить себе «потом, потом, потом», нужно действовать уже сейчас!!! Конечно про все тонкости набора подписчиков я сейчас рассказывать не буду, т.к. думаю в скором времени написать серию статей на эту тему, или даже написать бесплатную книгу. И это будет уже этим летом, думаю в начале июля. Чтобы не пропустить советую !

Обойдемся без тонкостей, но вкратце я конечно же расскажу что и как...

Для того, чтобы набраться подписчиков, в-первую очередь Вам нужно создать собственный бесплатный инфопродукт, например видеокурс или книга. После чего создать подписную страницу (об этом в данной статье), и рекламировать свой продукт! Именно таким способом можно на первых порах собирать базу подписчиков.

А сейчас мы поговорим лишь об одной из частей набора подписчиков, это подписная страница (страница захвата).

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

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

Каким должен быть «сайт-воронка»?

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

— Должен быть «громкий» и цепляющий заголовок.

— Должен быть подзаголовок, который «добьет» клиента.

— должна быть видна без прокрутки окна.

— Форма подписки должна привлекать внимание.

— Клиент должен верить Вам и отдать свой адрес почты.

— Наглядный пример того, что клиент получит.

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

1. Должен быть «громкий» и цепляющий заголовок.

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

Не нужно торопиться с заголовком. Нужно сесть, хорошенько подумать, все обдумать, а потом только принимать решения, какой заголовок будет. Возможно, на это уйдет несколько дней, а то и недель!

Пример заголовка:

«Они думали, что мне это не под силу. Но они ошиблись... я сумел заработать первый миллион в сети»

2. Должен быть подзаголовок, который «добьет» клиента.

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

Пример подзаголовка:

«Подробная инструкция о том, как заработать миллион!»

3. Форма подписки должна быть видна без прокрутки окна.

Ну тут, думаю, объяснять даже и не стоит. В подписной страницы, генератор сбора подписчиков, то есть форма подписки, должна быть видна клиенту сразу же после захода на страницу, без прокрутки вниз (). И, кстати, это относится не только к подписным страница, а также просто к блогу!

4. Форма подписки должна привлекать внимание.

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

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

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

5. Клиент должен верить Вам и отдать свой адрес почты.

Вы должны написать своему будущему подписчику, что его e-mail адрес останется при Вас, в чужие руки не попадет, и на него не будет слаться спам! Это очень важно, Вы должны дать знать, что Вам можно доверять! И, естественно, не стоит рассылать подписчику десятки писем в день, они на это не соглашались...

6. Наглядный пример того, что клиент получит.

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

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

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

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

Лично я для этих целей использую программу Web Page Maker . О том как создать с помощью нее простенькую страницу подписки, я рассказывал в своем бесплатном видеокурсе «Как создать видеокурс: от А до Я» , который Вы можете скачать абсолютно бесплатно здесь.

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

Ну как Вам, все ясно? Если есть какие-то вопросы, то пишите в комментарии — я обязательно отвечу и помогу!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изображение. Это графическая 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 .

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

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

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