Как создать подписную и продающую страницу. Короткая vs длинная: какая подписная страница лучше

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

Наталья Карья провела отдельный мастер-класс, чтобы расставить точки над 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 раза больше.

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

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

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

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

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

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

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

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

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

Я рада приветствовать Вас на моем блоге!

Сегодня речь пойдет о подписной странице, ее еще называют страницей захвата, страницей воронки и пр. Что это такое и для чего она нужна?! Подписная страница является важной составляющей вашего успеха в привлечении подписчиков и я расскажу, как сделать подписную страницу на JustCklick. Существует множество сервисов, программ, плагинов и скриптов, которые помогают создавать сайт — воронки. Один из способов мы рассматривали в этой .

И необходима она нам для создания базы подписчиков!

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

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

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

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

Какой должна быть страница подписки или захвата?

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

Но есть одна тонкость, эта страниц должна быть без прокрутки. Загрузилась и все.

Чтобы человек оставил нам свои координаты, надо постараться сделать ее притягательной.

Хотя на счет того, какой должна быть страница подписки Вы найдете в интернете разноречивые мнения. Но принципиально одно, зацепит — подписчик Ваш.

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

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

И воспользуемся сервисом JustClick. Необходимо пройти регистрацию и создать аккаунт Перейти на JustClick.

После Вы попадете в личный кабинет и там в левой части в колонке продавать — есть раздел страницы нажмите эту вкладку — далее добавить и приступить к созданию подписной. Подробно в видео ниже.

Я не рассматриваю сегодня регистрацию, обычно они стандартные и не вызывают затруднения. И вообще — то этот пост возник из-за просьбы одной моей знакомой объяснить как сделать подписную страницу на JustClick. Так и родилась мысль записать видео и написать статью.

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

Выкладываю примеры — скриншоты: как могут выглядеть подписные страницы и видео.

Или такая — фрагмент подписной.

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

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

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

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

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

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

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

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

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

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

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