Сайт о телевидении

Сайт о телевидении

» » Лэндинг страницы. Алгоритм создания лендинга. Наполнение лендинга информацией

Лэндинг страницы. Алгоритм создания лендинга. Наполнение лендинга информацией

Сегодня простая страница в интернете, сделанная за несколько дней, может утереть нос крупному сайту, в который вложили много денег, просто потому что показано понятное предложение для целевой аудитории. Все дело в качественно составленном, таргетированном предложении, которое мы создаем с помощью лендинга. Что такое лендинг? — спросите вы. Давайте расскажу.

Что такое Landing page?

Лендинг пейдж (от англ. landing page – целевая страница) – сайт, который состоит из одной страницы, заточенный под одно действие: получить контакт или продать товар/услугу. Такой сайт еще называют посадочная или продающая страница, ленд, одностраничник, страница приземления, лид-магнит.

Принцип у лендинга такой “Buy or die” – купи или умри, в переносном смысле конечно же =) Купи/оставь свои контакты или уходи. Из-за того, что выбор у посетителя небольшой и страница заточена под один продукт/услугу, конверсия получается больше, чем у многостраничных сайтов.

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

Новая статья:

Место лендинга в цепочке продажи

Какое может быть ключевое действие у лендинг пейдж?

1. Получить контакт

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

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

2. Продать

На лендинге вы можете сразу продавать товары, обычно такие товары из низкой ценовой категории – до 2000-3000 р. Это относится к страницам, которые продают на холодную аудиторию в лоб, например товары из Китая (портмоне, очки, наушники и пр.) продают именно так.

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

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

Что такое «лендинг пэйдж»?

Несложно догадаться, что понятие «лендинг пэйдж» имеет зарубежное происхождение.

Landing page в дословном переводе означает «посадочная страница». Это одностраничный сайт, сайт-визитка или главная страница основного сайта, размещенного в интернете, главная цель которой – подтолкнуть пользователя к выполнению определенного действия. Как правило, действие – это подписка на рассылку, регистрация на сайте, покупка товара или услуги.

Пока что слово «лендинг» и, соответственно, словосочетание «лендинг пейдж» не встречается в образовательной литературе по маркетингу. Да и в словарях данное слово еще не было зафиксировано. Есть второй вариант написания, а именно «лэндинг». Но стоит отметить, что это менее распространенная форма. Такое вывод основан на данных Яндекс Статистики – 1 млн. запросов против 120 тыс.

Если рассмотреть назначение лендингов, то они создаются для:

  • Продажи конкретного товара или услуги.
  • Сбора информации о целевой аудитории.
  • Распространения программного обеспечения и инфопродуктов.

Но, несмотря на назначение, цель таких сайтов одна – увеличить уровень продаж. С ее помощью достигают 20-30% роста заказов, особенно если бизнес имеет одну из следующих специфик:

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

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

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

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

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

Landing page бывают:

  • One step – одношаговые. Одношаговый landing – это классический вариант сайтов, состоящих из одной веб-страницы. Их основная цель – привлечение и «подогрев» лидов.
  • Two step – двухшаговые. Двухшаговые страницы менее распространены, но не менее эффективны. Двухшаговый лендинг – это самостоятельная страница, предлагающая посетителю несколько опций. Выбрав одну из них, клиент попадает на дополнительную страницу, которая может быть представлена формой для оформления заказа, подписки на рассылку и пр.
  • Long page – длинные страницы. Под длинной страницей подразумевается то, что лендинг пейдж прокручивается вниз в две и более страницы.
  • Short page – короткие страницы. Короткая страница имеет размер в один экран без возможности прокрутки. Короткий лендинг пейдж уместно использовать только раскрученным брендам, с которыми не нужно знакомить пользователей, или в качестве инструмента для перенаправления на другие страницы сайта для сбора необходимой информации.

Сколько стоит лендинг и как его заказать?

Если идея о внедрении лендинга уже созрела, то остается открытым вопрос о стоимости данного «удовольствия». Цена за landing зависит от способа его разработки. Их всего два: самостоятельный и с привлечением специалистов. И, естественно, разработка сайта у специалистов окажется гораздо дороже.

Для примера:

  • Средняя стоимость лендинга у фрилансеров – 5000-20000 рублей.
  • Услуги дизайн-студии – 50 000–100 000 рублей.
  • Разработка лендинг пейдж авторитетным агентством – 100 000–500 000 рублей.

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

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

  1. Заполнение брифа (технического задания).
  2. Согласование основных пожеланий и предпочтений с исполнителем.
  3. Подписание договора на услуги.
  4. Внесение предоплаты.
  5. Оценка работы и запуск страницы в сеть.
  6. Полная оплата услуги, предусмотренная договором.

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

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

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

Как создать лендинг пейдж бесплатно?

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

Реальные способы заполучить landing page бесплатно:

  • Создать сайт или купить готовый шаблон на WordPress.
  • Воспользоваться специализированным конструктором (генератором).
  • Скачать готовый шаблон и «переписать» его в соответствии с индивидуальными особенностями компании.

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

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

Дизайн и структура лендинг пейдж

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

Черты хорошего дизайна лендинг пейдж:

  • Простота и лаконичность.
  • Блочная подача контента.
  • Яркая графика.
  • Логичная структура страницы.

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

Что касается структуры страницы, то она уже давно проработана специалистами. Не нужно ломать голову и «изобретать велосипед», необходимо просто сделать построение landing page в четкой последовательности.

Структура лендинг пейдж:

  1. цепляющий заголовок;
  2. описание продукта;
  3. преимущества;
  4. уникальное предложение;
  5. форма для заказа.

Структуру дополните отзывами о продукте и блоками «вопрос-ответ». Главное – краткость. Ведь правило Стива Круга «Не заставляй меня думать!» все еще актуально.

13 заповедей для создания эффективного лендинга

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

Правила для создания эффективного лендинга:

Один лендинг – один продукт

Чтобы добиться максимальной отдачи от landing, сконцентрируйте внимание посетителя на конкретном товаре. Другими словами, нельзя ставить клиента перед выбором, поскольку выбирать сложно. Гораздо проще бегло пробежаться взглядом по странице, закрыть ее и забыть о ее существовании. Но цель лендинга абсолютно противоположная. Эффективная схема выглядит так – Товар-Скидка-Форма для оформления заказа.

Цепляющий заголовок

Не кричащий, а цепляющий. Если раньше писали вначале страницы огромным шрифтом слово «Акция» и это работало, то сегодня этот прием имеет прямо противоположный эффект. Чтобы заставить посетителя просмотреть предложение, заголовок должен озадачивать и цеплять за «живое».

Например, хороший заголовок для клиники по пластической хирургии – «Хочешь увидеть нового себя?». Конечно, люди, которые задумывались о пластической операции, визуально представляли свою идеальную внешность. Данный заголовок заставляет всплыть надуманный образ и сделать шаг, к которому ведет лендинг, для воплощения своей мечты.

Четкость целевого действия

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

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

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

Продающий текст

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

Чтобы написать действительно продающий текст, надо:

  • Знать, для кого он предназначен. Манера и стиль подачи информации меняется в зависимости от предполагаемого читателя, поэтому перед написанием составьте портрет потенциального покупателя.
  • Изучить классические маркетинговые приемы и принципы психологического восприятия информации.
  • Уметь подать информацию кратко, но исчерпывающе. Во время чтения у посетителя лендинга непременно будут возникать вопросы, задача автора – дать на них ответы до перехода к следующему блоку страницы.

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

Оформление текста

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

Правила оформления текста:

  • Размер и стиль шрифта. Оптимальный размер – 16 px, в исключительных случаях 14, наиболее распространенные стили – Arial, Meiryo, Georgia.
  • Предложения. Текст должен содержать простые предложения без сложных оборотов.
  • Блочная подача информации. Каждый блок – это абзац. В абзаце должно быть не более 3–5 строк.
  • Подзаголовки. Чтобы разбить полотно текста, используйте подзаголовки через каждые 3–6 абзацев.
  • Таблицы, графики, списки, цитаты. Эти элементы также помогают разбавить текст и сделать его проще для восприятия.

Чтобы проверить насколько качественно написан и оформлен рекламный текст, вспоминают «эффект скользкой горки» американского копирайтера Джозева Шугермана. Для этого дайте тексту некоторое время «отдохнуть», а затем попробовать самостоятельно «прокатиться с горки», т. е. прочитать текст от начала до конца. Если во время прочтения читатель «застрял», пересмотрите и исправьте проблемные места текста.

Нет агрессивной и навязчивой рекламе

  • Большое количество восклицательных предложений;
  • Написание всего текста или его отдельных фраз с заглавной буквы;
  • Очевидные фразы наподобие: «Ограниченное предложение», «Ликвидация товара по низким ценам», «Только сегодня скидки до …%»

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

Структура

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

Релевантность

Релевантность – это соответствие ожиданий пользователя с реальностью. То есть если в результатах поисковой выдачи человек увидел заголовок «Эксклюзивные ювелирные украшения», то landing page должен иметь аналогичный или схожий заголовок.

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

Работа с возражениями

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

Чтобы убедить клиента в безопасности сделки используется:

  • Круглосуточная служба поддержки.
  • Гарантийный срок возврата.
  • Формы обратной связи.
  • Бесплатный тестовый период.

Ограниченность предложения

Ограниченность предложения – действенный, но рискованный метод привлечения клиентов. Раньше широко использовались счетчики обратного отсчета на landing, которые якобы показывали оставшееся время до конца акции. Но сейчас все больше предпринимателей от них отказываются, поскольку когда клиент, спустя 1–2 дня возвращался на страницу продавца и видел тот же самый счетчик, уровень доверия к компании падал до нуля.

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

Доверие клиента

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

Для этого лендинг должен содержать:

  • Контактные данные компании;
  • Ссылки на сообщества в социальных сетях;
  • Награды, сертификаты, лицензии, полученные компанией;

Лучший сервис для создания первого лендинга. Комплект из пары десятков одностраничных шаблонов подскажет наилучшие варианты оформления и подачи предложения. Редактор позволяет в считанные минуты собрать из готовых адаптивных блоков эффективную страницу. Главное - расположить секции в логическом порядке и красиво преподнести оффер. Изображения, табы, таймер для акций, отзывы, наглядная карта, коммуникации, включая заказ обратного звонка, и многое другое присутствует в полном объёме.

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

Плюсы:

  • Идеально подходит для предпринимателей, далёких от разработки сайтов;
  • Большой набор профильных виджетов;
  • Солидный пакет коммуникаций: консультант, заказ звонка, социалки, формы, всплывающие окна, почтовые рассылки, CRM;
  • Адаптивные шаблоны, структура которых идеальна для подачи лендингов;
  • Простота освоения - от 1 часа до 1 дня;
  • Крайне доступная стоимость.

Минусы:

  • Отсутствуют встроенные инструменты для анализа конверсии. Можно компенсировать сторонней аналитикой;
  • Тариф, позволяющий осуществлять приём оплаты онлайн, существенно дороже «Премиума», который отлично подходит для сборки лендингов.
  1. Премиум ($4/мес) - набор ключевых возможностей.
  2. Премиум + ($8/мес) - премиум-шаблоны и расширенная статистика.
  3. Магазин ($9.6/мес) - корзина, приём оплат.
  4. Про ($12/мес) - доступ ко правке кода.

Конструктор лендингов uLanding → детальный обзор

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

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

Плюсы:

  • Понятная каждому подача статистических данных;
  • Удобный интерфейс для одновременного тестирования нескольких страниц с подробной статистикой по результатам;
  • Возможность вставки своего кода в макет страницы;
  • Есть встроенный магазин (Ecwid);
  • Доступна архивация лендингов и быстрое восстановление;
  • Создание резервных копий в 1 клик;
  • SMS с уведомлениями бесплатные;
  • Интегрированная в панель управления amoCRM;
  • Простой в использовании редактор;
  • Хорошие по качеству адаптивные шаблоны, причём, поддерживается раздельное редактирование версий для ПК и смартфонов;
  • Хорошая техподдержка.

Минусы:

  • Небольшое количество готовых шаблонов;
  • Мало готовых секций (не путать с виджетами).

Стоимость за месяц при оплате за год:

  1. Начальный ($6.15/мес) - 1 проект, 5 лендингов, безлимитные SMS-уведомления, техподдержка 24/7.
  2. Бизнес ($10.25/мес) - 3 проекта, 30 лендингов, живой чат с техподдержкой.
  3. Продвинутый ($17.10/мес) - 10 проектов, 1000 лендингов.

Конструктор лендингов Wix → детальный обзор

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

Богатый набор виджетов, встроенный графический редактор, анимации, наборы иконок, растровых фигур и эффекты скроллинга позволят создать яркий лендинг, претендующий на высокую конверсию. Для работы с клиентской базой имеется встроенная CRM, возможность настройки маркетинговых и триггерных рассылок, для анализа результатов - Google Analytics. Использование Wix Code позволит настроить расписание вывода данных в зависимости от времени суток, региона и прочих вещей. Структура лендинга реализуется через анкорные ссылки на области макета.

Плюсы:

  • Мощный редактор макетов страниц;
  • Высокое качество и разнообразие готовых шаблонов;
  • Множество виджетов, стоковых мультимедийных элементов;
  • Возможность приёма онлайн-платежей;
  • Встроенная CRM для обработки контактов;
  • Множество маркетинговых приложений;
  • Автоматизация сценариев поведения страницы при помощи Wix Code;
  • Полный пакет приложений для коммуникаций: чат, заказ звонка, рассылки, всплывающие окна, комментарии, синхронизация с лентами социальных сетей и прочее;
  • Возможность добавления своего кода на сайт: HTML/CSS, JavaScript.

Минусы:

  • Новичкам потребуется время для освоения основной части возможностей редактора - он удобный, но не самый простой в обращении благодаря количеству и глубине настроек;
  • Часть полезной функциональности доступна только в виде приложений - её нет из коробки в панели редактора, нужно подобрать и активировать приложение;
  • Встроенные инструменты для анализа конверсии отсутствуют - воронки продаж, A/B-тесты, мониторинг по регионам/источникам трафика. Компенсируется подключением аналитических систем к странице.

Стоимость за месяц при оплате за год:

  1. Connect Domain (123 руб/мес) - подключение домена, ключевая функциональность.
  2. Combo (249 руб/мес) - домен в подарок, удаление копирайта системы.
  3. Unlimited (375 руб/мес) - расширенное дисковое пространство, платные приложения бонусом.
  4. eCommerce (488 руб/мес) - много места на диске, корзина, приём онлайн-оплат.
  5. VIP (751 руб/мес) - почтовые рассылки плюс аудит сайта от эксперта Wix.

Конструктор лендингов LPGenerator → детальный обзор

LPGenerator - один из самых мощных специализированных конструкторов лендингов. В принципе, это идеальный сервис в своей нише. Относительная сложность редактора компенсируется огромными возможностями по кастомизации дизайна и функциональности страниц. Более 250 профессиональных шаблонов из 22 категорий. Продуманный и гибкий процесс прорисовки страницы с нуля, можно править код макетов вручную и загружать собственные. Есть витрина товаров с пагинацией - качественный мини-магазин внутри лендинга.

Полный набор инструментов для анализа конверсии и маркетинга (всесторонняя статистика, A/B-тесты, воронка продаж, источники трафика, цели конверсии, CRM, рассылки и прочее) позволяют выжать максимум эффекта со страниц. Редактор визуальный, виджетов очень много, есть удобный конструктор секций, мониторинг версий страницы с анализом конверсии и т. д. Аудитория системы - веб-студии и опытные разработчики. Для новичков есть «Академия лидогенерации» - мощный курс, который окажется полезным большинству пользователей.

Плюсы:

  • Большой выбор шаблонов и возможность загрузки собственных;
  • Ультимативный набор средств для анализа и увеличения конверсии;
  • Поддержка множества сторонних приложений и синхронизаций с сервисами;
  • Встроенная качественная CRM;
  • Продуманная витрина одностраничного магазина с кучей настроек;
  • Оповещения о событиях по SMS;
  • Отличная обучающая программа для новичков и не только;
  • Опционально можно заказать услуги от разработчиков.

Минусы:

  • Дорогие пакетные тарифные планы, рассчитанные на профи;
  • Сравнительная сложность использования - слишком много всего внутри.

Стоимость за месяц при оплате за год:

  1. Базовый (558 руб/мес) - 1 домен, 3 страницы.
  2. Продвинутый (1662 руб/мес) - 5 доменов, 50 страниц.
  3. Безлимитный (2799 руб/мес) - всё без ограничений.
  4. Корпоративный, White Label (11011 руб/мес) - свой брендинг для 15 аккаунтов, улучшенная техподдержка.

Конструктор лендингов uCoz → детальный обзор

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

Редактор поддерживает подключение сторонних PHP-скриптов и загрузку собственных шаблонов. При наличии опыта собрать лендинг - дело 1-2 вечеров. Сервис поддерживает синхронизацию с социалками, онлайн-чатами, конструкторами форм, калькулятором услуг и прочими полезными штуками. Кастомизация страниц происходит, в основном, через правку кода, хотя визуальный редактор тоже есть. Это вариант для тех, кто знает, как нужно верстать лендинги либо новичков, желающих опубликовать страницу на основе подарочного премиум-дизайна.

Плюсы:

Минусы:

  • Сравнительно высокая сложность освоения;
  • Среди стоковых шаблонов нет одностраничных;
  • Необходимость владения кодом хотя бы на базовом уровне.

Стоимость за месяц при оплате за год:

  1. Минимальный ($2.39/мес) - уменьшенный баннер, FTP-доступ, 1 Гб места.
  2. Базовый ($4.79/мес) - снятие баннера, 2 Гб места, премиум-поддержка, HTTPS, Яндекс.Фиды.
  3. Оптимальный ($6.39/мес)- 10 Гб места, премиум-шаблон и домен бесплатно.
  4. Магазин ($7.99/мес) - 10 Гб места, модуль интернет-магазина.
  5. Максимальный ($12.79/мес) - 20 Гб места, живой чат техподдержки.

Конструктор лендингов PlatformaLP → детальный обзор

PlatformaLP - специализированный конструктор посадочных страниц. Около полусотни классных шаблонов, куча стандартных виджетов, а также профильных вроде счётчиков/вкладок/декораций/спойлеров и визуальный редактор, позволяющий гибко отрегулировать структуру, содержимое каждой секции страницы для десктопного и мобильного формата в отдельности. Есть корзина - можно продавать онлайн. Поддерживается вставка HTML-кода, а также интеграция сторонних сервисов - Bitrix24, amoCRM, GetResponse, RoboKassa, MailChimp, Яндекс.Касса, JustClick, Mailer, Unisender, SendPulse и LeadVertex.

Поддерживаются мультилендинги: можно создать несколько вариантов посадочной страницы для демонстрации в различных регионах. Эффективность можно измерять A/B-тестами, аналитические данные получать от Google или Яндекса. Ещё можно добавить реакции лендинга на поведение посетителя - всплывающие окна различного содержания при уходе со страницы, прокрутке до футера, повторном заходе, подачи заявки, заполнении формы и т. д. Основано это на работе с Cookie (сообщение на согласие их использования есть). Можно включить lazy load для изображений (ускоряет загрузку страниц), добавить анимации, использовать Google Fonts.

Плюсы:

  • Отличный набор виджетов и готовых блоков различной функциональности;
  • Удобство и гибкость настройки секций;
  • Поддержка мультилендингов;
  • Всплывающие окна по заданным сценариям поведения клиента;
  • Встроенный магазин;
  • Отдельная настройка мета-тегов для социальных сетей;
  • Уведомления о заявках на почту и по SMS.

Минусы:

Стоимость за месяц:

  1. Микро (490 руб/мес) - 1 домен, 1 страница, оповещения в Telegram.
  2. Эконом (790 руб/мес) - 1 домен, 10 страниц, SSL, 100 SMS.
  3. Бизнес (1390 руб/мес) - 5 доменов, 50 страниц, мультилендинг, A/B-тест, интеграции, корзина, многопользовательский режим.
  4. Бизнес + (1990 руб/мес) - 5 доменов, 50 страниц, приём платежей.

Пакеты расширения для бизнес-планов:

  1. +390 руб/мес (Бизнес) - +5 доменов, + 50 страниц.
  2. +590 руб/мес (Бизнес+) - +5 доменов, + 50 страниц.

Конструктор лендинг пейдж Ucraft → детальный обзор

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

Поддерживаются интеграции 16 полезных сервисов (PayPal, Google, MailChimp и др.), стандартные SEO-настройки и приём онлайн-платежей. Значительно изменить стоковый шаблон можно при помощи инструментов дизайнера, идущих в комплекте. Новичкам пригодится шпаргалка прогресса сайта со списком задач и ссылками на области панели управления, в которых они решаются. Также есть эффекты, возможность командной разработки, гибкая настройка шрифтов и языков сайта. Всё это упаковано в приятный и простой интерфейс.

Плюсы:

  • Возможность бесплатной публикации одностраничника со своим доменом и SSL;
  • Множество готовых блоков, адаптивный дизайн;
  • Поддержка мультиязычности сайтов и командной разработки;
  • Возможность приёма оплаты онлайн;
  • Встроенный конструктор логотипов, инструменты дизайнера;
  • Шпаргалка прогресса для новичков.

Минусы:

  • Отсутствие встроенных средств сбора статистики и анализа конверсии;
  • Отсутствие некоторых характерных лендинговых виджетов вроде счётчика.

Стоимость за месяц при оплате за год:

  1. Про Веб-сайт (₽670/мес) – 1 сайт, мультиязычность, блог, SEO, интеграции, круглосуточная техподдержка, снятие бренда «Ucraft»; добавление HTML/CSS/JS, 50 товаров для интернет-магазина, 70+ способов платежа и доставки;
  2. Про Магазин (₽1400/мес) – неограниченное кол-во товаров, продажи без комиссии, мультивалютность, трекинг в реальном времени, неограниченный объём хранилища, скидочные купоны и оптовые скидк, управление магазином через iOS и Android, возможность отключения налогов, обратное начисление НДС;
  3. Безлимит (₽2600/мес) – полное отсутствие лимита во всём, продажа на eBay, Facebook, Yandex.

Конструктор лендингов LPMotor → детальный обзор

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

Есть встроенная CRM хорошего качества, возможность тестирования вариантов одной и той же страницы (A/B-тест) и автоворонка продаж - интерфейс для настройки автоматических действий в случае выполнения пользователем заданного сценария (заполнил форму - получил письмо и т. д.). Поддерживаются всплывающие окна и множество интеграций: Jivosite, VK, Facebook, MailChimp, UniSender, GetResponse, Яндекс.Касса/Деньги, JustClick, amoCRM, PayPal, RoboKassa, Bitrix24, Yagla и прочее. Встроенная система сбора статистики приличная. Можно настроить получение уведомлений о заявках по SMS на почту или в Telegram. Есть анти-спам.

Плюсы:

  • Классный редактор, гибкая настройка отдельных элементов и секций;
  • Поддержка большого количества интеграций;
  • Встроенные конструктор автоворонок, CRM, A/B-тесты и сбор статистики;
  • Хорошие шаблоны, кастомизация, инструменты для создания дизайна с нуля;
  • Возможность раздельного редактирования мобильной и десктопной версий страницы;
  • Поддерживается вставка кода HTML;
  • Есть встроенный магазин с корзиной и приёмом оплаты онлайн.

Минусы:

  • Отключение подписи «LPMotor» в футере стоит дополнительные 600 рублей в год для каждой опубликованной страницы. Это отдельная услуга, не входящая в пакетные планы.
  • В процессе работы нельзя сменить шаблон;
  • В наборе элементов отсутствует таймер обратного отсчёта;
  • Автоворонка подключается отдельно за дополнительную плату.

Стоимость за месяц при оплате за год:

  1. Нано (360 руб/мес) - 1 домен, 10 сайтов, полная функциональность.
  2. Мини (540 руб/мес) - 3 домена, 50 сайтов;
  3. Стандарт (720 руб/мес) - 10 домен, 100 сайтов;
  4. Безлимит (2400 руб/мес) - неограниченное количество доменов и страниц, без подписи сервиса.

Стоимость подключения автоворонки продаж (пробный период - 7 дней):

  • Неделя - 990 рублей.
  • Месяц - 2390 рублей.
  • Год - 14990 рублей.

Конструктор лендингов Flexbe → детальный обзор

Flexbe - сервис, рассчитанный на сборку посадочных страниц только из готовых блоков. Подходит для новичков. Шаблонов около 20 штук, качество хорошее, блоки адаптивные. Для каждой секции можно выбрать набор отображаемых элементов и немного подкрутить дизайн. Готовых секций достаточно для сборки лендинга классической структуры. Доступно несколько шрифтовых пар для быстрой смены, есть эффекты параллакса и отдаления, настройки градиента и затемнения, поддерживаются якоря в меню. SSL подключается

автоматически при добавлении домена. Можно вставить свой HTML-код на страницу.
Сервис поддерживает интеграцию приложений базовой важности (amoCRM, Bitrix24, CallbackHunter, Jivosite, GetResponse, UniSender), создание мультилендигов/геолендингов и предоставляет доступ к API. Приём онлайн платежей возможен через Яндекс.Касса, RoboKassa и карту Тинькофф. Можно подключить почтовые сервисы Google, Mail.ru и Яндекс. Кроме того, есть встроенная CRM среднего уровня и система сбора статистических данных. Можно настроить формат показа страницы при шаринге в социальных сетях. Присутствует мобильное приложение iOS/Android и настройки появления всплывающих окон.

Плюсы:

  • Предельная простота сборки/настройки страниц из готовых блоков;
  • Наличие встроенных CRM, статистики, A/B-тестов;
  • Автоматически подключаемый SSL;
  • Интерфейс для работы со всплывающими окнами;
  • Поддержка интеграции ключевых для лендинга сервисов;
  • Оповещения по SMS и почте о новых заказах;
  • Возможность добавления администраторов страниц.

Минусы:

  • Скудный набор готовых шаблонов;
  • Встроенная CRM так себе;
  • Отсутствие отдельных элементов/виджетов (только готовые секции);
  • Кастомизация дизайна базового уровня.

Стоимость за месяц при оплате за год:

  1. Стартовый (525 руб/мес) - 1 домен, 10 страниц, 250 SMS, SSL.
  2. Бизнес (1050 руб/мес) - 5 доменов, 50 страниц, 500 SMS, мульти/геолендинг, A/B-тесты;
  3. Ультра (2100 руб/мес) - домены и страницы не ограничены по количеству, 1000 SMS, 5 доп. пользователей.

Конструктор лендингов Mobirise → детальный обзор

Mobirise - бесплатная программа (Mac, Windows, Android), позволяющая собирать посадочные страницы из готовых блоков. Шаблоны представлены расширениями - платными наборами ($20-40) блоков, заточенных под конкретную задачу (бизнес, магазин, юрист, портфолио, ресторан и т. д.). Из коробки даётся 4 бесплатных шаблона. Также есть расширения для добавления интеграции социальных сетей и средств комментирования, перводчик, Soundcloud, Google Analytics, SEO-инструменты, а из платных - пакет иконок, корзина с оплатой через PayPal, редактор кода страниц и слайдер изображений.

Набор блоков (количество, структура, назначение) зависит от выбранного шаблона. Каждую секцию можно настроить, выбрав отображаемые элементы, цвета, эффекты, размеры и прочее. В целом, даже на бесплатном шаблоне блоков множество - их хватит с лихвой для сборки нормального лендинга со всеми фишками (отзывы, преимущества, колонки, табы, таймлайны, таймер, мультимедиа, прайс, карта, социалки и всё остальное). Страницы получаются адаптивные по умолчанию. Базовые SEO-настройки присутствуют. Для публикации страниц нужно купить хостинг и домен. Рекомендуем обратить внимание на пак со всеми платными расширениями.

Плюсы:

  • Приложение бесплатно для коммерческого использования;
  • Богатый набор адаптивных блоков в стоковой поставке;
  • Простота сборки и редактирования дизайна страниц;
  • Расширения значительно увеличивают область применения программы;
  • Встроенный FTP-интерфейс для загрузки/обновления файлов на хостинге.

Минусы:

  • Необходимо арендовать хостинг/домен отдельно;
  • Обновление лендинга потребует наличия рабочих файлов проекта на ПК;
  • Полное отсутствие средств сбора статистики и анализа конверсии ввиду формата сайтбилдера в виде приложения (можно подключить страницу ко внешним сервисам).

Стоимость:

  1. Себестоимость страницы равна сумме, необходимой на аренду хостинга и доменного имени (примерно $20-30/год).
  2. Стоимость полного пакета расширений составляет $197 - все шаблоны и интеграции.

Пошаговый план действий

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

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

Алгоритм создания лендинга

  1. Регистрация в конструкторе.
  2. Выбор шаблона подходящей тематики и/или структуры.
  3. Добавление недостающих и удаление лишних для вашей задачи блоков.
  4. Редактирование стокового контента под себя (тексты, цифры, изображения, ссылки) и заполнение с нуля свежедобавленных секций.
  5. Настройка дизайна – цветов, эффектов, шрифтов, фонов, форм элементов и прочего.
  6. Заполнение SEO-параметров.
  7. Подключение необходимых интеграций (платёжные системы, социалки, рассылки, аналитика, статистика, живой чат, обратный звонок и прочее).
  8. Оплата тарифного плана и подключение домена.
  9. Публикация страницы.

Что должно быть?

Характер и порядок секций имеет огромное значение. Суть в том, что по мере листания страницы посетитель должен заразиться желанием последовать вашему предложению. И сделать это. А какие же блоки использовать для достижения цели? В каком порядке? 100% рецепта успеха любой страницы из любой ниши не существует, но кое-что можно обозначить:

  • Шапка - качественное изображение или видеофон по теме, заголовок, передающий суть предложения, логотип, анкорное меню, и, возможно, здесь же кнопка (CTA - Call-To-Action, призыв к действию) - подписка, покупка, загрузка, переход куда-либо.
  • Вторым блоком может быть таймер обратного отсчёта до конца какой-то акции с кнопкой CTA. Также сюда можно поставить описание вашего предложения (а уже после - CTA) - текст плюс изображение либо видео. Порядок зависит от того, насколько понятна суть оффера из шапки - нужно ли дополнительно показывать суть либо пора призывать к действию.
  • Блок преимуществ предложения - буллитов. Можно оформить в виде слайдера (карусель) либо иконками с ёмкими, точными описаниями сильных сторон оффера. Лучше иконками с текстовыми подписями - так быстрее воспринимается информация, листать не нужно.
  • Изображения или видео с продуктом в подходящем стилю страницы формате.
  • Здесь может быть таймер до окончания предложения (если его не было вверху) либо тарифы, если речь идёт об услуге. Или короткий прайс в табах (2-5 позиций) на продукты. В общем, показ цен.
  • Дальше можно поставить блок отзывов клиентов в формате табов или карусели.
  • Здесь могут быть какие-то цифры, демонстрирующие популярность вашего продукта: количество скачиваний, довольных клиентов, подписок, сэкономленных средств, полученной пользы (смотря о чём речь), спасённых котятах и всего в таком духе.
  • Форма - для совершения заказа, подписки, анкетирования либо чего-то ещё.
  • Карта охвата географии вашей деятельности - реклама масштаба популярности (можно и без неё).
  • Призыв к действию - кнопка CTA возле резюме предложения, подходящей иллюстрации либо в другом уместном формате.
  • Футер логотипом, кратким содержанием оффера, адресом офиса, телефоном, мессенджерами, ссылками на социальные сети, основной сайт, блог и что-либо ещё в таком духе.

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

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

Оптимальными для большинства новичков будут uKit, uLanding и Wix - в них получаются хорошие лендинги. Недорого, быстро и красиво. Самый мощный профильный сервис - LPGenerator. Идущие следом PlatformaLP и LPMotor несколько уступают ему. uCoz может всё хорошо, и лендинги в том числе. Ucraft - неплохой вариант, Flexbe приятен и простоват, Mobirise - на любителя.

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

Мы часто слышим слова “посадочная страница”, “одностраничник”, landing page. И вроде бы понимаем, о чем говорится, но не знаем всех особенностей и фишек.

Мы расскажем, что это такое — лендинг, какова его структура, дизайн и как повысить конверсию одностраничника. А также научим, где можно заказать лендинг или создать его самостоятельно.

Как вы уже догадались, это одностраничный сайт, который — внимание! — посвящен какой-то одной услуге или товару.

На обычном сайте может быть много разделов меню с разной информацией (“О компании”, “Наши новости”, “Товары”, “Новинки”, “Контакты” — если сайт направлен на продажи, и “Общество”, “Экономика”, “Отношения” — если тематика информационная).

На лендинге – никаких разделов, только информационные блоки.

Для чего нужен лендинг?

Лендинг не просто информирует о товаре – он его продает. Цель любого лендинга – одно конкретное действие.

Это или продажа товара/услуги, или сбор контактных данных посетителей, или привлечение трафика на основной сайт.

Все вместе – не получится, у каждого лендинга – своя задача. Рассмотрим самые основные.

Продажа товара. Допустим, вы стали фрилансером-копирайтером и хотите продвинуть в интернете свои услуги. Услуга у вас одна – написание текстов.

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

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

Сбор контактных данных, или лидов. контакты потенциальных клиентов. Как их собрать? Очевидно, заинтересовать людей, чтобы они оставили в форме заказа свой телефон или электронную почту.

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

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

Но они-то еще о вас не знают! Значит, делайте лендинг, ориентированный полностью на аудиторию предпринимателей. Описываем их боли и проблемы и предлагаем решение – ваши тексты.

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

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

Минусы лендинга

О преимуществах рассказали, теперь поговорим о недостатках landing page. Будем честными – они присутствуют.

Например, в отличие от сайта лендинг ограничен определенным объемом. Основное правило такое: меньше текста – больше продающих элементов.

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

Структура лендинга

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

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

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

2 этап – осведомленность. Вот он задумался и понял – хм, действительно есть проблема! Только пока не знает, как ее решить. Помогите ему с помощью рассказа о товаре или услуге.

3 этап – сравнение. Клиенту нужно дать на выбор несколько вариантов решения проблемы.

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

5 этап – покупка. Здесь все просто: пусть оставляет заявку в форме заказа, контактные данные – словом, делает то целевое действие, ради которого все и задумывалось.

Назовем основные элементы структуры лендинга, которые проведут клиента по лестнице Ханта. Существует стандартная схема, которую мы сейчас и распишем.

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

1. Оффер

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

2. Данные о товаре или услуге

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

3. Преимущества товара

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

4. Схема работы

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

5. Отзывы других клиентов

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

6. Дипломы, грамоты, сертификаты

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

7. Цены

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

8. Формы заказа

Их еще называют кнопками СТА — Call-to-action, или призыв к действию. Призыв и в Африке призыв: напишите свою электронную почту, подпишитесь на рассылку, оставьте заявку, пройдите по ссылке, купите товар – сделайте что-нибудь! Обычно это стандартные кнопки, которые ведут на сайт или другой ресурс или формы заказа с полями для заполнения.

Чтобы мотивировать клиента сделать целевое действие и нажать на кнопку, есть несколько секретных приемов:

  • предложить ему приятный бонус, скидку, полезную информацию. Некоторые компании даже соревнуются, кто больше предложит клиенту;
  • выделить элемент СТА контрастным цветом, чтобы сразу бросалась в глаза;
  • повторить СТА несколько раз. Для одной посадочной страницы достаточно 2-3 кнопок и форм. Все остальное – уже перебор.

9. Специальные элементы

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

10. Контакты

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

Дизайн landing page

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

  • минимализм. Стильный дизайн, простые и понятные шрифты, грамотное чередование текста и картинок — никаких длинных простыней, больше воздушного пространства!
  • соблюдение продающих правил. Если давно доказано, что кнопки СТА лучше расположить в конце первого экрана, чтобы избежать эффекта баннерной слепоты – так к чему спорить?
  • избегание стандартных шаблонов, стоковых фотографий. Это выглядит дешево: никакие текст и структура не спасут такой сайт. Используйте уникальные фотографии вашего продукта. дополните шаблон элементами индивидуального дизайна;
  • удобство для пользователя. Если на лендинге слишком много активных элементов, призывов к действию, виджетов, а форма заказа предполагает длительную регистрацию в несколько сложных шагов – это утомит пользователя и вместо желания купить вызовет лишь раздражение;
  • знание основ веб-дизайна. Правила золотого сечение и третей были придуманы еще несколько веков назад. Хороший веб-дизайнер прекрасно осведомлен об этих азах профессии и будет соблюдать их везде: хоть на сайте, хоть в интернет-магазине, хоть на landing page.

Как создать лендинг?

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

Есть несколько вариантов создания одностраничников. Это можно сделать как самостоятельно, так и обратившись к специалистам. Соответственно, бесплатно и за деньги.

1. Сделать на конструкторе сайтов. В рунете их множество:

  • lPmotor;
  • Tilda;
  • Битрикс.24;
  • и другие.

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

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

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

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

В переводе с английского landing page — это дословно «посадочная страница». Означает это понятие отдельную страницу в интернете, где почти нет ссылок на другие разделы сайтов. Это своеобразная «заглушка», тупик в интернете, где у посетителя есть только два варианта действия — либо сделать то, что от него хотят на лендинге, либо уйти.

Практика убедительно доказала, что лендинги продают намного лучше обычных многостраничных сайтов. Но… не всегда. В этой статье мы с вами разберем от А до Я — что такое лендинги, для чего они нужны (или почему не нужны) лично вам. А также рассмотрим конкретные примеры хороших и плохих лендингов, чтобы вам было от чего отталкиваться.

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

Для чего нужны лендинги (и при чем тут Чернобыль)?

Знаете, главную причину, почему человек не покупает то, что ему предлагают в интернете? Вовсе не потому, что он не хочет это покупать. Чаще всего причина в том, что он просто не понимает:

  • Что ему что-то предлагают
  • Что именно ему предлагают?
  • Зачем ему то, что ему предлагают?
  • и так далее

То есть люди просто не замечают ваших рекламных предложений. Вокруг слишком много информации. Сайты пестрят баннерами, ссылками, видосами, картинками. У среднестатистического пользователя интернета параллельно открыто 10 — 15 вкладок браузера, между которыми он хаотично передвигается («сёрфит»).

Лендинги призваны решить именно это проблему — максимально сконцентрировать внимание посетителя на той информации, которую вы предлагаете. Первыми все преимущества лендингов оценили, конечно, предприниматели. Обычный сайт дает 0,1 — 0,5% конверсии в заказ. А лендинг дает 1 — 7% конверсии в заказ. Вывод? Будем делать много лендингов.

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

Но что вы скажите например вот об этом (ссылка откроется в новой вкладке)?

Это тоже лендинг, на котором нам показывают обычную вроде статью. То есть здесь никто ничего не продает. Журналисты подготовили материал о катастрофе в Чернобыле и разместили его на лендинге — отдельной странице. Хотя они вполне могли точно так же разместить этот материал на сайте своей газеты. Что при этом поменялось бы?

Они потеряли бы наше внимание. На лендинге все внимание приковано к тому, что вы пытаетесь донести до посетителя. Кстати, этот материал про ЧАЭС стал одним из самых посещаемых в Рунете по этой теме. Не думаю, что им удалось бы достичь такого же успеха, если бы они разместили статью просто на сайте. Полистав этот лендинг так и хочется заново пройти «S.T.A.L.K.E.R — Тень Чернобыля».

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

Кстати, а в чем же заключается «магия» лендинга? Только ли в том, что там нет посторонних ссылок и менюшек?

Вторая причина, почему лендинги работают лучше обычных сайтов

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

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

Но эта причина не единственная. Еще один важный момент — это красивое графическое оформление информации.

Знаете, как устроены обычные сайты? Они работают на каких-нибудь «движках», которые автоматически генерируют страницы. При этом дизайн и структура всех этих страниц всегда остается неизменной.

Если вы захотите добавить какие-нибудь особенные элементы, то вам придется сильно потрудиться (и не факт, что у вас получится). А лендинг — это отдельный «мир». Там вы можете творить все, что пожелаете. А это очень важно.

Дизайн лендинга — это правильное подчеркивание и усиление того, что вы хотите сказать с помощью графических элементов. Это могут быть рисунки, стрелочки, особые шрифты, видео. Все это будет работать на то, чтобы посетитель по максимуму «потребил» то сообщение, которое мы хотим до него донести.

Чуть ниже я вам дам пример лендинга, где очень удачно информация усиливается с помощью дизайна. А пока давайте вернемся к лендингу про Чернобыль. Вы его пролистали? Дайте угадаю, как вы действовали.

Вы листали, выхватывая куски текста, и останавливались на видео-вставках, которые проигрывались автоматически при пролистывании. Возможно, вы не досматривали эти видео-вставки до самого конца, но вы их некоторое время смотрели, ведь так?

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

А если вы вставите обычные видео в свою статью — никто их смотреть не будет. И то же самое с остальными графическими элементами. То, что выделено цветом, шрифтом, рисунком — привлекает внимание и остается в памяти. Обычный текст прочитывается «по диагонали» (в лучшем случае).

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

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

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

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

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

Посетители вашего сайта мыслят примерно так. Лендинг сделан ужасно, значит у них нет денег на специалистов, которые бы сделали это нормально. Раз нет денег, значит у них никто ничего не покупает. А раз у них никто ничего не покупает — значит у них плохой товар/услуга.

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

А пока вот вам еще один пример. Просто сравните и подумайте, какой лендинг вызывает у вас больше доверия?

Пример крутого лендинга

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

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

Полный вариант этого лендинга вы можете посмотреть . На мой взгляд, здесь всего в меру. А главное — минимум текста, и каждая мысль красиво оформлена графически. Так, что мимо глаз вы ничего важного не пропустите.

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

Хотите уметь делать такие же красивые лендинги самостоятельно? Не вопрос.

Как сделать лендинг технически

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

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

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

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

Вот так выглядит рабочая область этого конструктора.

Но сделать оболочку одностраничника — это только полдела. Самое важное — это грамотное его наполнение.

Что написать на лендинге, чтобы он продавал

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

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

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

Как правильно продвигать лендинг

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

Поэтому лендинги в основном продвигают через контекстную рекламу. Это такие системы как Яндекс-Директ, РСЯ, Гугл Адвордс, КМС, таргетинг вконтакте и другие. Там вы даете рекламу, привлекаете аудиторию, которую могло бы заинтересовать ваше предложение, и оплачиваете отдельно каждый клик по вашему объявлению. Поэтому она и называется «PPC» — то есть «pay-per-click» («оплата за клик»).

Конечно, лендинги можно продвигать и через SEO, но это отдельная тема для разговора. А пока я хотел сделать небольшое заключение.

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

Но если вы хотите получить максимум внимания аудитории к вашему предложению — лучше лендинга ничего не придумаешь. Не забудьте скачать мою книгу . Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет =)

До скорого!

Ваш Дмитрий Новосёлов