Как создать лендинг пейдж самому бесплатно - простой видео урок

870  
10
landing-page

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

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

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

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

Лендинги, как маркетинговый инструмент, приобрели большую популярность за счет того, что они создаются под определённую категорию людей, а значит, дают большой процент конверсии в своей нише. Такие значения, как 10-20% являются очень хорошими и правильно сделанные лэндинги легко собирают подписную базу.

1. Как создать ленинг пейдж самому

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

Как сделать лендинг самому

1.1. Основные принципы составления лендинга:

  • Каждый элемент лэндинга должен выполнить одну, самую главную цель: получить действие посетителя. Поэтому не стоит добавлять кучу мелочей, которые могут Вам показаться просто "миленькими", "красивенькими" и тому подобное.
  • Используйте маркетинговые фишки. В основном это срочность и дефицит. Практически на всех лэндингах есть таймер обратного отсчета или упоминание о том, что осталось столько-то копий до повышения цены. Это работает, проверено на личном опыте, причем работает так эффективно, что результат иногда поражает.
  • Свобода глазам! - Никто не ограничивает нас в размерах, не стоит громоздить элементы друг на друга. Решил упомянуть это, так как не раз видел примеры, где авторы видимо не знает, что такое "отступы".
  • Яркий и современный дизайн. Во время создания откройте 3-4 примера лэндингов, которые Вам очень нравятся. Смотрите, как сделали они и повторяйте до тех пор, пока идеи в голове не начнут генерироваться сами. У меня, например, было именно так.
  • После завершения работы, попросите своих близких посмотреть на результат. Любой вопрос, который у них может возникнуть, должен заставить Вас задуматься о том, что лэндинг не совершенен, так как хорошая работа в итоге должна оставить посетителя без вопросов.

1.2. Элементы, которые должны быть у каждого лендинга

  • Начнём с самого верха, где у нас обычно находится заголовок. Естественно, что должен он быть привлкательным, интересным и максимально интригующим, в общем его цель с первых секунд захватить внимание и в тоже время из его содержания должно быть понятно Ваше предложение.
  • Торговое предложение. Его стоит описать таким образом, чтобы донести суть, самый сок при этом не стоит злоупотреблять повторениями. Также не стоит думать, что если Вы вместо двух-трёх раз повторите Ваше переложение, то от этого увеличится конверсия, наоборот, действовать нужно постепенно по ходу всей страницы. Я предпочитаю в этой части лендинга, просто рассказать о том, что именно даст продукт и перечислить несколько плюсов, которые важны именно для моей аудитории.
  • Если лендинг пейдж небольшой, то сразу рядом размещайте кнопку призыва к действию, типа: "Получить", "Забрать", "Купить" и тому подобное. Здесь я использую яркие красные или контрастные фону цвета. Всё таки наша основанная задача заставить клиента нажать именно сюда.
  • Расскажите о преимуществах вашего товара над другими подобными, чем Вы лучше других?
  • Разместите карту действий, в которой подробно опишите процесс решения проблемы, указав каждый шаг с момента покупки.
  • Далее следует разместить несколько отзывов. Желательно не придумывать их, а узнать у тех людей, кто уже приобрёл товар. Ну, а если таких нет, то тогда уж придётся накалякать самому, причем не давать десять баллов из десяти, пишите отзывы на семёрочку-восьмёрочку. Можно дать попробовать продукт известным в вашей области людям, чтобы они дали свой отзыв, желательно в видео формате.
  • Обязательно укажите, гарантии безопасности платежа, анонимности, условия возврата товара и денег и так далее.
  • Ну и в самом конце, в футере - укажите свои реквизиты, ссылку на партнёрскую программу, можно поставить социальные кнопки рассказать о себе, как об авторе, указать контакты и так далее.

2. Делаем лендинг своими руками

После прочтения советов предоставленных выше, мы можем приступать непосредственно к самому созданию страницы на которой у нас будет лендинг. Использовать мы будем программу вебкоснтркутор: WYSIWYG Web Builder 9-ой версии. Хотя сейчас уже есть 10-ая, но там проблемы с русификацией, поэтому если Вы не опытный вебмастер, то рекомендую использовать 9-ую версию. Также нам понадобится:

  • Редактор изображений фотошоп;
  • Клиент для работы с хостингом FileZilla;
  • Сам хостинг;
  • Ну, и доменное имя.

У Вас может возникнуть вопрос о том, где брать эти программы бесплатно? Могу только посоветовать хорошо погуглить, давать же ссылки сайты с пиратским содержанием - это против моих собственных убеждений.

Рассказывать о процессе на слайдах и комментариях практически нереально, поэтому я решил записать свой бесплатный видео урок по созданию LendigPage:

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

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

Если хочешь достичь успеха, не сиди на месте.

chetko-bratik
Поделиться

Комментарии

avatar placeholderНапишите комментарий...
  • avatar
    Марина

    Сергей, спасибо за ответ! А вы делали для адаптивности ч-н?
    Программа WYSIWYG Web Builde генерит только HTML и CSS, а java script для поведения кнопок и тп делает?

    Ответить
  • avatar
    Марина

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

    Ответить
    • avatar
      Sergey Ivanisov

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

      Ответить
  • avatar
    huy

    Я зарегистрировался на конструкторе tobiz.net, здесь 800 шаблонов дают бесплатно, кто-нибудь уже пробовал?

    Ответить
  • avatar
    Юля

    Я делаю лендинги на конструкторах, таких, например, как Q-page. Быстро и не так уж и дорого. Лендинг быстро отбивает вложенные в его создание и рекламу средства.

    Ответить
    • avatar
      Sergey Ivanisov

      Согласен, правда рекламу настроить тоже ума много нужно)

      Ответить
  • avatar
    Divores

    Отличный просто урок! Рекомендую всем, кого интересует лендинг:)

    Ответить
  • avatar
    Рамазан

    Отличное видео. Давно хотел сделать себе страницу подписки. Скоро наверное сделаю благодаря Вам ;-)

    Ответить
    • avatar
      Вадим

      ну что уже пробовал сделать? Что-то получилось?

      Ответить
  • avatar
    Александр

    Интересный вариант, надо будет протестировать!! Спасибо Сергей за статью и информацию!

    Ответить

Рубрики

Показать все
Рассылка лучших статей блога

Первый манимэйкерский

Блог №1 для начинающих манимэйкеров

  — подписывайтесь!

© 2015 - 2017 Первый манимэйкерский
Почта для связи: me@sergey-ivanisov.ru
Все права защищены.