Как сделать лендинг пейдж самому — обзорная статья о Landing Pages

Многие вебмастера задаются вопросом, как сделать лендинг пейдж самостоятельно на Joomla, WordPress или другой бесплатной системе управления контентом. Для того, чтобы создать лендинг пейдж (посадочную страницу) самому, не прибегая к помощи специалистов, вам потребуются определенные знания о том, что собой представляет сайт – лендинг, как сделать его работу максимально эффективной. Именно о том, как работает лендинг на ваш бизнес, превращая посетителей в клиентов и пойдет речь в этой статье.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

leadkit-4450418

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

Сервис http://lpgenerator.ru/ — предоставляет возможность бесплатного тестирования, при создании лэндинга создается адаптивный дизайн, поддерживающий и мобильную версию. Все что требуется – настроить подходящий вам дизайн, добавить свои картинки, текст, видео и призыв к действию. Здесь расписан подробный мануал про этот сервис http://rebill.me/showthread.php?t=1965

platformalp1-1620097

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

Англоязычный сервис http://www.mobify.com помогает в эффективной генерации лидов, позволяет использовать готовые шаблоны, оптимизированные для планшетов и смартфонов.

http://www.mobileconvrrt.com – крупнейший сервис, который не только позволяет создавать лендинг пейдж, но и многостраничные сайты для мобильных телефонов.

Этот сервис хорош тем, что у него есть подробный wiki раздел.

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

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

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

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

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

Однако имеет смысл рассмотреть те инструменты, которые дадут нам гораздо большую отдачу из-за того, что они более удобны для создания лендинга.

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

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

https://wordpress.org/plugins/easy-coming-soon/

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

https://wordpress.org/plugins/responsive-admin-maintenance-pro/

lending-2077019

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

http://wordpress.org/plugins/landing-pages/

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