Приветствую Вас, дорогие друзья! Сейчас мы поговорим о том, что такое подписная страница, для чего она нужна и как сделать самому. А также в конце статьи поделюсь своим небольшим сборничком подписных страниц, или как их еще называют «страниц-захвата». Данный урок будет полезен всем: как начинающим блоггерам, так и начинающим инфобизнесменам.
Как я уже написал выше — подписные страницы, это очень важная часть для тех, кто ведет свои блоги и строит бизнес в Интернете. Без страниц-захвата не одному, слышите, не одному блоггеру и инфобизнесмену не удастся обойтись!
Многие из Вас знают, что база подписчиков — это Золотой Актив, и о нем стоит позаботиться еще в самом начале! Не нужно «забивать» на это, или говорить себе «потом, потом, потом», нужно действовать уже сейчас!!! Конечно про все тонкости набора подписчиков я сейчас рассказывать не буду, т.к. думаю в скором времени написать серию статей на эту тему, или даже написать бесплатную книгу. И это будет уже этим летом, думаю в начале июля. Чтобы не пропустить советую !
Обойдемся без тонкостей, но вкратце я конечно же расскажу что и как…
Для того, чтобы набраться подписчиков, в-первую очередь Вам нужно создать собственный бесплатный инфопродукт, например видеокурс или книга. После чего создать подписную страницу (об этом в данной статье), и рекламировать свой продукт! Именно таким способом можно на первых порах собирать базу подписчиков.
А сейчас мы поговорим лишь об одной из частей набора подписчиков, это подписная страница (страница захвата).
Подписная страница — это специальная страница, на которую Вы будете приглашать людей с коварной целью сделать их Вашими подписчиками, с помощью формы подписки.
Я более чем уверен, что с данной страницей Вы уже не раз встречались. Поэтому не стоит тратить время с объяснениями что это такое… Давайте лучше поговорим о том, какие они должны быть и как сделать самому!
Каким должен быть «сайт-воронка»?
По поводу того, какой должна быть страница-подписки сейчас ходит очень много споров, как среди новичков, так и среди профессионалов. Поэтому точного ответа на этот вопрос на данный момент просто нету… И каждый использует то, что ему нравится, но следует все-таки придерживаться некоторых очень важных правил !
— Должен быть «громкий» и цепляющий заголовок.
— Должен быть подзаголовок, который «добьет» клиента.
— должна быть видна без прокрутки окна.
— Форма подписки должна привлекать внимание.
— Клиент должен верить Вам и отдать свой адрес почты.
— Наглядный пример того, что клиент получит.
Именно таких правил должен придерживаться каждый, кто создает подписные страницы с целью получения подписчиков. Сейчас, давайте разберем каждый из пунктов немного подробнее, чтобы не оставалось никаких вопросов. Но перед этим, хочется сказать следующие: данные советы подходят только для подписных страниц, для продающих страниц действует немного другая тактика, чем-то схожа, но дает меньший результат .
1. Должен быть «громкий» и цепляющий заголовок.
Под словами громкий и цепляющий я имею ввиду, что заголовок должен одновременно нести суть Вашего бесплатного продукта, и «навязывать» его клиенту! Также заголовок должен быть читабельным и запоминающимся!
Не нужно торопиться с заголовком. Нужно сесть, хорошенько подумать, все обдумать, а потом только принимать решения, какой заголовок будет. Возможно, на это уйдет несколько дней, а то и недель!
Пример заголовка:
«Они думали, что мне это не под силу. Но они ошиблись… я сумел заработать первый миллион в сети»
2. Должен быть подзаголовок, который «добьет» клиента.
Данный подзаголовок очень важная часть продающей страницы, он должен быть написал сразу после заголовка. Подзаголовок должен быть читабельным и нести прямой смысл о чем Ваш продукт. Это даже может быть название продукта, или его сленг.
Пример подзаголовка:
«Подробная инструкция о том, как заработать миллион!»
3. Форма подписки должна быть видна без прокрутки окна.
Ну тут, думаю, объяснять даже и не стоит. В подписной страницы, генератор сбора подписчиков, то есть форма подписки, должна быть видна клиенту сразу же после захода на страницу, без прокрутки вниз (). И, кстати, это относится не только к подписным страница, а также просто к блогу!
4. Форма подписки должна привлекать внимание.
Кругом мозолят глаза стандартные формы подписки, которые предлагают специализированные сервисы, например Smartresponder. И поэтому такие формы уже не столь привлекают внимания, как несколько лет назад. Об этом стоит хорошенько задуматься, и сделать нечто особенное и привлекательное.
Если у Вас есть знания графического редактора и html, то тут нет ничего сложного, а если же Вы с ними не знакомы, то стоит обратиться к фрилансерам.
Форма подписки должна бросаться в глаза сражу же после захода на страницу, но не стоит превращать ее в «новогоднюю елку».
5. Клиент должен верить Вам и отдать свой адрес почты.
Вы должны написать своему будущему подписчику, что его e-mail адрес останется при Вас, в чужие руки не попадет, и на него не будет слаться спам! Это очень важно, Вы должны дать знать, что Вам можно доверять! И, естественно, не стоит рассылать подписчику десятки писем в день, они на это не соглашались…
6. Наглядный пример того, что клиент получит.
Также важная часть подписной страницы. Вы должны визуально показать будущему подписчику, что он получит на деле. Простых слов мало, поэтому было бы неплохо представить обложку продукта, или несколько скриншотов, или видео-ролик.
Вот таких правил Вы должны придерживаться в обязательном порядке, если хотите добиться приличных результатов за короткие сроки. Это конечно не все правила и советы, их еще много, но на начальном этапе именно этих вполне достаточно. Если Вы хотите большего, то пожалуйста напишите мне об этом в комментариях. Я тогда ускорюсь с написанием бесплатной книги.
Как сделать подписную страницу?
Подписную страницу можно сделать и без особых знаний языков программирования, в том числе html. Все можно сделать намного проще, ведь для этого существует большое количество различных специальных . Найти их не составить никакого труда, просто напишите в поиске: «Программа для создания сайтов html», или что-то в том роде.
Лично я для этих целей использую программу Web Page Maker . О том как создать с помощью нее простенькую страницу подписки, я рассказывал в своем бесплатном видеокурсе «Как создать видеокурс: от А до Я «, который Вы можете скачать абсолютно бесплатно здесь.
И поэтому я решил, чтобы не повторяться, специально для Вас выложить данный урок в открытый доступ. Просмотреть его Вы можете чуть ниже:
Ну как Вам, все ясно? Если есть какие-то вопросы, то пишите в комментарии — я обязательно отвечу и помогу!
Недавно мне написала одна из моих подписчиц — женщина преклонного возраста и попросила помочь в одном вопросе, связанном с работой в онлайне. Не буду вдаваться в подробности того, что я сделал для нее, но я помог. И в ответ она написала мне, что теперь обязательно добьется лучших результатов в онлайне. Обязательно, потому что поверила в то, […]
Как большинство людей используют Инстаграм? Исключительно для того, чтобы выкладывать свои фотографии. Получается своеобразная ярмарка тщеславия. Если говорить метафорично, то типичной фотографией является что-то вроде этого: Но у Инстаграм (кто бы мог подумать!) есть «второе дно». Я про возможность настраивать в этой социальной сети таргетированную рекламу, которая будет показываться именно тем категориям людей, которым нам надо. […]
Дошли руки сделать обзор живого тренинга Инфотрафик и конверсия 2017, который я совсем недавно организовал и провел совместно с Александром Дырза. Это будет большая статья)) Итак — 25 — 28 ноября 2017 года. Москва, гостиничный комплекс Измайлово Альфа. Поехали! Классные ощущение, когда перед началом мероприятия люди начинают подтягиваться в зал. Ты встречаешь их и […]
Какие расходы в инфомаркетинге (инфобизнесе)
Не претендую на всеохватность. Некоторые расходы в эту статью я сознательно не включил, про некоторые просто забыл. Но основные моменты здесь отражены: На оборудование Сразу оговорюсь – покупать все это разом весьма накладно. Самый лучший выход – просто постепенно формировать свою домашнюю студию. И еще один момент – я не лучший специалист во всем этом, […]
Привет, друзья! Приготовила для вас простой и лаконичный шаблон страницы подписки в html-формате для загрузки на хостинг. И, конечно же, инструкцию по его редактированию.
Шаблон адаптивен под разные устройства, состоит из:
Заголовка и подзаголовка,
3D коробки инфопродукта для визуализации,
списка выгод (буллитов),
формы подписки – по емейл и через ВК,
подвала с важной информацией (ссылки на ваш сайт или группу ВК, политику конфиденциальности, соцсети).
Пример данного шаблона:
А здесь видеоурок по его редактированию:
Также размещаю текстовую инструкцию по редактированию ниже.
1) Сначала скачайте шаблон по ссылке.
2) Он запакован в архив, после скачивания его нужно распаковать в обычную папку. Кликаете по архиву правой кнопкой мыши и выбираете «Извлечь в текущую папку».
У вас на компьютере должен быть установлен архиватор!
Или двойным кликом мыши открываете архив и перетягиваете папку из архива на рабочий стол.
3) Сделайте копию папки с шаблоном. Зачем? Чтобы шаблон у вас остался, а с текущей копией вы продолжили работу по редактированию.
Нажмите по папке правой кнопкой мыши, выберите «Копировать».
Затем кликните по рабочему столу правой кнопкой мыши и выберите «Вставить».
4) Откройте двойным кликом мыши скопированную папку, внутри у вас будет два файла. Файл index.html и папка assets. Начнем с редактирования index.html – это и есть наш шаблон. А в папке assets нам понадобится только подпапка с картинками – images. Я покажу, как вам в ней заменить макет 3D коробки вашей обложкой продукта.
Другие папки трогать не надо – они отвечают за стили, скрипты и корректное отображение страницы на разных устройствах.
Для редактирования файла index.html понадобится скачать и установить бесплатный блокнот Notepad++.
Вот так выглядит его иконка.
После установки кликните правой кнопкой мыши по файлу index.html и выберите «Открыть в блокноте». Вы откроете код шаблона.
Что мы здесь редактируем?
Во-первых, заголовок (title), который отображается в браузере – просто напишите свой текст вместо текущего.
Показываю на примере своего словарика начинающего партнера.
Ниже идет кнопочка «ПОЛУЧИТЬ ДОСТУП», при нажатии на которую человека перекидывает в конец странички на форму подписки. Здесь вы можете написать свое название на кнопке вместо текущего.
Просто подставляете ваш текст вместо моего.
Здесь важно описать, какие ценности, пользу, выгоды получит подписчик от вашей бесплатности. И лучше всего это работает в виде вот такого списка – четко по пунктам.
По умолчанию в нем 4 пункта, если вам нужно больше, можно скопировать, к примеру, последний пункт, выделив соответствующую часть в коде. Что нужно выделить я показала на скриншоте, тут важно копировать внимательно!
нажимайте на скриншоты для увеличения
Таким образом, можно скопировать и добавить нужное вам количество пунктов.
Если, наоборот, нужно удалить пункт, то точно также выделяете блок, как на скриншоте:
И жмете на клавиатуре Delete. Лишний пробел в коде тоже можно удалить с помощью клавиши Backspace (Back).
Важно: эта часть работы с кодом посложнее, поэтому она больше не для новичков. 4 пункта в списке – оптимальные количество выгод на подписной, поэтому можете ничего не удалять и не добавлять в коде!
Теперь нам нужно заменить форму подписки. Здесь проще, так как часть кода, которую будем менять, помечена комментариями . Нам полностью нужно удалить содержимое между двумя комментариями и вставить код формы подписки от своего сервиса рассылок.
нажмите на скриншот для увеличения
В моем случае это Джастклик. Я предварительно создала форму подписки в разделе «CRM» – «Формы подписки».
Теперь просто копирую ее код для вставки на подписную страницу.
И вставляю вместо текущего кода – полностью выделяю этот фрагмент и сочетанием клавиш Ctrl+V вставляю код моей формы.
нажимайте на скриншоты для увеличения
Текст над формой «Введите свой email в форму ниже…» тоже можно заменить.
Важно: чтобы сохранять внесенные изменения, не забывайте периодически нажимать на иконку дискеты «Сохранить» в блокноте Notepad++.
А чтобы просматривать в браузере, как меняется ваша подписная – просто открывайте в папке файл index.html, дважды кликнув по нему левой кнопкой мыши (так вы открываете предпросмотр шаблона в браузере).
Также вы можете выбрать, в каком браузере открыть файл, если нажмете на него правой кнопкой мыши. Выберите «Открыть с помощью» и нажмите в списке по нужному браузеру (если у вас их несколько).
Дальше в коде шаблона идет кнопка подписки через ВК – в нее вы просто вставляете ссылку на подписку на вашу бесплатность через Вконтакте. К примеру, в Senler нужно предварительно создать группу подписчиков под эту бесплатность и скопировать ссылку подписки на группу.
Затем вставить ее в кнопку вместо значка # между кавычками. Надпись на кнопке, как и текст «Или получите материал во Вконтакте» вы тоже можете поменять.
Если вы хотите убрать подписку по ВК , выделите фрагмент кода, как я показала на скриншоте, и нажмите на клавиатуре Delete.
Теперь осталось отредактировать текст и ссылки в подвале сайта. Здесь обязательно оставляем Политику конфиденциальности. Как сделать политику для своего сайта я показала здесь.
И в самом низу вместо текста Ваши ФИО напишите свои данные.
А теперь заменим 3D обложку инфопродукта на подписной . Для этого вам понадобится создать вашу обложку. Если вы не знаете, как это сделать, то рекомендую
Размер итоговой картинки желательно уменьшить, так как при создании в рекомендуемом мной сервисе она получается большой (размер можно менять в любом редакторе изображений, в том числе онлайн). А формат картинки должен быть png.
Например, я уменьшила размер с 1500Х1500 пикселей вполовину.
Готовую картинку нужно поместить в папку images, которая находится папке assets – обязательно дав ей такое же название, как у текущей обложки – maket, а мою картинку удалить.
То есть вам нужно заменить текущую картинку вашей, но обязательно с таким же названием и форматом. Повторюсь, ваша картинка должна называться maket и формат у нее должен быть png!
Когда вы замените обложку продукта на вашу, но с таким же названием и форматом, то она поменяется и в шаблоне подписной.
Как добавить Яндекс.Метрику или код пикселя от Вконтакте на подписную?
Очень просто, Метрику или пиксель можно разместить в коде перед тегом< /head>, сделав пробел. Если размещаете и то, и то, можно сразу друг после друга.
Когда шаблон отредактирован – самое время отправить страницу подписки на хостинг, чтобы опубликовать ее в интернете.
А в этой статье мы поговорим о том, как сделать форму подписки интересной и как удержать клиентов в случае отписки.
Форма подписки
Лучше всего расположить форму подписки отдельным блоком внизу страницы или в боковом меню, чтобы пользователь мог легко найти её. Можно приглашать подписаться во всплывающем окне, но используйте данный вариант аккуратно, чтобы не раздражать пользователей. В идеале следует показывать его только новым посетителям сайта.
Неудачный пример расположения формы в подвале сайта Yves Rocher
Удачный пример расположения формы подписки от Mokselle
Основные элементы, которые должна содержать форма подписки:
Поля ввода . Оптимально спросить имя и email. Можно ограничиться одной почтой, но тогда вы лишаетесь возможности отправлять персонализированные письма.
Слишком много лишних полей (нашли в блоге UniSender)
Достаточно полей ввода в форме от Ecco
Отсутствие информации в форме от Quelle
Понятный график писем на сайте Фотосклад
Причина подписки . Обязательно расскажите, что будет в письмах и почему это выгодно клиенту.
Слишком общий текст на сайте 123.ru
Привлекательный текст от Nike
Также можно дарить подарки: скидку, бонусный материал, демо-версию сервиса и т.д. Пример текста от Enjoyme:
Или, если у вас сайт по продаже услуг, то можно подарить мини-аудит от эксперта (пример от Urban Decay):
Не ясно что за письма будут приходить в форме от Лакодом
Дополнительно не забываем, что форма должна быть заметна (но в то же время сочетаться с дизайном сайта).
Форма теряется (сайт Lamoda)
Форма - часть дизайна на сайте Adidas
И ещё несколько креативных форм подписки для вдохновения.
Милый джедай от Seonews:
Яркое всплывающее окно от Quelle:
Милое предложение стать друзьями от Kiehls:
Страница подписки
Да-да, целая страница! На отдельную страницу легче пригласить пользователей и можно подробнее рассказать о рассылке.
Итак, что же на ней должно находиться:
Пример хорошего заголовка от Нетологии
Описание содержания . Тут можно подробнее рассказать о чём письма и как часто они будут приходить. Если у вас несколько видов рассылок, то кратко расскажите о каждом и оформите чекбоксами, чтобы пользователь мог выбрать понравившиеся.
Ёмкие описание рассылок на сайте Ленты.ru
Преимущества или причина подписки . Так же, как и для формы, на странице подписки нужно показать зачем пользователю нужна рассылка. Можно не выделять отдельным блоком, а объединить с описанием рассылки.
Преимущества незаметны в неструктурированном тексте (на сайте Ural Airlines)
Маркированный список легко воспринимается (компания H&M)
Если вы дарите подарок за подписку, то лучше показать это в первом экране, например, в заголовке (на сайте Lamoda):
Форма подписки . То, что в ней должно находиться, мы уже обсудили в предыдущем разделе.
Примеры писем . Если в форме подписки достаточно добавить ссылку на пример письма, то тут удобнее показать его сразу. А еще лучше - разместить несколько писем.
Без фотографий информация теряется (на сайте Ipa-Zakon)
Фотографии сотрудников располагают к подписке (Сервис 1PS)
