Как сделать landing page самому? Пошаговая инструкция. Как создать лендинг: пошаговая инструкция

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

Мода на landing page пришла в рунет вот уже несколько лет назад и до сих пор не сбавляет обороты. Лендинг чаще всего создается под конкретное таргетированное торговое предложение, чтобы не вводить потенциального клиента в ступор выбора. Целью такого ресурса обычно является сбор лидов - контактных данных целевой аудитории. Нацеленность на конкретную аудиторию и удобный сжатый формат подачи информации об услуге или товаре в некоторых случаях может дать прирост конверсии до 10–15%, чего очень сложно добиться, привлекая трафик на основной сайт.

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

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

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

• Стоимость - это тариф с оплатой за один месяц. Если помесячной оплаты не предусмотрено, то это отражено в таблице.
• Визуальный редактор - в этом пункте мы подразумевали возможность произвольного построения структуры одностраничника. Например, если конструктор не позволяет свободно перемещать блоки и можно только лишь выбрать один из предложенных вариантов, то мы считали, что в таком сервисе нет визуального редактора.
• Встроенная статистика - наличие какой-либо CRM, позволяющей выстроить конверсионную воронку.
• Адаптивность верстки - если собранный в конструкторе сайт сносно адаптируется под разные размеры экранов, то адаптивность мы засчитывали.
• Интеграция с другими сервисами - это возможность интеграции стороннего сервиса нажатием пары кнопок, то есть без необходимости копаться в скриптах.

Wix

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

У платформы есть бесплатная версия (с рекламой и без привязки собственного домена), но для более или менее комфортного использования придется заплатить не менее 243 рублей за месяц. Тарифная сетка довольно гибкая, к тому же проводятся регулярные распродажи с оплатой года, поэтому всегда есть возможность урвать дешевый вариант.

Всего у Wix 458 шаблонов, из которых только 23 «заточены» под лендинги, - однако практически любой темплейт из общего каталога можно использовать для одностраничника, убрав лишние блоки. Визуальный редактор на HTML5 достаточно гибкий, но к нему надо привыкнуть, со второго-третьего лендинга вы будете прекрасно в нем ориентироваться. У готовых шаблонов есть десктопная и мобильная версия.

Основная фишка платформы - собственный App Market, в котором более 140 приложений, готовых к интеграции с вашим сайтом. Эти приложения закроют все ваши задачи: есть онлайн-консультанты, CRM, платежные опции и так далее.

«Флексби »

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

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

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

«Платформа LP »

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

В помощь начинающему пользователю предлагается 26 готовых шаблонов. Есть интеграция с популярными почтовыми рассыльщиками и CRM. Из интересных фишек - A/B-тестирование и встроенная статистика по UTM-меткам.

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

Hello-site

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

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

LPTrend

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

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

LPGenerator

Самый дорогой сервис в нашем обзоре, да и бесплатный период у него совсем условный. За 1960 рублей в месяц вас еще и ограничат в количестве уникальных посетителей. Безлимит стоит уже 3999 рублей в месяц. Однако и возможностей конструктор предоставляет с лихвой. Визуальный редактор позволяет создать полностью кастомную страницу и настроить несколько десятков параметров и элементов. Сервис предлагает 108 бесплатных и более 200 платных шаблонов - последние можно приобрести в специальном магазине посадочных страниц.

Порадовало обилие сервисов для интеграции и детальная аналитика воронки конверсий. Возможность A/B-тестирования реализована на странице с пафосным названием «Центр оптимизации конверсии» - там вы можете настроить вес показов того или иного варианта страницы, а сводная информация по источникам трафика и конверсия представляются в удобной таблице. В целом, LPGenerator - один из самых продвинутых сервисов в своей нише, но его богатые возможности пригодятся далеко не каждому, да и цена, скажем откровенно, многих может отпугнуть.

Q-page.ru («Купаж»)

Сервис встретит вас необходимостью выбора из 114 шаблонов - создать страницу с нуля здесь не дадут. Полноценного визуального редактора вы тоже не найдете. Выбираете элемент страницы и настраиваете один из трех возможных вариантов расположения контента. Можно задавать порядок расположения элементов по вертикали, фон и формы кнопок. На этом возможности кастомизации практически исчерпаны, и это роднит Q-page с «Флексби». Удобно, что поиграться с редактором можно без всякой регистрации: это сильно экономит время и позволяет быстро оценить, нужен ли вам этот сервис.

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

LPMotor

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

Сервис предлагает 29 шаблонов и не слишком удобный визуальный редактор. Адаптивности не предусмотрено, а для получения хоть какой-либо статистики просят подключить «Яндекс.Метрику». Из интеграции предлагается только amoCRM.

Landingi

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

Встроенная аналитика показывает источники переходов на одностраничник, тип устройств, данные по конверсиям и позволяет проводить A/B-тестирование различных вариантов дизайна. Из дополнительных плюшек можно отметить возможность сбора отдельных версий лендинга под разные типы мобильных устройств. С интеграцией тоже все в порядке: Landingi предлагает подключить 28 различных сервисов CRM и email-рассылки. За доступ к сервису просят от 690 рублей за месяц.

UMI CMS

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

Штатная CRM присутствует, а статистика доступна при подключении Google Analytics. Адаптивность под мобильные имеется только на определенных вариантах шаблонов. Что касается интеграции, можно отметить разве что возможность создания проекта в SeoPult, не выходя из личного кабинета UMI. Кстати, оплатить подписку за один месяц нельзя - просят сразу 1470 рублей за три месяца, хотя можно выкупить десять лет за 11900 рублей.

Spagece

«Стильно, модно, молодежно» - это про Spagece. Сервис в некотором роде уникальный: ребята сознательно отказались от шаблонов, ратуя за уникальные решения. Довольно удобный визуальный редактор, приятный дизайн админки и множество полезных подсказок на каждом шагу.

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

Месяц использования конструктора стоит 490 рублей (двухнедельный триал прилагается), но за каждый дополнительный чих с вас будут брать деньги сверх этой суммы. Хотите получать SMS о поступивших лидах? Просим пройти к кассе. Задумались о проведении A/B-теста? И снова занимайте очередь. Захотелось интеграции, например, с MailChimp? Вы, пожалуй, уже сами знаете, куда следует идти. Тариф за 490 рублей в месяц подойдет только совсем зеленым новичкам - за вменяемые возможности придется выкладывать уже 1500–1980 рублей ежемесячно.

«Базиум »

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

Сносного редактора страницы мы, сказать честно, не заметили: дают поменять в основном только тексты и картинки. Встроенной статистики и возможности интеграции сторонних сервисов тоже не обнаружено. Зато платить можно за каждый день в отдельности. Решили устроить себе и бизнесу выходной? Не заносите в сервис 35 рублей - и гуляете весь день на широкую ногу. Пришло время подзаработать и продать пару контейнеров китайских наушников? Будьте добры оплатить 35 рублей - и принимайте лиды хоть целые сутки.

Landix

Кандидат на звание «Мистер скрытность». Во-первых, стандартной формы регистрации на сайте не нашлось - только подача заявки на допуск в систему. Во-вторых, кнопка «Попробовать без регистрации» таки ведет на форму подачи заявки. В-третьих, несмотря на то, что Landix позиционируется как онлайн-конструктор, в личном кабинете все кричит посетителю: «Не используй меня, лучше закажи у нас создание страницы под ключ!».

За минимальный тариф сервис запрашивает скромную цену - 290 рублей в месяц. Правда, судите сами: шаблонов здесь нет, нормального визуального редактора нет, статистики нет, адаптивности и интеграции со сторонними сервисами - тоже. А если вы спустя некоторое время захотели вернуться в сервис, но забыли пароль, как это произошло с нами, то по нажатию на кнопку «Восстановить пароль» вас перебросит на страницу 404. Ну и ладно, Landix, так и быть.

Energy-bm

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

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

Триал-периода нет. Можно заверстать страничку, но опубликовать ее дадут только после оплаты - от 200 рублей за месяц. За возможность A/B-тестирования и аналитики рекламных каналов тоже придется заплатить, но единоразово.

Leadkit

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

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

LPCloud

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

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

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

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

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

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

Landing Page - это веб-страница, основной задачей которой является захват контактных данных посетителей веб-сайта.

Почему такое специфичное название?

В переводе с английского слово “Landing” переводится как “Посадка”, а “Page” - “Cтраница”.

Почему “посадочная” страница?

Дело в том, что используя Landing Page в работе, мы как бы приземляет пользователя на отдельную страницу. На стандартном сайте клиент изучает несколько страниц попадая на них через систему пересылок (перелинковку).

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

Каждая мышеловка состоит из:

Приманки

Механизма захвата

Основы для размещения первых двух элементов

Так и Landing Page имеет такую же структуру.

Основой для размещения приманки и механизма захвата является веб страница. Роль приманки на этой странице играет оффер (уникальное торговое предложение). А механизм захвата - это формы заявки или формы обратных звонков на странице.

Но вернемся главному вопросу, который задает себе каждый предприниматель: “ Landing Page поднимет мои продажи?”

Зачем нужен Landing Page?

Как я и говорил до этого, Landing Page нужен для нескольких целей:

Получить контакт (лида)

• Ознакомить

Предлагаю разобрать каждую цель отдельно.

Сбор контактных данных с помощью Landing Page

Как известно любому предпринимателю, контактные данные клиента - это возможность! Чем больше таких возможностей в нашей системе, тем больше денег мы можем заработать предложив свой продукт.

Именно поэтому существуют Landing Page, направленные на сбор контактных данных.

Что мы подразумеваем под контактными данными:

Получив эту информацию мы можем:

Обзвонить и продать

Вот несколько примеров подобных лендингов.

Пример лендинга: кровля

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

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

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

Пример лендинга: ремонт телефонов

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

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

Пример лендинга: банковские гарантии

Данный пример хорош с позиции составления УТП (уникального торгового предложения).

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

Продажа с помощью Landing Page

Существуют Landing Page, где клиент может произвести покупку прямо на сайте. Для этого подключают сервисы электронной коммерции Ecommtools и Robokassa.

Ecommtools используется как корзина, куда пользователь может добавить товар.

Robokassa нужна для приема платежей любым удобным способом для клиента (Qiwi, Яндекс.Деньги, Webmoney, PayPal и т.д.).

Пример langing page: мероприятие

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

Ознакомление с помощью Landing Page

Также одной из целей лендинг пейдж является ознакомление с товаром или услугой.

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

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

В этом примере, демонстрируется инновационная задвижка в трубопроводной арматуре.

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

Пример лендинг пейдж: проектирование электроснабжения

В данном примере компания занимается сложными проектами по электроснабжению.

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

Чем лендинг пейдж отличается от сайта?

В отличие от многостраничного сайта, лендинг:

Имеет одну цель

Имеет одну страницу

Предлагаю разобрать каждый из этих пунктов отдельно.

Landing Page имеет одну цель

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

Выбор - это сложная задача для любого человека.

Людям проще взять что-то одно, нежели выбирать из 2-х или 3-х условий.

Вспомните, как вы выбираете фильмы. Можете часами сравнивать. А на лендинге выбор уже сделан и мы убеждаем человека в его правильности!

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

Возможно, вы хотите его телефон взамен на бесплатный замер или почту взамен на ценную информацию.

Landing Page имеет одну страницу

Вся необходимая информация должна находится на одной странице. Это нужно потому, что:

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

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

Эти 2 пункта имеют прямое отношение к эффективному получению лидов.

Что такое лиды?

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

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

К лидам могут относиться:

Входящий звонок

Заявка с сайта

Письмо от потенциального клиента на почту

Онлайн чат с клиентом (через Jivo Site или Callback Hunter)

Основное назначение любой посадочной страницы - привлечь как можно больше лидов.

Что такое конверсия?

Чтобы Landing Page приносил много лидов необходим высокий КПД (коэффициент полезного действия)!

КПД любой посадочной страницы называют конверсией.

Формула конверсии выглядит так:

Конверсия = (Лиды / Посетители сайта)*100%

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

Вот простой пример.

Мы привлекаем на 2 лендинга по 100 посетителей за 1000 рублей.

У первого лендинга конверсия сайта 5%. За 1000 рублей, он получит 5 лидов (по 200 рублей).

У второго лендинга конверсия сайта 20%. За 1000 рублей, он получит 20 лидов (по 50 рублей).

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

Когда используются лендинги?

Лендинг лучше всего работает, если его задача точно определена.

Юридический консалтинг (Размыто)

Консультация по арбитражному суду (Точно)

Вам нужно четко понимать свою аудиторию!

Женщина 20-30 лет - слишком неточная характеристика для аудитории.

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

Теперь хочу рассмотреть частные случае использования Landing Page.

Продажа товаров или услуг на Landing Page

На лендинге можно продавать любые товары:

Экшн камеры

Важное правило! Нельзя размещать большое количество товаров! Более 10-15 товаров требует создание интернет магазина.

Пример лендинга: кальяны

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

Лендинг пейдж, когда нет основного сайта

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

Лендинг пейдж, для отдельных целей

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

Лендинг пейдж, когда Вы тестируете направление

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

Лендинг пейдж, когда есть основной сайт

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

Виды Landing Page

Если подразделять лендинги на виды, то можно выделить несколько:

Длинный лендинг пейдж (лонгрид) – это длинная страница, которая содержит очень много информации о продукте и услуге.

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

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

Лонгриды

Как правило, landing page с содержанием более 10 000 - 12 000 относят к лонгридам. В рамках подобной страницы человек получает максимально подробную информацию о товаре либо услуге.

Чаще всего лонгриды используются в статьях.

Почему лонгриды хороши для статей?

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

Это повышает поведенческие показатели лонгрида и он лучше индексируется поисковыми машинами.

Лендинг в один экран

Короткие лендинги хороши для ниш со срочным спросом:

Эвакуатор

или для направлений с бесплатным первым шагом:

Бесплатные семинары

Бесплатные вебинары

Почему короткий лендинг в этих случаях лучше работает?

Всё просто! Человек сконцентрирован на решении конкретного вопроса. Чем быстрее он получит ответ на странице, тем раньше сделает заявку.

Пример landing page: Школа вокала

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

Школа обещает быстрый результат (за 27 дней), поэтому лендинг имеет высокую конверсию!

Многошаговый лендинг

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

Показ основного оффера через “прокладку” является одним из действенных способов привлечения лидов.

Многошаговое воздействие включает в себя несколько шагов:

Статья посвященная результату от использования товара / услуги

Landing Page с целью сбора контактных данных

Чаще всего, подобную механику можно встретить на сайтах с фильмами онлайн.

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

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

Для пущего доверия я размещаются отзывы в социальных сетях.

Пройдя такую цепочку подогрева финальная страница получает максимальную конверсию!

Принципы создания Landing Page

Есть 2 основных принципа создания лендинга:

Aida: attention, interest, desire, action

Данный принцип призывает оформить страницу, таким образом, чтобы:

Привлечь внимание

Заинтересовать

Вызвать желание

Добиться действия

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

PMPHS: pain-more pain-hope solution

Landing Page, выполненный по такому принципу, имеют следующую основу:

Обозначить проблему

Обострить проблему

Показать надежду

Предложить решение

Такие принципы хорошо будут работать в тематиках похудения, здоровья и т.д.

Если мы разбираем классическое поведение человека на Landing Page, то можно отметить 3 основных шага:

• Разобрался

  Сделал целевое действие.

И это очевидно! Сначала, человек должен узнать о предложении в интернете, затем изучить его, а затем приобрести!

Чтобы реализовать такую модель, необходимы:

Давайте разберем каждый пункт.

Трафик

За трафиком мы понимаем посетителей Landing Page. Привлечь их можно различными путями:

E-mail marketing

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

Горячий трафик

Аудитория, которая ищет услугу здесь и сейчас, относят к горячему трафику. Чаще всего такая аудитория находится в поисковиках. Поэтому контекстная реклама в Яндекс Директ или Google Adwords, будет привлекать самый горячий трафик.

Холодный трафик

К холодному трафику можно отнести баннерную рекламу на площадках.

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

Call to Action

Призыв к действию - один из важнейших факторов эффективности Landing Page.

Без Call to Action клиент может не понять основную цель страницы. Вот несколько примеров успешных призывов.

Пример Landing Page: курсы по плаванию

Лучшее, что можно предложить тренерам по плаванию - это бесплатное первое занятие.

Добавив гарантию высокого результата (от новичка до мастера спорта за курс занятий), такой Landing Page будет иметь очень высокую конверсию.

Пример Landing Page: бижутерия оптом

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

В данном примере, Call to Action заключается в получении пошагового руководства по созданию прибыльного магазина бижутерии с нуля.

Привлекательная кнопка

Многие A/B тесты посадочных страниц определили существенное влияние кнопки на конверсию сайта.

Какие факторы имеют значение при создании кнопки:

Цвет кнопки

Чем ярче кнопка, тем больше шансов обратить на нее внимание у пользователя.

Самая большая ошибка при создании Landing Page - делать кнопку в цвет сайта.

Смена цвета кнопки часто повышает конверсию сайта!

УТП в кнопке

Уникальное торговое предложение в кнопке, является отличным маркетинговым ходом!

Такие подходы увеличивают шансы заметить форму заявки и само УТП.

В кнопке можно использовать разное УТП:

Получить скидку 30%

Забронировать бесплатное место

Получить тестовый день

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

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

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

Принцип 4U

Данный принцип основан на 4 важных моментах:

Полезность

Какую пользу вы предоставите Вашему клиенту?

Например: “Научим плавать”

Специфичность

На сколько это выгоднее (выгоднее, быстрее и тд) (в деньгах, цифрах, процентах и тд)

Например: “с правильной техникой”

Срочность

За какой промежуток времени клиент это получит? (За неделю, месяц, пару дней).

Например: “всего за пару дней”

Уникальность

С помощью чего Вы это сделаете? (Или уникальность данной выгоды по сравнению с аналогами)

Например: “по методики олимпийского чемпиона Майкла Фелпса”

Объединив все 4 принципа мы получаем привлекательное предложение, которое лучше всего разместить на первом экране: “Научим плавать с правильной техникой, всего за пару дней, по методики олимпийского чемпиона Майкла Фелпса!”.

Поняв основные принципы лендинг пейдж, предлагаю разобрать все этапы ее создания!

Этапы создания Landing Page

Условно можно разделить этапы разработки лендинга на:

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

Анализ аудитории

Пишем текст

Создаем прототип

Делаем дизайн страницы

Верстаем и программируем страницу

Теперь разберем подробно каждый этап!

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

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

Наша основная задача: просмотреть рынок со всех сторон, выписать основных игроков и разобрать их подход.

Создаем сводную таблицу по конкурентам

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

В первый столбец мы вставляем параметры для сравнения, а в шапку помещаем сайты конкурентов.

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

В итоге Вы получите:

Большую аналитическую таблицу

Выпишите для себя лидеров рынка

Определите лучшие подходы в донесении информации

Сравните, какое предложение на рынке сейчас самое выгодное

Отстранитесь от каждого конкурента, сформировав УТП

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

Описание страницы (как правило в верху страницы)

Заголовок

Оформление формы захвата (какие кнопки, количество форм для заполнение, торговое предложение в формах)

Есть телефон или нет? (8-800, городской или мобильный)?

Какой Call to Action?

Какая основная выгода? (что пользователь отдает, взамен на контактные данные?)

Какие цены (Как они преподносят их: пакеты услуг, скидки и т.д.)

Количество блоков на лендинге (Можно разобрать каждый)

Какую задачу решает первый экран лендинга

Где же найти сайты конкурентов?

Воспользуйтесь поисковиком

Первое, с чего стоит начать - Яндекс и Google. Самая горячая аудитория находится именно там! Если у человека появляется прямая необходимость в чем-либо, первым делом он полезет в поисковики.

Как известно в России, большая часть трафика находится в Яндексе.

Почему это стоит делать?

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

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

Велика вероятность, что Вы заметите новые преимущества и выгоды!

Сравните предложения

Определите стратегию лидера

Отметьте блоки и подходы, которые есть практически у всех конкурентов

Следующим этапом будет анализ аудитории.

Почему многие ремонтные организации сначала делают бесплатный дизайн проект и только потом делают ремонт?

Аудитория, которая осуществляет поиск - это чаще всего женщины, которые принимают решение по картинке

Аудитория, которая принимает решение - это мужчины, которые хотят угодить женщинам

Тоже самое происходит на Landing Page.

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

Важно точно определить, кто Ваша целевая аудитория и от чего она точно не откажется.

На практике, аудитория делится на:

тех, кто осуществляет поиск

тех, кто покупает

Аудитория осуществляющая поиск

Почему я выделяю отдельно данную аудиторию?

Во многих случаях люди осуществляющие поиск в интернете, не являются людьми принимающими решение о покупке.

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

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

Исходя из этого:

Определяем аудиторию, которая будет осуществлять поиск и выбор

Адаптируем предложение под эту целевую аудиторию

Аудитория принимающая решение

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

Важно изучить все боли клиента!

Глобально можно разделить боли на 2 основных категории.

Боли сервиса

Боли продукта

Боли сервиса

К болям сервиса можно отнести:

Невозможно дозвониться

Приехали сломали и уехали

Испортили

Боли продукта

Чаще всего клиентам не нравится:

Высокие цены

Низкое качество

Как узнать боли?

Отдел качества

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

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

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

Советую заполнить табличку, в которой понятно на сколько часто используется та или иная боль клиента.

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

Аудит социальных сетей

Посмотрите, кто состоит в них и определите, что у них общего.

Посмотрите личные странички самых активных из них

Изучите комментарии в беседах или опросах

Сомнения

Что может заинтересовать

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

Определяем цели аудитории на лендинге

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

Клиент не будет платить за сайт. Ты дай ему прайс и он подумает…

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

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

Но главное, чтобы landing page не превратился в “борщ” (всё обо всём).

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

Ответьте себе на вопросы:

В каких условиях клиент принимает решение (дома перед теликом, где спокойно можно вдуматься или на шоссе, когда нужен эвакуатор, где решение принимаются за пару секунд)?

Сколько задач будет решать лендинг пейдж?

Что должно быть на сайте, чтобы все боли были решены?

Выделите главную и второстепенные задачи.

Цель: Второстепенные задачи должны помогать решить основную!

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

Следующим этапом будет написание текста.

Написание текста на лендинг пейдж

Исходя из полученных материалов во время анализа мы составляем текст посадочной страницы.

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

Для этого необходимо все смыслы распределить в продающую структуру.

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

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

Нам стоит вернутся к нашим сводным таблицам:

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

Размещаем на странице в порядке убывания частоты (другими словами, чем ниже спускаемся тем менее важные боли закрываем).

Сам текст пишем понятным и логичным.

Вот несколько правил, которые обязательно нужно учитывать:

1. Ценности

На лендинг пейдж нужны цифры

Почему это так Важно?

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

Где можно вставить цифры?

В уникальном торговом предложение (если его суть, как-то затрагивает выгоды)

В блоке социального доверия (перечисляя свои достижения и регалии)

В сроках реализации (если это быстрее, чем у других)

В описании товара/ услуги

Пример Landing Page: Франшиза

Франшиза по изготовлению суши и роллов.

На первом экране встречаются цифры 5 раз! Все они запакованы с позиции выгод!

На лендинге нужны выгоды

Каждая потребность выявленная на этапе анализа аудитории должна быть решена с позиции выгод.

Предлагаю более подробно разобрать пример с франшизами.

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

Исходя из этого, 2-ой заголовок звучит так:

“Зарабатывай стабильно от 110 000 руб. уже с первого месяца!”

Удаляйте “воду” из текста. Откажитесь от необъективных оценок, пишите только о фактах!

Берите задачу, которую клиент ставит перед собой, решайте ее и приводите доказательства!

На лендинге должны быть ценности

Основной задачей дополнительной ценности является усиление “Вау-Эффекта”. Чаще всего ценности лежат в области сервиса:

Если не доставим через 30 минут, пицца бесплатно!

Запуск франшизы с нуля, всего за 2 недели

Когда Вы написали все тексты, Ваша задача сформировать прототип.

Прототип для Landing Page

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

Прототип можно делать в тетради или на блокноте. Но проще всего выполнять в специальных программах.

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

• Быстрая прогрузка сайта

  Пожалуй один из самых важных пунктов для верстальщиков и программистов!

  70% отдачи Вашего сайта зависит от скорости его прогрузки.

  Для этого программисты реализуют прогрузку по кэшу, облегчают картинки и верстку.

  Если сайт будет медленно грузиться, показатель отказов вырастет и конверсий Вам не видать!

  Проверяйте скорость прогрузки сайта в специальном сервисе Google - https://developers.google.com/speed/pagespeed/

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

  Программирование

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

  Настройка форм захвата (прием и отправка данных)

  Установка счетчиков аналитики

  Настройка целей

  Установка коллтрекинга

  Создание мультилендинга

  Отправка данных с форм захвата

  Затрагивая данный вопрос вспоминаю свой личный опыт.

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

  А проблема была в том, что мы просто не проверили отправку данных с landing page (хорошо, что мы заметили это через ).

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

  Установка счетчиков аналитики и настройка целей

  Обязательно сразу нужно устанавливать счетчики Яндекс Метрики и Google Analytics:

  Это может сэкономить Вам кучу денег на старте (если, что то будет работать не корректно)

  Делать A/B тестирование (данный функционал реализован в Google Analytics)

  Если Analytics для Вас слишком сложен, то . Программист сделает за пару минут.

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

  Если в Вашей нише звонков больше, чем заявок, их также можно отследить!

  Установка коллтрекинга

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

  К примеру, человек перешел с .

  Когда человек позвонит произойдет переадресация на основной номер, но при этом, в системе отметится состоявшийся звонок с .

  Создание мультилендинга

  Программисты также могут создать для Вас динамический контент на сайте. Это также называется мультиленингом.

  Что значит динамический контент?

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

  Пример мультилендинга: Дизайн интерьера

  На этом лендинге в зависимости от параметров ссылки авто подменяются:

  Картинка

  Заголовок

  Текст объявления

  И еще несколько элементов в теле лендинга

  В первом случае параметр url подстраивает страницу под ЖК на улице Ярцевской,24.

  Во втором случае мы видим уже другой лендинг!

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

  После того, как лендинг готов остается лишь показать его людям!

  Как продвинуть Landing Page?

  Для того, чтобы продвинуть лендинг можно попробывать:

  Механика привлечения клиентов этих случаях будет разница.

  Контекстная реклама для лендинг пейдж

  На мой взгляд один из самых эффективных способов привлечения горячего трафика на сайт.

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

  С помощью неё Вы можете настраивать:

  Перед этим необходимо сделать :

  Разобрать поведение ЦА в соц сетях

  Понять время принятия решения

  Для этого самое Важное определить критерий эффективности!

  Это могут быть:

  • Онлайн-консультант

    Скаченный прайс

  Для этого Вам нужно изучить 3 отчета:

Разберем каждый из них!

Очень полезный отчет. Помогает определить самые кликабельные места landing page.

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

Карта скроллинга

Данный отчет показывает самые просматриваемые части Вашего сайта.

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

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

На примере видно, что конкретную форму увидело 114 человек. Из них 9 человек взаимодействовали с формой и только один успешно ее заполнил.

Но самое Важное, мы можем отслеживать, какие из полей форм являются отказными.

Достаточно просто убрать лишние поля и конверсия сайта возрастет.

Все остальные отчеты больше полезны для управления трафиком. Ведь от качества трафика также зависит конверсия landing page.

Теперь мы плавно подошли к главному вопросу…

Заказать Landing Page или сделать самостоятельно?

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

Давайте разберемся, где можно сделать Landing Page самому.

Сделать Landing Page самому

Есть несколько хороших сервисов, где можно сделать лендинг своими руками:

Данные сервисы работают по принципу конструктора. Достаточно просто загрузить нужные картинки (которые советую заказывать на ) и расположить их на сайте в зависимости от прототипа.

Все это делается без программиста вообще!

Чек-лист для проверки подрядчика по созданию Landing Page

Как они будут проводить конкурентный анализ? Учитывают ли Яндекс Директ, Google Adwords, соц сети при поиске конкурентов

Как будет производится анализ аудитории? Как будут определятся потребности целевой аудитории?

По каким принципам будут создаваться торговые предложение? (Теперь вы знаете 4U, Aida, PMPHS и т.д.)

По какому принципу будут написаны текста

Смогут ли они предоставить тестовый вариант дизайна перед стартом?

Входит ли в цену адаптивная - кроссбраузерная верстка?

Проведут ли оптимизацию сайта исходя из трафика? Как они будут это делать?

В результате данного диалога, вы точно поймете стоит ли с ними работать!

Сравните их ответы с этой статьей и сделайте правильное решение.

Желаю удачи в создании Landing Page!

Надеюсь данная статья для Вас оказалась полезной! Репостните её как памятку на свою страницу и подпишитесь на новые статьи по Landing Page!

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

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

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

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

Лендинги, как маркетинговый инструмент, приобрели большую популярность за счет того, что они создаются под определённую категорию людей, а значит, дают большой процент конверсии в своей нише. Такие значения, как 10-20% являются очень хорошими и правильно сделанные лэндинги легко собирают подписную базу.

1. Как создать ленинг пейдж самому

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

1.1. Основные принципы составления лендинга:

• Каждый элемент лэндинга должен выполнить одну, самую главную цель: получить действие посетителя. Поэтому не стоит добавлять кучу мелочей, которые могут Вам показаться просто «миленькими», «красивенькими» и тому подобное.
• Используйте маркетинговые фишки. В основном это срочность и дефицит. Практически на всех лэндингах есть таймер обратного отсчета или упоминание о том, что осталось столько-то копий до повышения цены. Это работает, проверено на личном опыте, причем работает так эффективно, что результат иногда поражает.
• Свобода глазам! - Никто не ограничивает нас в размерах, не стоит громоздить элементы друг на друга. Решил упомянуть это, так как не раз видел примеры, где авторы видимо не знает, что такое «отступы».
• Яркий и современный дизайн. Во время создания откройте 3-4 примера лэндингов, которые Вам очень нравятся. Смотрите, как сделали они и повторяйте до тех пор, пока идеи в голове не начнут генерироваться сами. У меня, например, было именно так.
• После завершения работы, попросите своих близких посмотреть на результат. Любой вопрос, который у них может возникнуть, должен заставить Вас задуматься о том, что лэндинг не совершенен, так как хорошая работа в итоге должна оставить посетителя без вопросов.

1.2. Элементы, которые должны быть у каждого лендинга

• Начнём с самого верха, где у нас обычно находится заголовок. Естественно, что должен он быть привлкательным, интересным и максимально интригующим, в общем его цель с первых секунд захватить внимание и в тоже время из его содержания должно быть понятно Ваше предложение.
• Торговое предложение. Его стоит описать таким образом, чтобы донести суть, самый сок при этом не стоит злоупотреблять повторениями. Также не стоит думать, что если Вы вместо двух-трёх раз повторите Ваше переложение, то от этого увеличится конверсия, наоборот, действовать нужно постепенно по ходу всей страницы. Я предпочитаю в этой части лендинга, просто рассказать о том, что именно даст продукт и перечислить несколько плюсов, которые важны именно для моей аудитории.
• Если лендинг пейдж небольшой, то сразу рядом размещайте кнопку призыва к действию, типа: «Получить», «Забрать», «Купить» и тому подобное. Здесь я использую яркие красные или контрастные фону цвета. Всё таки наша основанная задача заставить клиента нажать именно сюда.
• Расскажите о преимуществах вашего товара над другими подобными, чем Вы лучше других?
• Разместите карту действий, в которой подробно опишите процесс решения проблемы, указав каждый шаг с момента покупки.
• Далее следует разместить несколько отзывов. Желательно не придумывать их, а узнать у тех людей, кто уже приобрёл товар. Ну, а если таких нет, то тогда уж придётся накалякать самому, причем не давать десять баллов из десяти, пишите отзывы на семёрочку-восьмёрочку. Можно дать попробовать продукт известным в вашей области людям, чтобы они дали свой отзыв, желательно в видео формате.
• Обязательно укажите, гарантии безопасности платежа, анонимности, условия возврата товара и денег и так далее.
• Ну и в самом конце, в футере - укажите свои реквизиты, ссылку на партнёрскую программу, можно поставить социальные кнопки рассказать о себе, как об авторе, указать контакты и так далее.

2. Делаем лендинг своими руками

После прочтения советов предоставленных выше, мы можем приступать непосредственно к самому созданию страницы на которой у нас будет лендинг. Использовать мы будем программу вебкоснтркутор: WYSIWYG Web Builder 9-ой версии. Хотя сейчас уже есть 10-ая, но там проблемы с русификацией, поэтому если Вы не опытный вебмастер, то рекомендую использовать 9-ую версию. Также нам понадобится:

• Редактор изображений фотошоп;
• Клиент для работы с хостингом FileZilla;
• Сам хостинг;
• Ну, и доменное имя.

У Вас может возникнуть вопрос о том, где брать эти программы бесплатно? Могу только посоветовать хорошо погуглить, давать же ссылки сайты с пиратским содержанием - это против моих собственных убеждений.

Так как спрос на Landing Page с каждым годом увеличивается более чем на 100%, даже новички, заинтересованные в бизнес-деятельности на просторах интернета, начинают задаваться вопросом – как создать лэндинг своими руками? Проведение распродаж, акций от крупных компаний, малый коммерческий бизнес, маркетинговое продвижение своего продукта, увеличение продаж, тестирование новой ниши – эти и многие другие факторы заставляют компаний заинтересовываться одностраничными сайтами.

Создаем Лендинг Пейдж с нуля без знаний и навыков

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

1. Создание лендингов с помощью онлайн-конструкторов

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

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

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

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

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

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

Пример создания лендинга с помощью Bloxy.ru:

1. Переходим на Bloxy.ru .
2. Кликаем по кнопке «Создать Landing Page».
3. Проходим краткую регистрацию, либо авторизуемся через социальные сети (сервис не получает ваши данные от страниц в соц. сетях).
4. Жмем по огромной кнопке со знаком «+» — «Создать сайт».
5. При желании проходим краткий курс обучения (новичкам рекомендуем не отказываться от него).
6. Перед нами открывается огромный визуальный редактор с инструментами, расположенными как внизу сайта, так и в самом верхнем меню. Каждый инструмент вполне понятен пользователям за счет своей иконки. Также при наведении на иконку появится подпись, поясняющая, что это за инструмент. Чтобы разместить его на сайте, нужно просто перетащить иконку в нужную область лендинга.
7. Выбираем шаблон из сотни представленных в соответствующем разделе.
8. Наполняем сайт контентом.
9. Добавляем необходимые модули – они также встроенные.

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

Первая неделя работы с онлайн-конструктором – бесплатная. Далее ежемесячная плата будет составлять 590 рублей. В сравнении с другими способами создания лендинга, этот самый выгодный. Затраты на хостинг и домен будут примерно такими же, при этом работать над лендингом придется значительно дольше, чем в случае с Bloxy.ru.

2. Разработка лендинга с использованием готового шаблона

Создание лендинга с нуля возможно путем установки готового HTML-шаблона, скаченного из интернета. Но этот способ более сложен для новичков в сравнении с теми же конструкторами.

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

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

Если вы найдете подходящий по вашей тематике шаблон, то все, что останется сделать, это поменять демо-контент (видео, текст, изображения) на свой. После готовый HTML-шаблон нужно установить на купленный . В среднем он обходится в 200-500 рублей в месяц (это немного дороже, чем услуги Bloxy.ru).

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

Здесь мы не будем рассказывать, что можно создать лендинг своими руками при помощи HTML-редактора. Способ аналогичен всему вышесказанному, но в данном случае мы должны будем сами писать шаблон, либо собирать его по частям, находя нужные участки кода в готовых шаблонах. Нельзя сказать, что способ невероятно сложен, но новичкам браться за него необходимости. Идеальный шаблон вы с первого раза вряд ли сможете написать. Если сроки на создание одностраничника минимальные, лучше воспользоваться услугами онлайн-сервиса Bloxy.ru.

3. Создание одностраничника на движке WordPress

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

Все, что нужно сделать для работы с данной платформой, это:

1. Приобрести хостинг (от 200 рублей);
2. Купить домен (от 100 рублей);
3. «Прикрутить» на хостинг CMS;
4. Привязать домен;
5. Далее найти готовый шаблон в самой же системе WordPress и активировать его одним кликом.
6. Размещение текстового контента, изображений, видео – все это настолько же элементарные задачи, как и в случае с конструкторами. Но, опять же, домен и хостинг – это гораздо большие растраты, чем оплата услуг онлайн-сервисов.

Процедуру установки хостинга на CMS можно найти на сайте любого хостинг-провайдера.

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

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

Что такое Page Builder от WordPress?

1. Первое, что нужно сделать с помощью плагина, это разработать разметку. Она позволит нам грамотно распределить блоки своего одностраничника, установить цвет блоков, их размер, разместить фоновое изображение, настроить отступы, число блоков и так далее. Атрибутов в плагине действительно много.
2. Когда все нужные блоки готовы, необходимо разместить в них контент. В этом вам может помочь дополнительный плагин «SiteOrigin Сборник Виджетов». Очень много виджетов из всего сборника могут быть полезны для вашего лендинга, но и злоупотреблять ими ни в коем случае нельзя. Под виджетами мы подразумеваем слайдеры, иконки, заголовки, кнопки, формы и так далее.
3. Если у вас есть сторонние плагины, их также можно будет активировать. Например, установить таймер обратного отсчета акции или распродажи, сделать кнопки интеграции с социальными сетями, разместить форму, в которой клиенты будут оставлять свои контактные данные. Для WordPress сегодня в сети можно найти невероятное количество разношерстных дополнений.

Если мы создаем Landing Page своими руками, останавливаться на базовом функционале CMS точно не стоит. Современные целевые страницы совершенствуются именно за счет дополнений.

Выше мы говорили про CRM-системы, E-mail рассылки. Интеграцию с такими сервисами WordPress разрешает. Правда, не все подобного рода плагины бесплатные. Но в интернете можно найти и бесплатно скачать сторонние дополнения.

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

Подытожим

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

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

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

В чем смысл создания лендинг пейдж?

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

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

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

Какие подвиды существуют?

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

Автономная страница

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

Целевые страницы на крупном сайте

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

Микросайт

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

Сайт из целевых страниц

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

Как создать такой сайт?

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

Обращение к профессионалам

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

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

Создание самостоятельно

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

• аудит компании или товара/услуги. Это необходимо для определения целевой аудитории;
• анализ уже существующих конкурентов;
• разработка концепции лендинга;
• создание прототипа лендинг пейдж;
• написание текстов, создание заголовков, seo-оптимизация (если требуется);
• создание дизайна;
• верстка.

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

Нужна ли оптимизация лендинг пейдж?

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

• используйте для продвижения нч и сч запросы, их количество не должно быть больше 2–3;
• текст должен быть хорошим, информативным и структурированным. страницы только с изображениями продвигать трудно, текст должен быть. хотя бы 2–3 тысячи знаков;
• используйте заголовки h1–h2;
• alt картинок, title и description страницы нужно заполнять обязательно;
• если это уместно, добавьте карту и адрес компании. не лишним будет блок отзывов;
• покупка ссылок поможет продвинуть ваш лендинг в поисковых системах, но тут не стоит гнаться за количеством, лучше купить несколько дорогих, но хороших ссылок. нч и сч запросы так можно продвинуть довольно легко;
• домен лендинга должен содержать ключевые слова - это очень важно.

Сервисы для создания лендингов

http://lpgenerator.ru - хороший сервис, очень много шаблонов, есть пробная версия. Стоимость создания и размещения одной лендинг пейдж начинается от 560 рублей в месяц.

http://lpmotor.ru - шаблонов много, есть шаблоны секций, которые позволяют создавать индивидуальные решения. Стоимость - от 450 рублей в месяц, но есть возможность сперва создать лендинг пейдж, оценить результат, а уже потом оплатить.

http://wppage.ru - генератор страниц для Wordpress. Стоит 2162 рубля (уже он бесплатный). Представляет собой плагин, который позволит вам легко и быстро создавать одностраничники на базе Wordpress. Но необходим навык работы с данной CMS.