Что такое Landing Page. Что такое лендинг пейдж (landing page) и зачем нужно их создавать Что такое лендинги для чего они нужны

Что такое landing page и в чем его особенности? Как самому быстро сделать крутой лэндинг с высокой конверсией? Какие конструкторы для создания посадочной страницы сейчас популярны?

Здравствуйте, уважаемые читатели! С вами один из авторов бизнес-журнала «ХитёрБобёр.ru» Александр Бережнов.

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

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

1. Что такое лендинг пейдж - обзор для новичков

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

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

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Почему делают лэндинги:

1. Они хорошо мотивируют посетителя совершить нужное действие.
2. Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
3. Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.

Лэндинги создают для:

1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
3. Распространения софта - продажа программного обеспечения.

Лендинг и воронка продаж

Воронка продаж – это процесс продажи товара/услуги. На каждом этапе этого процесса отсеивается часть людей – потенциальных клиентов коммерческой компании. У нас на сайте есть отдельная статья о .

Процесс продаж через лендинг пейдж выглядит примерно так:

• увидели ссылку на посадочную страницу 100 человек;
• перешли по ссылке 40 пользователей;
• заявку оставило 10 человек;
• купили продукт 2 человек.

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.

CTR – отношение числа кликов к числу показов. Измеряется в процентах.

Средняя часть – заявка. Анализируем эффективность посадочной страницы – ее дизайн, текстовую часть.

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

EPC – это усредненный показатель заработка с одной тысячи посещений лендинга.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

В каких случаях необходимо создать лендинг?

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

Случай 1. Низкая конверсия (продажи) основного сайта компании

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

Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.

Средняя конверсия сайтов в зоне.РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.

Случай 2. Запуск нового продукта

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

Случай 3. Решение конкретной задачи

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

Создание landing page без в большинстве случаев поможет увеличит продажи.

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

Чтобы страница заработала – нужно ее «включить».

Для этого можно предпринять следующие ходы:

1. Запустить контекстную рекламу на ваш одностраничный сайт.
2. Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
3. Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.

Ошибочно мнение, что лэндинг может быть единственным местом общения бизнеса и аудитории. Если компания не ведет блог, не развивает свое присутствие в социальных сетях, не использует email-маркетинг – landing page будет неэффективным.

Пример из практики

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

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

А теперь задайте себе вопрос: чтобы бы сделал парень, если бы не нашел следов «Кверти» в Интернете? Если бы все существование компании начиналось и заканчивалось на одной-единственной посадочной странице. Стал бы он заказывать их продукт?

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

2. Сколько стоит создание лендинг пейдж и от чего зависит цена на одностраничный сайт

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

• Первый вариант – дорогой. Фрилансеры берут от 100-200 у.е. за работу, дизайн-студии – от 1 000 у.е. Крутые агентства – от 5 000 у.е.
• Второй вариант – «почти» бесплатный. Если вы подключите к разработке программиста или копирайтера, если за основу возьмете платный шаблон – цена этого способа составит от 20 до 1 000 у.е. и еще выше. Для лучшего понимания цен на разные виды сайтов и лэндингов, прочтите нашу статью .

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

От ваших ответов и будет отталкиваться исполнитель при определении цены за работу.

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

Цена будет зависеть от:

• необычная структура и уникальный дизайн потянет на 7 00 у.е.;
• контекстная реклама и ее настройка – от 100 у.е. в месяц;
• текст от хорошего копирайтера – 50-100 у.е., от отличного коммерческого писателя – от 1 000 у.е.;
• уникальные картинки и иконки (не скаченные со стоков) – это еще как минимум 100-200 у.е.

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

Я встречал лэндинги, конверсия которых составляла 50–60% . То есть каждый второй посетитель оставлял свои данные или слал заявку на покупку продукта. Секрет такой большой отдачи заключался в двух факторах:

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

Я расскажу вам об этих правилах.

Не сумели зацепить – читатель не дойдет до заветной кнопки «купить».

Следуйте следующим правилам:

1. Сосредоточьте внимание клиента на чем-то одном.
2. Расскажите ему о преимуществах только этой версии программы.
3. Предложите ему скидку на один товар.
4. Заинтересуйте его рассылкой по определенной теме.

Если вы разместите десять продуктов в рамках одного экрана – внимание посетителя рассеется. Он пробежит взглядом всю страницу. Быть может, обратит внимание на огромную скидку или на какую-нибудь веселую картинку. А потом закроет вкладку. Через пять секунд он уже забудет о вашем существовании.

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

По статистике 80% потенциальных покупателей уходят со страницы в первые пятнадцать секунд. И вот основные причины:

1. Они не нашли, что им здесь делать. На сайте отсутствует конкретный призыв к действию: «подпишитесь», «заказывайте», «узнайте больше» и прочее. Запомните, если на экране нет «большой красной кнопки», подписанной простым словом «купить», – перед вами плохой лэндинг.
2. Посетители не понимают, что им тут предлагают. Их раздражают десятки наляпанных друг на друга деталей, кричащие гифки и сплошной Caps Lock. Несуразные элементы борются за внимание посетителя, сбивая его с главного – с покупки или подписки.

Данные советы помогут вам увеличить продажи вашего продукта:

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

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

Продаете люминесцентные лампы? Вот вам заголовок: «Экономьте энергию в 4 раза эффективнее».

Приглашаете толстушек в фитнес центр? Бейте в самое сердце: «Кто еще хочет фигуру телезвезды?»

При верстке заголовков обязательно используйте тэги h1 и h2. Если получится, включайте в них ключевые фразы – те слова и словосочетания, по которым вас будут находить клиенты через поисковик.

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

Чтобы текст был первоклассным необходимо:

• Первое - знать кто он тот человек, которому нужен ваш продукт. Сформируйте портрет «идеального покупателя».
• Второе - читать книги о маркетинге и психологии продаж.
• Третье - уметь вовлекать клиента в разговор. Даже если этот разговор на самом деле является монологом. Представьте себе, какие вопросы возникают в голове у собеседника. Ответы логично вписывайте в текст. Пишите до тех пор, пока не расскажете о продукте всё. И не зацикливайтесь на количестве символов.

Я обратил внимание на то, как гуру интернет-маркетинга любят покритиковать большие лендинги. Если присмотреться к объекту критики внимательнее, станет ясно – осуждают нудные и малоинформативные тексты. Интересные и стоящие длинные landing page критиканы почему-то обходят стороной.

Не бойтесь больших текстов, если:

1. Продукт сложный и незнакомый . Клиенту придется разжевывать каждое преимущество товара. Приводить множество примеров, доказывающих его пользу.
2. Продукт дорогой. Чтобы добиться отклика, вам придется задействовать все суперспособности лендинга – отзывы, гарантии, кейсы, скидки, постгарантийное обслуживание, подарки.

Статистика

70% посетителей не дочитают вымученный вами лэндинг и до середины. Не вините себя. Постарайтесь захватить внимание оставшихся 30% – это тоже неплохо.

Как вам три восклицательных знака в конце предложения? Может, ЕЩЕ И CAPS LOCK стоило добавить?

Эти штуки – признак агрессивной рекламы. У нормального человека вид заглавных букв и трех восклицаний вызывает приступы паники: «Мне хотят впарить какую-то ерунду», «Опять эта навязчивая реклама!», «Я всегда говорил, что интернет – это помойка».

А для хороших копирайтеров, редакторов, контент-менеджеров – это еще и знак местечковости, непрофессионализма а иногда и, простите, идиотизма.

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

Этот этап очень важен для успешного продвижения и продажи товаров и услуг.

Сразу же перехожу к правилам:

1. Читаемый шрифт – 16 кегль. Рекомендую: Georgia, Open Sans, PT Sans, Arial, PT Serif, Clear Sans, Garamond.
2. В строке – до 80 символов.
3. Каждые 3-5 строк – новый абзац.
4. Каждые 2-4 абзаца – новый подзаголовок. Подзаголовки должны быть составлены так, чтобы читатель, пробежавшись по ним глазами, без труда понял о чём идет речь.
5. Обязательно: списки, цитаты, таблицы.

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

Используйте визуальную навигацию: стрелки, иконки, картинки. Привлекайте внимание контрастными оттенками: выделите цветом заголовки, используйте красную (желтую, оранжевую, зеленую) кнопку.

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

Еще пример

Если пользователь кликает на баннер «купите новый айфон со скидкой в 10%», то на landing page должно висеть предложение именно о покупке этого телефона и именно с этой скидкой.

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

90% покупателей думают, прежде чем купить что-то. Люди боятся мошенничества, опасаются за свою безопасность. Многие не хотят, чтобы об их покупке кто-то знал. Страхи порождают возражения: «Я боюсь потерять деньги», «Не верю, что цена может быть такой низкой».

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

Даю подсказки:

1. Гарантия на возврат денег в течение 1-2 недель. «Если вам не понравится продукт, мы вернем все вложенные в него средства».
2. Предложение попробовать продукт бесплатно. «Пробный 2-недельный период поможет вам определиться».

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

С дефицитом будьте аккуратнее. Мало кто сейчас верит таймерам обратного отсчета. Тем более, когда счетчик постоянно обновляется при перезагрузке лендинга.

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

Заставьте покупателя думать так

«Вчера было 74 микроволновки с 50%-скидкой, сегодня утром – 23, а к обеду их осталось всего лишь 7 штук. Надо срочно брать!»

Совет 11. Убедите пользователя в том, что с вами надежно и безопасно

Размещайте элементы доверия недалеко от призыва к действию.

1. Используйте кнопки социальных сетей – лента твитов, лайки в Facebook, список подписчиков в группе в ВК.
2. Публикуйте отзывы со ссылкой на людей или компании, оставивших их.
3. Отобразите награды и сертификаты. Документы должны открываться в полном размере и легко прочитываться.

Сама по себе форма ввода данных не вызывает у посетителей неприятных эмоций. Большинство целевой аудитории готово взаимодействовать с вами. Если надо – они напишут свое имя, род деятельности и e-mail.

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

Еще одна проблема – сложная капча.

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

Над расшифровкой символов, над решением пазлов и головомок зависает каждый. А потому испытание проходят далеко не все – около 30-40% закроют вкладку и тут же забудут о вашем предложении. Забудьте о капче. Оставьте ее вашим конкурентам.

Этот совет объединяет суть всех предыдущих пунктов. Заказывайте простой Landing page.

Страница должна быть:

1. Без лишней графики и текста
2. С предложением совершить лишь одно действие: купить один продукт, подписаться на одну рассылку и так далее
3. На вид свободной, просторной и не перегруженной

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

4. Что лучше: заказать лендинг у профессионалов или самостоятельно сделать посадочную станицу?

Команда, необходимая для создания лендинг пейдж с нуля:

1. Маркетолог. Разрабатывает стратегию. Формирует предложение. Тестирует результаты. Создает прототип сайта.
2. Копирайтер. Пишет тексты. Создает заголовки.
3. Веб-дизайнер. На основании прототипа делает макет. Реализует спецэффекты.
4. Front-end разработчик. Программирует и верстает. Тестирует отображение лендинга на разных устройствах. Настраивает форму обратной связи, кнопку призыва и прочее.
5. Директолог, специалист по контекстной рекламе. Анализирует семантическое ядро. Подбирает ключевые слова. Настраивает контекстную рекламу.
6. Менеджер. Контролирует работу. Рассчитывает окупаемость проекта. Принимает ключевые решения.

Услуги шести специалистов обойдутся вам от 3 000 у.е. Это цена за лендинг пейдж, который будет работать.

Если правильно спланировать каждый этап работы и заранее найти хороших людей – посадочная страница будет готова через 2-3 недели.

Теперь перейдем ко второму – «самостоятельному» варианту .

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

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

1. Придумайте идею. Сформулируйте предложение – посыл к аудитории, которой нужен ваш товар или услуга.
2. Разбейте идею на логичные блоки. Если вы задаете в первом блоке вопрос – второй или третий блок должен быть ответом.
3. Разработайте тизер* – картинку или текст. Сделайте его цепляющим и лаконичным.
4. Поработайте над основным текстом . Здесь вы выступите в роли копирайтера.
5. Придумайте заголовки. Желательно, чтобы они были не разнородными и складывались в рассказ.
6. Призовите к действию. У вас на продающем сайте должны быть фразы и слова «закажите сейчас», «звоните», «подпишитесь».
7. Займитесь дизайном. Выберите подходящий шаблон лендинг пейдж. Отредактируйте его под придуманную структуру. Фотографии, иллюстрации ищите в стоках. Или берите камеру и снимайте материал самостоятельно.
8. Запускайте лендинг. Настройте контекстную рекламу.

Тяжело? Зато бесплатно! Правда, времени на это вы затратите немало: пожалуй не меньше 4-5 недель.

Давайте рассмотрим таблицу способов получения готового одностраничника.

5. Популярные конструкторы лендинг пейдж - ТОП-3 лучших

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

Конструктор 1. «Флексби» (flexbe.com)

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

Самый дешевый тариф – 750 рублей в месяц. В эту сумму входит: один домен, 10 страниц, 250 СМС уведомлений, техподдержка, свой почтовый ящик и прочие «плюшки» вплоть до бесплатного домена в зоне.RU.

Самый дорогой тариф – 3 000 рублей в месяц. Это неограниченное число доменов, сколько угодно страниц, 1 000 СМС уведомлений и так далее.

Из минусов – создать что-то невообразимо крутое не получится. Набор инструментов «Флексби» без изысков.

Из плюсов – невероятная скорость. За 10 минут я создал приемлемый одностраничник. Он хорошо смотрелся на экранах мобильных устройств.

Конструктор 2. LPgenerator (lpgenerator.ru)

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

Инструкция по установки лендинга

Несколько простых шагов как установить одностраничник:

1. Зайдите на сайт своего хостинг-провайдера. Перейдите в панель управления аккаунтом.
2. Найдите корневую папку сайта (она должна быть пустой). Название этой папки – заранее купленный вами домен.
3. Нажмите кнопку загрузки, в появившимся окне выберите архив с шаблоном.
4. Когда архив скопируется в папку домена, нажмите рядом с ним кнопку «Распаковать».
5. Подождите секунд 20, пока закончится операция. Обновите страницу.
6. Лендинг установлен!

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

7. Реальные примеры работающих лендингов

Лет 15-20 назад лэндинги создавались для импульсивных покупок. В старые времена на людей еще действовали кислотные цвета, сумасшедшие гифки и прочий мусор. Сейчас мы стали разборчивее: проходим мимо пустых обещаний, доверяем спокойному тону и убедительным доказательствам.

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

Пример 1. Мастер Климат - компания по установке и продаже климатического оборудования

www.masterclimat.pro - этот сайт мы сделали с другом, когда еще занимались .

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

Пример 2. Вакансии Альфа-Банка

www.job.alfabank.ru - прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.

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

Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.

На лэндингах глобально можно заработать тремя способами:

1. Создавая лэндинги под заказ , то есть являясь веб-студией, дизайнером или менеджером всего проекта, найдя подходящую команду.
2. Используя одностраничные сайты по назначению , то есть продавать через них товары и услуги.
3. Заниматья лидогенерацией. Лиды - контакты потенциальных клиентов. Это «теплые» заявки, которые можно продать целевым компаниям. Например, вы можете создать лэндинг «Шкафы-купе в Самаре» гнать на него трафик и продавать сформированные заявки фирмам, которые эти шкафы изготавливают.

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

9. Заключение

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

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

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

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

Доброго времени суток, дорогие читатели!

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

Мы разберем самые важные моменты, которые касаются этой темы. Затронем наиболее популярные платформы, на которых можно легко создать одностраничный сайт. Также немного коснемся SEO-продвижения, которое может сыграть ключевую роль в распространении товаров. И в завершении мы немного поговорим про создание такой страницы своими руками. Давайте начнем!

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

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

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

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

Допустим, если на одностраничнике будет слишком много неинтересного текста, например такого: “Мы работаем на рынке уже миллион лет, все наши клиенты довольны и т. д. и т. п.”, – то посетители его явно не оценят. Вы увидите, как они скоротечно покидают сайт.

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

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

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

Лендинг с технической стороны

Продающую страницу можно написать даже на чистом HTML + CSS. Но там не будет форм для отправки заявок, поэтому такой лендинг будет крайне низкопробным. Также проблемой станет редактирование элементов, потому что не каждый вебмастер справится с HTML и CSS. Перед непосредственной версткой шаблон landing page обычно создается в каком-нибудь графическом редакторе: Adobe Muse, Photoshop и т. д. В какой-то мере это двойная работа.

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



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

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

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

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

Разновидности лендингов

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

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

Страница сбора контактов

Даже сейчас такие страницы актуальны. Их задачей является сбор контактов. Обычно e-mail или номер телефона. В дальнейшем на эти контакты будет производиться рассылка или звонки.

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

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

Само собой, на таком лендинге должен быть функционал сборщика. То есть просто знание HTML и CSS тут не подойдет. Либо придется дописывать специальный скрипт на Java, либо делать такую страницу на другой платформе. Отлично подойдут WordPress и Joomla. В них имеются различные шаблоны, которые легко смогут зацепить внимание клиентов и побудить их к заполнению формы заявки.

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

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

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

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



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

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



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

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

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

Сайт-визитка поможет вам рассказать о себе или о своей компании, донести самую важную информацию и внести вклад в бренд. Не нужно упускать это из виду при построении вектора продвижения.

Лендинг с услугами

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

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

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

Брендированный лендинг

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

Допустим, тот же Apple. У них все просто и банально. Выходит новинка – iPhone XS MAX. Задача лендинга – представить не только новый продукт, но и повысить узнаваемость бренда компании.



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

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

Делать самому или заказывать

Возникает логичный вопрос. Что лучше: заказать landing page или ? Все зависит от конкретного случая и ваших возможностей. Например, если вы хотите сделать лендинг недорого, то самый дешевый вариант – взять конструктор и сделать на нем самостоятельно. Разница просто колоссальная.

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

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

Заключение

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

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

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

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

Поэтому создание лендинга – это не просто склепать что-то на готовом шаблоне. Учитывайте этот факт.

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

Мы попытаемся Вам объяснить, что такое лендинг простыми словами. И, так, landing page с английского дословно переводится, как посадочная страница. У нас окрестили, как целевая страница. Предназначена такая страничка для выполнения конкретного действия — нажатия на кнопку «Купить», «Подписаться» и т. п. В инете прозванная, как лендинг пейдж или просто лендинг, на сленге ленд.

Что такое лендинг — это денежный станок

Что такое лендинг? Лендинг это двигатель интернет торговли, локомотив продаж! Работает в связке с грамотно настроенной рекламной кампанией. При правильных настройках может стать Вашим денежным станком!

Данная технология пришла к нам из США, там появилась ввиду большой конкуренции интернет магазинов. По словам генерального директора ведущего интернет маркетингового агентства Антона Петроченкова, именно он вдохнул жизнь в посадочные странички у нас в России. Антон долгое время работал в Америке маркетологом в престижной фирме. В 2012 году вернулся в Москву и стал усиленно продвигать технологию продающих сайтов. Её цели и задачи далее и рассмотрим.

1.Что такое лендинг пейдж простыми словами

Если говорить простыми словами о лендинг пейдж, то это одностраничный сайт. Задачей таких сайтов одностраничников 90 % является продажа товаров или услуг. Ленд эффективно работает для сбора подписной базы. На лендингах никогда нет сторонней рекламы, ограниченное меню в пределах этого документа. Состоит из блоков, начиная от одного и более. Каждый блок расписывает товар поэтапно, подводя человека к выполнению конкретного действия. Предназначен практически для рекламы одного товара или услуги. Должен иметь хорошую графику, грамотно составленные продающие тексты.

2. Назначение лендинга

Лендинг, как правило применяется для сбора подписной базы, в этом случаи используется один, два, максимум три блока. Наиболее эффективными для подписки являются одноблочные landing page (одноэкранные). Где размещается форма подписки и перечисление выгод от регистрации, плюс какой-то подарок — купон на скидку, электронная книга и т. п.


Посадочная страница, подписная

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

3. Состав лендинга

Одностраничный сайт это набор из нескольких файлов и папок.

• CSS (таблицы стилей)
• img (картинки)
• (Ява скрипт)
• Сам лендинг с HTML кодом

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

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

Модель — AIDA

Attention — Внимание;

Interest — Интерес;

Desire — Желание;

Action — Действие;

Модель — PMPHS

Pain — Боль;

More Pain — Больше Боли;

Hope — Надежда;

Solution — Решение;

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

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

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

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

Первый экран должен содержать заголовок и подзаголовок, желательно закрыть 3 — 5 выгод.

Заголовок:

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

Пример первого экрана лендинг пейдж

Подзаголовок:

Расшифровка заголовка (товара), хорошо работают качественные прилагательные.

Выгоды:

Необходимо дать от 3 — 5 выгод от приобретения Вашего товара или услуги, или подписки. То есть чем выгодно совершить пользователю то или иное действие на сайте.

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

4. Продвижение лендингов

Говоря простыми словами, лендинг не предназначен для SEO продвижения и вывода в ТОП поисковой выдачи. На такой ресурс льют платный рекламный трафик, через контекстную рекламу, баннерную, тизерную и т. п. В общем, используют платные рекламные интернет каналы. Такие, как Яндекс Директ, ГУГЛ Адвордс, ВК таргет и т. д.

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

Служебный тег title содержит ключ, по которому продвигается landing page, если в лендинг вбить хороший ключ, то на сайте его больше использовать на других страничках нельзя. Закрыв от индексации посадочную страницу, Вы спокойно используете высокочастотный запрос, составляете объявление с использованием данного ключа и льете трафик на landing.

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


Лендинг пейдж — пример

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

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

Самые дорогие каналы это на поиске, Яндекс Директ и Гугл Адвордс. Но и надо учесть, что это самые горячие пользователи, поскольку они конкретно искали Ваш товар и в принципе готовы к покупке. Хороший лендинг пейдж и грамотно подготовленная рекламная компания дадут хороший результат. (Вспомните про написание заголовков выше).

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

5. A/B тест лендинг пейдж

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

Даже если Вы содрали полностью landing у конкурента Васи, то далеко не факт, что он будет хорошо работать у Вас. Да и не известно действительно ли хорошо все работает у Васи.

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

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

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

6. Политика конфиденциальности

Размещение ссылки на политику конфиденциальности повышает доверие к целевой странице. Необходимо учесть, что с 1 июля 2017 года вступила в силу новая редакция ФЗ — 152 (Закон «О персональных данных»). Отсутствие такой политики может повлечь за собой штрафы со стороны гос. органов — «Роскомнадзора».

Такие ссылки на политику должны быть на каждой странице сайта. Как правило, их ставят в футуре. Чтобы не уводить посетителя с целевой странички на общий сайт ссылкой в футуре, сделайте файл в PDF формате с политикой и залейте его на сервер. На ленде поставьте ссылку на него: «вашдомен.ru/polic.pdf» target = «_blank». Политика откроется в новом окне, а посетитель прочтет документ и не отвлечется от ленда на общий сайт. Рекомендуем данный файл PDF закрыть от индексации в robots.txt

7. Разработка лендинга

Как же сделать целевую страницу? Да очень просто! В интернете есть много бесплатных шаблонов, их можно скачать и подогнать под себя (вставив свои тексты). Можно воспользоваться всевозможными конструкторами и генераторами. Из них можно выделить lpgenerator.ru и tilda, минусы таких площадок, это платные ежемесячные ресурсы, сложно перенести на свой домен и тому подобное.

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

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

Ваш промокод TZS52983 (просто скопируйте и вставьте при регистрации)

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

8. Заключение

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

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

P. S.

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

Подписывайтесь на наш проект, оставайтесь с нами.

Удачных Вам продаж через landing page.

Мы попытались объяснить, что такое лендинг простыми словами.

Обязательно ознакомьтесь с похожими записями

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

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

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

Плюсы:

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

Минусы:

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

Хотите получить скидку? Активируйте промокод UGUIDE-25 и сэкономьте -25% при оплате любого тарифного плана.

Конструктор лендингов 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.

WordPress - бесплатная CMS для создания лендингов → детальный обзор

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

Важным моментом работы с WP является выбор хостинга, который в любом случае должен быть платным, потому что с бесплатными связываться себе дороже – ограничения, низкая производительность, регулярные падения сервера, игноры техподдержки и прочие прелести вам ни к чему. Из хостингов лучшим для этого движка и официально рекомендованным его разработчиками является Bluehost ($2.95/мес). Из его админки можно запустить автоматическую установку WP и купить домен, если нужно. Эти удобства делают опыт использования CMS максимально гладким и приближенным по простоте к конструкторам сайтов. Если вы ещё не пробовали WordPress, самое время познакомиться – пригодится не только для создания лендингов. Не зря же его любят разработчики по всему миру. Новичкам тоже подходит.

Плюсы:

Минусы:

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

Стоимость:

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

1. Basic ($2.95 в мес) - 1 сайт, 1 домен, 50 Гб места на SSD-диске, 25 поддоменов, безлимитная пропускная способность сервера, бесплатный SSL-сертификат.
2. Plus ($5.45 в мес) - неограниченное количество сайтов, дискового пространства, доменов и поддоменов, в подарок SSL-сертификат и домен на 1 год.
3. Choice Plus ($5.45 в мес) - всё вышеперечисленное, плюс ПО для удобного создания бэкапов в подарок (CodeGuard Basic Backup).

Конструктор лендингов 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 Гб места, живой чат техподдержки.

Конструктор лендинг пейдж 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.

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

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

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

Плюсы:

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

Минусы:

• Отключение подписи «Mottor» в футере стоит дополнительные 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 - все шаблоны и интеграции.

Общий список (29 штук)

Какой конструктор выбрать?

Это зависит от уровня опыта и преследуемых целей. Новичку лучше других подойдут uKit или Wix ввиду удобства и тарифов, подразумевающих создание 1 лендинга (не пакетные, как у профильных), по цене они полностью себя оправдывают. Также можно обратить внимание на бесплатный Ucraft – отличный вариант, приятный во всех отношениях. В сторону Nethouse тоже смотрите, хотя он чуть менее подходящий на фоне вышеперечисленных – тут дело вкуса. Для массового создания своих/клиентских лендингов идеальные варианты – uCoz и LPGenerator. LPMotor тоже хорош для потоковой работы, хотя имеет нюансы. Flexbe и Mobirise – интересные, но специфические продукты, при выборе нужно учитывать их особенности.

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

Плюсы и минусы SaaS-сервисов

Конструкторы сайтов изначально задумывались в качестве альтернативы другим, более сложным способам создания сайтов. Рассчитаны на широкие массы пользователей, среди которых маловато дизайнеров и программистов. Априори эти сервисы не могут быть сложными или неудобными, их конёк в доступности по всем фронтам. Любой человек может создать себе сайт, появись такое желание. Хоть за один вечер. Такова общая идеология этого класса движков.

Плюсы таковы:

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

Минусы:

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

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

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

Теоретически это возможно. При таком подходе вы получите страницу с рекламой сервиса и на поддомене. Возможно, с ограниченной функциональностью или возможностями редактирования дизайна. uCoz и Ucraft позволяют прикрепить домен (обойдётся примерно в $7-10) на бесплатном тарифе, но будет реклама. Эти варианты плохо сочетаются с высокой конверсией лендинга. Забудьте о бесплатности, она неэффективна. Выберите подходящий сервис, тарифный план, оплатите его и зарабатывайте. Это единственная работающая на практике схема.

Пошаговая инструкция

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

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

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

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

Каким должен быть лендинг?

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

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

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

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

Заказать лендинг под ключ

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

Если вам нужны продажи, а желания/времени разбираться в этом всём нет, то проще заказать готовый лендинг, который точно будет продавать, как минимум, неплохо. Сделать это можно в Divly – официальной веб-студии uKit Group. Стоимость создания лендинга – 3900 рублей. На выбор одна из трёх платформ – uKit, uCoz, uLanding. Вашим заказом будет заниматься сертифицированный специалист, результат гарантирован. Помогут и с брендингом, и оптимизацией, и с грамотной настройкой всего, что нужно.

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

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

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

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

Виктория Кучинова



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

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

Смотрите, вдохновляйтесь, применяйте понравившиеся идеи на практике, миксуйте их со своими и не забывайте проводить A/Б-тестирования – вот единственно правильный рецепт создания убойных посадочных страниц.

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

Расширенная форма

Обычно на одностраничниках используют стандартную форму заявки с несколькими полями. Чаще всего клиенту нужно указать контактные данные – имя-фамилию, почту или телефон. Но в некоторых сложных сферах лучше раскрыть тему подробнее. Вот как это сделали в «Текстерре»: в форме лендинга dellservers.ru клиент может выбрать модуль, параметры, задачи сервера. Может сбросить значения, если что-то пошло не так.

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




Две кнопки СТА

На лендинге планировщика задач wunderlist.com/ru – сразу два призыва к действию, которые усиливают друг друга: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Пользователи кликают по обеим ссылкам, конверсия растет, а лендинг выполняет свою работу на отлично.




Конкретные цифры (результаты)

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




Персонализация

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




Удобная форма ответа

На многих лендингах и сайтах задать вопрос можно только через форму. А это значит, нужно указывать имя и фамилию, оставлять телефон и электронную почту. Иногда вообще приходится вводить капчи и коды – ужас! Понятно, что это делается для того, чтобы получить лиды. Но есть и другой вариант – как на лендинге «Церебро Таргет». Если вы зарегистрированы во «ВКонтакте», ничего заполнять не нужно – бери и пиши. И клиенту удобно, и владельцу хорошо – контакт оставлен, можно работать дальше.




Отзывы клиентов

Можно попросить клиентов рассказать о своих впечатлениях и опубликовать полученные тексты на лендинге. Но загвоздка в том, что посетитель никак не проверит – реальные это отзывы или фейковые. Лучше пойти дальше и убедить посетителей в этом. На лендинге huskypark.info , который разрабатывала «Текстерра», приводятся слова клиентов из «Инстаграма» со ссылками на их аккаунты. Все честно – зайдите и убедитесь.




Демонстрация результатов







Трехмерная графика и дополненная реальность

Лендинг создан для приложения Qubi . Это игра для детей 3+ лет и взрослых. Суть игры проста. На первом шаге пользователь по предложенной схеме склеивает реальный бумажный, картонный или деревянный кубик.




Потом он устанавливает приложение, открывает его на смартфоне и «смотрит» на кубик через камеру устройства.




На экране смартфона или планшета кубик оживает. Пользователь играет в трехмерный вариант «Змейки», «2048», «Лабиринта». При этом управлять игрой нужно с помощью реального кубика. Чтобы управлять кубиком двумя руками, нужно использовать специальную подставку для смартфона, которую можно собрать самостоятельно.




Трехмерную модель кубика можно увидеть на иллюстрации (gif).




Что хотел клиент

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

Что мы сделали

Мы реализовали трехмерность с помощью 3D-трансформаций CSS3. Переходы между гранями кубика сделаны с помощью чистого JavaScript с отслеживанием событий drag и touch. Благодаря необычным переходам между экранами у пользователя создается ощущение объемности экрана. Это особенно ярко выражено на рабочей версии посадочной страницы.




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




Лендинг полностью адаптивный.

Интерактивный выбор цветов окраски интерьера и мебели

Необычность лендинга «ДСК.Color» заключается в возможности самостоятельно выбрать цвет мебели и предметов интерьера с помощью интерактивной палитры.

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

Самая востребованная услуга – окраска мебели и предметов интерьера. На нее приходится около 80 % работ клиента.

Что хотел клиент

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

Что мы сделали

Мы предложили клиенту идею: дать посетителю возможность самостоятельно выбрать цвет мебели и предметов интерьера.

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




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




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

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




Необычные и обычные прелоадеры

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

Что такое прелоадер и какие задачи он решает

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




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

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




Прелоадеры реализуются с помощью стандартных инструментов фронтенд-разработки: HTML, CSS, JavaScript и дополнительных библиотек и фреймворков, например, jQuery, React.

Как мы улучшаем лендинги с помощью прелоадеров

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

• Qubi

Для лендинга Qubi мы сделали прелоадер, который повторяет навигационное меню. Это позволяет пользователю понять принцип управления страницей до ее загрузки.




• Levellen

На сайте Levellen Interiors мы использовали прелоадер в виде логотипа компании. Это дополнительный элемент брендинга сайта.

На лендинге представлена информация об аренде помещений в бизнес-центре. Главный секрет посадочной страницы находится в разделе «Офисы». Здесь пользователь может посмотреть наличие свободных офисов на каждом этаже здания.




При наведении курсора на свободный офис всплывает кнопка «Подробнее».




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




Особенности реализации

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

Собственно дизайн

В этом примере нет сложных технических фишек и дизайнерских эффектов – весь лендинг вывозит красивая картинка: фон, цвета, аппетитные фотографии астраханской икры. Одностраничник astrahancaviar.ru – хороший пример того, как благодаря дизайнеру продукт хочется приобрести. И немедленно съесть!




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