Landing page: что это и как работает лендинг

Реально бесплатные конструкторы лендинг пейдж

Бесплатные конструкторы landing page действительно существуют, но имеют ряд значимых недостатков:

• рекламные объявления и ссылки — как правило, у free-версии их много, и они отвлекают от просмотра контента;
• невозможность привязки домена — открывается только на платных тарифах;
• ограничения в количестве сайтов — бесплатные платформы обычно позволяют сделать лишь один лендинг.

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

Вот перечень из нескольких конструкторов, где можно без пробного периода делать лендинги:

• LPMotor (без публикации в сети);
• Wix;
• Nethouse (1 руб. в месяц);
• Mobirise (только на ПК, для публикации понадобится хостинг и домен);
• GUM (в пиратской версии, не подойдет новичкам).

Можно пробовать делать сайты без денежных вложений и на других платформах, но с ограничением по времени тестового периода — от 7 до 14 дней. Кроме того, создать проект бесплатно можно и на шаблонах в более популярных CMS, например, на WordPress (если ограничиться виртуальным сервером с доменом на компьютере без публикации в сеть ).

ТОП купонных сервисов

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

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

Groupon.ru

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

Kupikupon.ru

Нужно зарегистрироваться на сервисе и выбрать товар, входящий в ТОП наиболее популярных (пример: определённый брэнд часов). Его вы сможете разместить для продажи на одностраничнике.

Vigoda.ru

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

Livingsocial.com

Если продающий сайт создаётся для российского потребителя, то проанализируйте менталитет жителей СНГ и рассудите здраво, будет ли продаваемая вещь так же востребована у вас.

На livingsocial.com есть возможность просмотра статистики по странам мира. Этот сервис облегчит решение дилеммы, какой товар выбрать и разместить, что захотят купить жители РФ и ближнего зарубежья.

Как сделать лендинг — оформляем текст в конструкторе

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

Сделать лендинг бесплатно можно с помощью конструкторов:

• Tilda
• Lpgenerator
• Lpmotor
• Platformalp

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Справочные материалы на сайте Tilda

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Создание сайта в конструкторе Tilda

Выбрать шаблон

Шаблоны в конструкторе сгруппированы по тематике и задачам. Просмотрите несколько вариантов, чтобы увидеть, есть ли там нужные блоки:

Выбор шаблона на сайте Tilda

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

Например, мы хотим сделать лендинг для продажи деревянных складных беседок. Беседки — дорогой товар, скорее всего, клиент не купит их сразу, а захочет поговорить с менеджером, посмотреть фотографии. Значит, лучше выбрать шаблон с формой «рассчитать стоимость» и галереей. Названия разделов и фотографии мы изменим, главное, что структура лендинга нам подходит.

Шаблон «Ремонтная компания» для создания страницы

Вставить свой текст и фотографии

На следующем этапе меняем текст-заглушку и фотографии на свои, прописываем текст на кнопках.

Шаблон со своим текстом и фотографией

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

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

На бесплатном тарифе адрес страницы будет иметь такой вид:

Бесплатный адрес сайта на субдомене Tilda

Чтобы подключить домен и получить короткий адрес страницы, нужно перейти на платный тариф.

Примеры продающих лендингов

Подобрала для вас несколько примеров хороших лендингов. Посмотрим интересные детали и варианты структуры.

Сервис для учета финансов CoinKeeper предлагает оформить специальную банковскую карту. На лендинге визуально оформлены возможности карты и крупно выделена сумма за обслуживание

Обратите внимание, что возможности не просто описаны, но и проиллюстрированы элементами интерфейса из приложения

Лендинг для виртуальной банковской карты

Следующий лендинг посвящен сервису доставки готовой еды по подписке. Классно, как показан товар — реальные блюда и их фотографии с расчетом КБЖУ. Сразу видно, что получает покупатель.

Целый блок отведен под фотографии команды, они живые и сделаны в одном стиле. Есть FAQ, а для проработки сомнений — спецпредложение для заказа пробного дня доставки.

Продающий лендинг сервиса доставки готовой еды по подписке

Следующий лендинг — из сферы B2B, поэтому несколько отличается по подаче. Он продает пластиковые вкладки, с которыми удобно заваривать и пить чай прямо из одноразовых стаканов. Так как продажа нацелена на разные группы бизнесов, то для каждой группы преимущества описаны отдельно: для чайных магазинов, кафе, точек на вынос, АЗС и так далее.

Единственный недостаток, который можно здесь отметить — слишком много полей в форме в конце, это отпугивает. Можно запрашивать только город, а не настолько подробный адрес.

Статья по теме: «Создаем форму подписки, как у известных брендов».

Продающий лендинг специальных ситечек для чая

Этот лендинг продает необычный товар — народные ненецкие бубны. Это несложный продукт, поэтому нет смысла расписывать его функционал. Зато имеет смысл показать как можно больше классных фотографий в аутентичной обстановке, и это здесь сделали отлично.

Продающий лендинг мастера шаманских бубнов

Последний лендинг из подборки продает услуги реставрации обуви и сумок. Здесь оффер явно продуман с учетом потребностей ЦА: чтобы любимые туфли отремонтировали быстро и качественно, и при этом не надо было никуда ехать. Остальное по классике: есть фотографии работ, фото команды, описание услуг с ценами и отзывы.

Продающий лендинг мастерской по ремонту обуви и сумок

Как создать бизнес на одностраничных сайтах

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

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

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

Преимущества одностраничника

Создание одностраничного сайта — разумное начинание для предпринимателей и организаций. Лендинг характеризуется преимуществами:

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

При таком весомом списке преимуществ одностраничники почти не имеют недостатков. Надо понимать, что их создание подчинено конкретной цели — продвинуть товар или услугу и получить контакты потенциальных покупателей. Такие сайты не предназначены для публикации новостей, масштабной презентации продукта, а значит, ограниченный объём публикуемых сведений не является минусом.

Теперь о недостатках. Одностраничные сайты вызывают у некоторых пользователей подозрения в обмане. У некоторых внешний вид сайтов ассоциируется с сетевыми мошенниками. Большинство же предпочитают покупать онлайн только в проверенных местах, а яркий одностраничный сайт к ним не относится. Другая проблема — занятым людям лень заполнять контакты в форме обратной связи. Ещё одна трудность связана с тем, что одностраничные сайты трудно продвигать в поисковых системах – алгоритмы перекрывают одностраничникам доступ в топ из-за недоверия к содержанию.

Какой товар можно продавать

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

Одностраничные сайты отличаются минималистичным дизайном, привлекательными формулировками и призывами к действию

Что продавать на одностраничных сайтах

Ответ на этот вопрос простой — то, что нужно вашей целевой аудитории. Это может быть любой товар, услуга или информационный продукт. При этом вы получите не только прирост клиентов и прибыли, но и повысите известность компании или вас как эксперта.

Самое главное, что с помощью этого инструмента можно продавать даже тогда, когда продукта еще нет. То есть при минимальных вложениях (запуск рекламы и создание лендинга) проверить, сколько можно заработать, если запустить то или иное предложение.

Одностраничник — простой инструмент получения быстрых продаж или понимания, как вообще будет продаваться ваше предложение

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

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

Как сделать продающий лендинг: советы

Расскажу про три самых важных пункта — анализировать конкурентов, исследовать целевую аудиторию, убеждать фактами, а не словами.

Анализ конкурентов

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

• На какой сегмент аудитории, по ощущениям, ориентируется лендинг.
• Какие проблемы этой аудитории предлагает решить.
• Какие особенности есть в оффере, как он сформулирован.
• Какие элементы есть на странице.
• Цена товара или услуги, есть ли скидка или бонус.

Когда делаешь страницу самостоятельно, есть шанс «замылить глаз» и наделать косяков, которые изначально заметили у конкурентов и не хотели делать сами. С готовым анализом конкурентов проще держать ориентир: просто сверяйтесь с ним на каждом этапе, от структуры до финальной проверки.

Понимание ЦА

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

Статья по теме: «Как составить портрет клиента и где брать данные».

Например, у клиентов есть возражение — нет денег. Казалось бы, куда копать, но нет. Денег может не быть, потому что:

• все потратили, но завтра зарплата;
• денег нет и не будет, потому что нет работы;
• деньги есть, но нет свободных;
• деньги есть, но не видят пользы в продукте.

Все это — разные ситуации, проблемы и аргументы.

Статья по теме: «Работа с возражениями: как развеять сомнения клиентов. Пошаговый алгоритм и лучшие техники»

Самый надежный вариант изучить ЦА — провести discovery исследование. Найдите 5-8 человек, которые могут быть заинтересованы в продукте, и поговорите с ними. Вот основные правила такого исследования:

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

Статья по теме: «Выявление потребностей клиента: что это, как и зачем»

Исследование ЦА поможет вам сосредоточиться на реальных клиентах, а не высасывать их проблемы из пальца. Выясните, какая у них боль, в какой конкретной ситуации они находятся, насколько они осведомлены о продукте и какие опции для них самые важные.

Убеждение фактами

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

Не пишите: «Наши тренеры сделают вас сильными и выносливыми», а покажите фотографии и видео своих сильных и выносливых клиентов на тренировке. Тогда человек сам сделает вывод: «Куплю абонемент — стану сильным и красивым». Он сам убедит себя лучше, чем несколько абзацев вашего текста.

Статья по теме: «Как написать текст для лендинга».

Если вы хорошо изучили свою ЦА, то знаете, что для нее важнее всего при покупке вашего продукта. Иллюстрируйте решение найденных проблем, показывайте продукт в деле — это сработает лучше, чем текст.

Для чего нужны одностраничники

Одностраничный сайт создаётся с целью решения нескольких задач:

1. Целевая страница решит проблему продвижения уникального информационного товара, у которого нет аналогов на рынке. На сегодняшний день поисковики предпочитают большие сайты, но когда дело касается уникального продукта – хватит одной страницы.
2. Выпуск в свет большого проекта с представлением и формированием подписной базы. Если сайт запускается только через год, одностраничник поможет собрать подписчиков, которые как только проект начнёт работать, посетят и оценят его. Подписчики оставляют свои данные: адрес электронной почты, номер телефона и так далее. Поэтому одностраничный сайт называется подписная страница или страница подписки. В подобном случае страница захвата играет роль рекламы сайта.
3. Хозяева малого бизнеса применяют страницы захвата для продаж, что объясняется дешевизной создания и наполнения подобных сайтов. По этой причине их называют продающие сайты.

Иногда одностраничник решает одновременно три проблемы: реклама, продажи и продвижение продукта.

Структура продающего лендинга

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

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

Этапы прохождения пользователя по лендингу:

Основываясь на лестнице Ханта, можно назвать элементы правильной структуры лендинга. Конечно, можно строго ее не придерживаться. Какие-то блоки можно убрать, какие-то поменять местами. Главное, чтобы landing page справлялся со своей задачей, а именно, чтобы посетитель совершил целевое действие. Чем-то лестница Ханта похожа на этапы воронки продаж, где сначала происходит привлечение внимания пользователя, потом вызывается интерес к товару и желание оставить заявку или поместить товар в корзину, а в конце совершение покупки или заказ услуги.

Правильная структура лендинга:

• Оффер (заголовок). Данный элемент должен быть привлекательным. В нем отражается предложение компании. В основном, это цены и скидки.
• Сведения о продукции (товар, услуга). В данной части вы должны рассказать о товаре или услуге: описание, характеристика, изображения. Если есть, то добавьте и видеоматериал.
• Преимущества вашего предложения. Это повысит шанс на совершение действия. В основном, плюсы расписывают при помощи изображений, графики. Если расписывать преимущества только тестом, то читать аудитория не станет.
• Схема работы. Здесь посетителю стоит рассказать о схеме вашей работы: клиент-заказчик.
• Отзывы других клиентов. Это повысит доверие к вам и вашему предложению.
• Дипломы, грамоты, сертификаты. Они также повышают доверие к вам и вашему предложению.
• Стоимость. После предыдущих элементов правильной структуры лендинга стоит еще раз сказать о привлекательности стоимости (невысокой цене). Рядом можно разместить форму заказа.
• Форма заказа (СТА). В основном, она в виде кнопки, нажатие на которую кидает на основной веб-ресурс, или форма для заполнения без перехода. Здесь можно предложить потенциальному клиенту скидку или бонус. Также хорошим приемом станет контрастный цвет кнопки или формы заполнения, повторение кнопки несколько раз.
• Спецэлементы. Для увеличения конверсии landing page можно использовать различные виджеты. Например, счетчик времени завершения предложения.
• Контактные данные. Помещаются они либо в хедере (шапка сайта), либо в футере (подвал сайта). И следует указывать все доступные для связи контакты: от телефона и электронной почты до местоположения офиса на карте и кнопок на соцсети.

Вот такая она – правильная структура лендинга. Но как мы уже говорили, можно и не придерживаться строгого следования ей. Ведь целью лендинг пейдж является совершение действия пользователем.

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

Вот все получившиеся файлы.

index.html

<!DOCTYPE html><html>     <head>          <title>Школа итальянского</title>          <link rel=»stylesheet» type=»text/css» href=»style.css» />          <script src=»js/jquery-1.10.1.min.js» type=»text/javascript»></script>     </head>     <body>          <div class=»wrapper»>               <div class=»header»>                    <div class=»menu»>                         <ul>                              <li><a href=»#about»>О нас</a></li>                              <li><a href=»#schedule»>Расписание уроков</a></li>                              <li><a href=»#contact»>Записаться на курсы</a></li>                         </ul>                         <span>8(495)000-00-00</span>                    </div>               </div>               <div class=»content»>                    <div style=»height:270px»></div>                    <div class=»about»>                         <h2 id=»about»>О нас</h2>                         <img src=»images/img1.png»>                         <p>Приветствуем тебя дорогой друг!</p>                         <p>Добро пожаловать в нашу школу итальянского языка. Занятия проводятся в игровой форме под руководством прекрасных преподавателей — носителей языка. В стоимость курса входят также языковые туристические туры в знаменитые города Италии. </p>                         <p>Обучаясь у нас, ты не только научишься свободно владеть итальянским языком, но и получишь массу приятных воспоминаний и новых друзей.</p>                    </div>                    <div style=»height:270px»></div>                    <div class=»schedule»>                         <h2 id=»schedule»>Расписание уроков</h2>                         <img src=»images/img1.png»>                         <p>1-я группа: с понедельника по пятницу 18.00-21.00</p>                         <p>2-я группа: по субботам и воскресеньям 15.00-21.00</p>                         <p>3-я группа: по субботам и воскресеньям 9.00-15.00</p>                         <p>Срок обучения 1-я и 2-я ступень 4 недели</p>                    </div>                    <div style=»height:270px»></div>                    <div class=»contact»>                         <h2 id=»contact»>Записаться на курсы</h2>                         <img src=»images/img1.png»>                         <p>Записаться на курсы вы сможете по телефону: 8(495)000-00-00, менеджер Анна</p>                         <p>Или по адресу:</p>                         <p>г. Москва, ул. Верхняя Солнечная, дом 25 аудитория 30</p>                         <p>Также вы можете оставить заявку по электронной почте 000@gmail.com</p>                    </div>                    <div style=»height:20px»></div>               </div>          </div>          <script> $(‘a’).click(function () { var target = $(this).attr(‘href’); $(‘html, body’).animate({scrollTop: $(target).offset().top — 290 }, 800); return false; });          </script>     </body> </html>

style.css

body {background: #0075d4;/*общий фон*/margin: 0;padding: 0;
}.wrapper {margin: 0 auto;/*центрируем блок с классом wrapper*/overflow: hidden;width: 1000px;/*ширина блока wrapper*/
}.header {position:fixed;/*фиксируем блок с классом header*/background:url(images/header.jpg) no-repeat;width: 1000px;/*ширина шапки*/height: 300px;/*высота шапки*/
}.menu {margin: 0 auto;/*центрируем блок с классом wrapper*/overflow: hidden;width: 998px;/*ширина панели меню*/height: 70px;/*высота панели меню*/background:url(images/menu.png);/*фоновый рисунок*/margin-top: 180px;/*отступ сверху*/border-radius: 10px;/*Закругление углов*/-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #eef4f8;/*рамка*/box-shadow:3px 3px 5px 0px #0148a4;/*тень*/
}.menu ul li {list-style:none;/*убираем маркеры*/float:left;/*выравнивание по левому краю*/padding:10px 25px 10px 0;/*отступы*/
}.menu ul li a, span {font:24px «Century Gothic»;/*шрифт*/color:#020f5f;/*цвет текста*/text-decoration:none;/*убираем подчёркивание*/
}.menu  ul li a:hover {text-decoration:underline;/*добавляем подчёркивание*/
}span {float: right;margin: 10px 20px 0 0;
}.about, .schedule, .contact {background: #50aee1;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #eef4f8;
}
#about, #schedule, #contact{margin-bottom: 3px;background: url(images/line.png) no-repeat bottom;
}h2 {padding-left: 20px;padding-bottom: 10px;font:24px «Century Gothic»;color:#020f5f;
}p {padding: 0 20px 20px 20px;font:18px «Century Gothic»;
}img {margin: 20px;float: left;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 1px solid #eef4f8;
}

По аналогии вы можете создать свой собственный сайт.

Работу сайта смотрим .

Заключение

По правде говоря, люди устали от лендинг пейдж. Им приелись одни и те же приемы – таймеры обратного отсчета, сумасшедшие скидки, «уникальные предложения», статичные отзывы, не меняющиеся на протяжении 2-3 лет.

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

Подведем итоги:

В завершение статьи – видео по теме изготовления идеального лэндинга:

Желаю вам удачи в бизнесе, запускайте landing page и увеличивайте продажи!

Автор статьи: Александр Бережнов

Предприниматель, маркетолог, автор и владелец сайта «ХитёрБобёр.ru» (до 2019 г.)

Закончил социально-психологический и лингвистический факультет Северо-Кавказского социального института в Ставрополе. Создал и с нуля развил портал о бизнесе и личной эффективности «ХитёрБобёр.ru».

Бизнес-консультант, который профессионально занимается продвижением сайтов и контент-маркетингом. Проводит семинары от Министерства экономического развития Северного Кавказа на темы интернет-рекламы.

Лауреат конкурса «Молодой предприниматель России-2016» (номинация «Открытие года»), молодежного форума Северного Кавказа «Машук-2011”.