Из этого поста вы узнаете как сделать сделать лендинг пейдж (Landing Page) своими руками используя бесплатную CMS (такую как WordPress, Joomla и т.п.)  или другой бесплатный или условно платный сервис в Интернете. Также в этом материале мы разберемся как работает лендинг для бизнеса превращая посетителей в клиентов.

Первоначально давайте определим саму суть лендинг пейдж и коротко рассмотрим преимущества такого популярного и эффективного приема онлайн маркетинга.

Лендинг пейдж (посадочная страница) – специальный маркетинговый инструмент, главная задача которого подать такое коммерческое предложение целевому посетителю (лиду), от которого ему будет трудно отказаться. Предложение должно быть достаточно четким, лаконичным, убедительным и побуждать к действию. Если это перевести на сленг, то нужно убойное предложение – оно выполняет только одну задачу, но выполняет ее с максимальной эффективностью. Лендинг призывает посетителя к одному простому и понятному действию: подписаться на рассылку, купить, установить софт/приложение/тулбар, привести друга и т.д.

лендинг пейдж

Какие главные преимущества сделали лендинг пейдж настолько популярным?

  • Направленность на определенную целевую аудиторию
  • Огромная конверсия – процент сильно зависит от типа лендинга и даже конкретной ниши. Показатели от 10 до 20% от общего числа лидов считаются достаточно высокими в большинстве случаев.
  • Простое создание подписной базы
  • Отличная окупаемость вложенных средств на создание лендинга

 

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

Почему структура большинства успешных лендингов практически одинакова? У многих новичков может возникуть резонный вопрос: зачем так делать — это же скучно, где креативный подход? Ответ на этот вопрос прост: эта схема проверена временем и опытом, она успешно работает.

Поэтому и рассмотрим правила создания эффективного лендоса.

 

Что должно быть на этой странице лендинга:

  • Логотип, если речь идет об узнаваемом бренде
  • Эффективный заголовок – должен быть максимально эффективным: привлекать внимание, вызывать интерес, в некоторых случаях интриговать посетителя, так чтобы его восприятие обострилось. Заголовок должен быть понятным и отвечать на вопрос: что можно здесь получить за пару кликов?
  • Торговое предложение, должно быть развернуто настолько, чтобы с одной стороны посетитель понял, что от него требуется, а с другой стороны излишние подробности не должны его утомлять. Не следует злоупотреблять навязчивыми повторами предложения, вместо этого нужно раскрывать суть предложения по ходу страницы, периодически повторяя призыв к действию в виде активной кнопки. Рекламное предложение должно отвечать на вопрос: какую проблему оно помогает решить?
  • Призыв к действию (calltoaction) – главный козырь лендинг пейджа, именно от него зависит львиная доля успеха посадочной страницы. Наиболее эффективно, если оформляется в виде кнопки с простым и понятным calltoaction: «Купить», «Заказать», «Подписатья». А вот надписей вида «Отправить», «OK», «Готово» лучше избегать, так как вовсе неочевидно, что получится после клика на кнопку. Кнопка должна выделяться ярким цветом, как бы призывая к действию: обычно используют красный, оранжевый или другой цвет, соответствующий общему дизайну страницы.
  • Преимущества – чем уникально именно это предложение и почему этого нельзя найти в другом месте?
  • Ответы на часто возникающие вопросы, более подробная информация. Все это должно развеять предполагаемые сомнения — что получит клиент в конечном итоге?
  • Положительные отзывы – в идеале должны быть написаны вашими реальными клиентами. Не стоит недооценивать способности пользователей, многие смогут отличить очевидно накрученный отзыв от естественного. По крайней мере, не во всех отзывах должен зашкаливать уровень эйфории от продукта, который открыл довольному клиенту новый смысл жизни.
  • Ссылка на авторитеты: кто уже пользуется этим продуктом (логотипы фирм клиентов, видеролики с узнаваемыми людьми и т.п.)
  • Гарантии безопасности платежа, анонимности, условия возврата товара и денег и т.д. Во многих случаях можно предложить пробную версию продукта, тестовый период и т.п.
  • Футер – некоторое дублирование шапки, официальные реквизиты, ссылки на профиля и группы в социальных сетях (в том числе количество лайков, твитов) сертификаты, награды.

Важные принципы составления лендинга:

  • Все элементы страницы заточены под одну-единственную цель – получить отклик на call to action. Если сомневаетесь, увеличит ли этот элемент конверсию – сокращайте объем страницы.
  • Маркетинговые приемы: срочность и дефицит. Установите скрипт обратного отсчета до определенного события: повышение цены, окончание срока предложения или другое изменение условий. Постоянно обновляйте количество оставшихся продаж.
  • Свободное место – его должно быть достаточно много, чтобы страница легко и непринужденно читалась. Делайте отступы, короткие абзацы, списки и т.д.
  • Простота – страница не должна быть перегруженной излишней графикой, скриптами, слайдерами и т.д. Структура страницы должна быть линейной, так чтобы при всем желании пользователя нельзя было в ней запутаться.
  • Дизайн должен быть достаточно ярким, выразительным и контрастным и в то же время достаточно простым для восприятия.

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

 

2. Сервисы, которые помогают сделать лендинг пейдж самому легко и бесплатно.

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

Следующий шаг – это воспользоваться наиболее подходящим инструментом для создания лендинга.

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

Русскоязычный сервис leadkit.ru– предоставляет сервера в облаке, адаптивную верстку, визуальный редактор, систему аналитику и готовый скрипт обратного отсчета и т.д.

Platformalp.ru — предоставляет бесплатный пробный период 14 дней. Не требуется знание даже HTML – лендинги создаются достаточно быстро, собираются из готовых шаблонов считанными кликами мыши. Вам останется добавить только текст и картинки ваших товаров.

Lpgenerator.ru — предоставляет возможность бесплатного тестирования, при создании лэндинга создается адаптивный дизайн, поддерживающий и мобильную версию. Все что требуется – настроить подходящий вам дизайн, добавить свои картинки, текст, видео и призыв к действию. Здесь расписан подробный мануал про этот сервис >>

Сервис Weebly.com будет вам полезен независимо от того, разбираетесь ли вы в HTML – если нет, то настройте дизайн в визуальном режиме, а если вы опытный вебмастер, то для вас становится доступным большее число возможностей для тонкой настройки лендинга.

Заморский сервис Mobify.com помогает в эффективной генерации лидов, позволяет использовать готовые шаблоны, оптимизированные для планшетов и смартфонов.

Mobileconvrrt.com – крупнейший сервис, который не только позволяет создавать лендинг пейдж, но и многостраничные сайты для мобильных телефонов. Этот сервис хорош тем, что у него есть подробный wiki раздел.

 

Валидация (проверка лендинг пейдж)

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

Лучший сервис для такой проверки это PageSpeedInsights —http://developers.google.com/speed/pagespeed/insights/

 

3. Плагины и программы для создания лендинга

Что можно порекомендовать из софта? Если вы достаточно опытный вебразработчик, то вам будет достаточно классического софта, в котором только возможно сверстать адаптивный дизайн, будь то DreamWeaver, PhotoShop или другой софт. Однако имеет смысл рассмотреть те инструменты, которые дадут нам гораздо большую отдачу из-за того, что они более удобны для создания лендинга.

Adobe Muse – удобная программа, у которой есть пробный период 14 дней. О том, как с помощью этой программы сделать лендинг самому — смотрите на видео

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

ResponsiveAdminMaintenancePro– еще один плагин для вордпресса, предоставляющий «из коробки» 6 различных шаблонов с поддержкой CSS3 анимации, Youtubeбекграунда и других опций.

WordPress Landing Pages — плагин для создания лендинг пейдж, который можно скачать с официального сайта:

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

  • Влад

    Бимба, спасибо!

  • Лена

    А я создавала свои лендинги на конструкторе Q-page. Не нашла его в списке, хотя он понравился больше, чем LPgenerator. Он более понятный, не такой сложный. Хотя, недавно подняли тарифы, но меня это пока не касается, так как я успела купить годовой тариф.

  • Валерка

    http://tilda.cc/ru/ тоже неплохой сервис для создания одностраничников

  • Гуд

    https://sway.com/ презентации, фотоистории и не только

  • Samanta Black

    Не так давно нашла Академию http://academy.q-page.ru/ Мне понравилось, что по ходу обучения сразу создаешь первый лендинг. Удобно.