Как создать страницу захвата?

Рубрика: Для новичков
как создать страницу захвата самому
Автор:
Дата:

Всем привет! С вами Максим и наконец мы поговорим о странице захвата – о той самой странице (сайте одностраничнике), на который мы приводим посетителей и затем конвертируем их в подписчиков. До этого, если кто вдруг пропустил, мы говорили о создании рассылки и о том зачем она нужна,  а также о настройках.

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

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

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

Нет возможности разместить картинку? Тогда создайте видео, в котором вы показываете изображение продукта и рассказываете о его полезности. Не говорите о том, что человек найдёт в книге или курсе, не рассказывайте о разделах, которые там есть. Лучше расскажите о проблемах, которые он (курс), поможет решить вашему потенциальному подписчику.

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

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

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

Читайте также:  Как я собрал базу подписчиков за 4 месяца

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

Как отредактировать шаблон одностраничника?

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

Итак, чтобы произвести изменения в тексте, необходимо открыть в notepad файл index.

файл который позволяет редактировать шаблон

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

я отметил красным цветом места, которые можно изменить с помощь. блокнота

Дело в том, что именно эти места в данном шаблоне редактируются в html с помощью того же notepade.

редактируем текст в ноутпаде

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

Если имя файла изменить, тогда необходимо поменять его и в index.html. Кроме этого, вы можете изменить все цвета шаблона по своему усмотрению.

Теперь, необходимо отредактировать форму подписки. Для этого, нам опять потребуется открыть в блокноте (notepade) файл index, затем найти следующие строчки:

  • <input type=hidden name=version value="1">
  • <input type=hidden name=tid value="0">
  • <input type=hidden name=uid value="114956">
  • <input type=hidden name=lang value="ru">
  • <input type=hidden name="did[]« value=»445168">

На скриншоте они выглядят так:

так выглядят данные для смартреспондер

Чёрным, я отметил те значения, которые нам следует поменять. Нас интересуют только числа! Для этого, переходим в свой аккаунт smartresponder, далее заходим в «формы – новый генератор подписки».

Читайте также:  Что такое kwork и мой отзыв о нём

Выбираем рассылку, которую будем использовать:

в настройках формы подписки выбираем рассылку
Затем, ищем внизу кнопочку «Получить Html-код», перед нами появляется окно с кодом формы подписки. Теперь, нас интересуют числовые значения, о которых мы говорили ранее.

числовые значения которые нужно вставить в страницу захвата

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

Всё, надеюсь вы сделали всё правильно и теперь можете проверить шаблон на работоспособность, в том числе и работу формы. Просто откройте файл index в своём браузере, а затем, введите имя и e-mail.

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

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

Онлайн услуги по созданию landing page

Что же, теперь перейдём к более простому методу – конструкторам одностраничных сайтов (страниц захвата). Видно, что кое-кто вовремя смог понять, насколько популярны стали такие сайты и поэтому создал первый «конструктор». За ним подтянулись другие и теперь на просторах сети куча сервисов, которые позволяют без особых заморочек создавать «лэндинги».

тарифы на работу с лэндингами

Даже я, честно признаться, решил поработать с одним из таких сервисов и называется он lpmotor

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

Читайте также:  Продукты глопарт - моё мнение о них

Более того, вам не нужно заморачиваться с хостингами и доменами, размещением своего сайта и другими техническими проблемами. Единственное, что вам придётся сделать, если вы хотите создать лэндинг с привычным доменом, зарегистрировать доменное имя на том же 2domains, которым пользуюсь я.

Все инструкции, также есть на lpmotor

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

А как вы создаёте свои страницы захвата? Работаете ли со своими рассылками?

Всем пока! С Уважением, Максим.

На мою рассылку подписались 9000 человек! Скорей подпишись и получи от меня подарок.

Комментариев к статье: 9

  • Хребтов Александр

    От страницы захвата, конечно зависит как себя дальше поведет, потенциальный клиент! Уйдет или останется — купит или подпишется на рассылку. Пока нет ни чего в планах продавать и организовывать, но за обзор сервиса, спасибо! Мало ли, что. А создание лендинга, очень ответственная и дорогая вещь.

    12.02.2016 в 05:44 Ответить
    • Максим Бойко

      Не за что, Александр!

      12.02.2016 в 22:57 Ответить
  • Сергей

    Да согласен с Александром, тема непростая и можно добавить видео для более глубокого рассмотрения данной темы.

    12.02.2016 в 14:02 Ответить
    • Максим Бойко

      Добавлю, но позже)

      12.02.2016 в 22:57 Ответить
  • Галина

    Согласна, создание лендинга — штука весьма ответственная и не простая. И уж что скрывать, их хороших не так уж много встречается =)

    15.02.2016 в 19:58 Ответить
  • seoonly.ru

    Спасибо)) Скоро лендинги обычные сайты вытеснят))

    16.02.2016 в 07:25 Ответить
    • Юлия

      Не думаю, что вытеснят. В Интернете постоянно появляется что-то новое. И лендинги многим приелись.

      03.03.2016 в 12:38 Ответить
  • Андрей

    Не в тему пишу, но все же, подскажи как сделать подписку на блог, как у тебя ?

    17.02.2016 в 12:59 Ответить
    • Максим Бойко

      Не совсем понял вопрос. Тебя интересует крепеж формы подписки в сайтбаре?

      17.02.2016 в 13:19 Ответить

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

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