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

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


Не слушайте дурь Борисова, который говорил о том, что «Ребята, не в графике дело, главное ценность продукта!». Я вам говорю, ребята, делайте классные продающие страницы, именно в них 99% успеха продажи товара. Но это совершенно не значит, что всякое г…. надо запаковывать в красивый лендинг пейдж. Создавайте только качественные инфопродукты, а не только делайте классные продающие страницы.

Если ваш лендинг пейдж будет так себе, то и продаж вовсе не будет! Все усилия в лендинг пейдж, в обязательном порядке! И запомните, что даже самостоятельно при помощи конструктора продажник делается около 3 — 4 часов, нужно все придумать, заинтересовать покупателя, и так далее. Нужно написать отзывы, а лучше сразу заказать видеоотзывы по 1000 рублей за штуку, нужно нарисовать первоначальную графику в фотошопе и так далее. Многих сейчас это просто отпугнет, особенно тех, кто ищет как создать landing page быстро и бесплатно!

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

СПОСОБЫ СОЗДАТЬ ЛЕНДИНГ ПЕЙДЖ

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

1. При помощи конструкторов. Например можно создать бесплатно на SETUP. >> Зарегистрироваться и создать

2. Сделать самостоятельно при помощи только фотошопа

3. Сделать при помощи конструктора KompoZer, вручную при помощи html редактора

Я как раз использую третий вариант, и создаю лендинги самостоятельно при помощи html редактора, а именно при помощи KompoZer. В действительности, я совершенно не знаю html, могу только вставить

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

Если Вы не можете создать лендинг пейдж, то значит Вы простой лентяй или бездельник, который привык что все делают за него! Дмитрий Смирнов =))))))))

Что -то не получается? Есть статьи на блогах и youtube, и так далее, всему можно научиться!

Что потребуется для создания лендинг — пейдж?

Для создания самостоятельно Landing Page вам потребуется следующее, а именно:

1. Программа KompoZer или аналогичные визуальные html редакторы

2. Ужасное желание создать лендинг

3. Комплект продающей инфографики. Можно купить тот же Grafocom, или на подобии, но ведь мы знаем где все это можно взять бесплатно =))))

4. Различные видео и фото, ну это понятно!

ЗАДАЧА ЛЕНДИНГ ПЕЙДЖ

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

Скачайте программу KompoZer

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

Выбираете одну ячейку и нажимаете ок.

Нажимаем ‘изображение».

Вам необходимо вписать адрес изображения (шапки) которую вы закинули к себе на хостинг в папку, которую я вам говорил создать. У меня например будет так: http://infozebest.ru/моя папка/название картики. jpg png и так далее. Нажимаете ок.

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

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

СОЗДАТЬ ЛЕНДИНГ ПЕЙДЖ САМОМУ БЕСПЛАТНО

Делаем лендинг через какой — либо конструктор с абонентской платой, например plp7. Но конечно мы не хотим платить по 600 рублей в месяц, тем самым мы просто создаем лендинг в их конструкторе, потом по кусочкам делаем скриншоты нашего лендинга, заливаем все эти скриншоты на хостинг, и вручную через KompoZer собираем лендинг как ЛЕГО!! =))) Это я придумал =))))))

Лендинг создать в действительности очень просто, но если вы полный лентяй и ничего не хотите, то создавайте при помощи конструкторов, а если вы настырный как и я, то можете создать при помощи программы KompoZer. Лендинг пейдж самостоятельно бесплатно создать очень просто, но запомните, что самое главное это то, что вам необходимо сделать классный продающий лендинг, ибо более 90% успеха именно в графике, как бы кто не говорил! Удачи!

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

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

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

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

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

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

Примеры лендингов

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


12 шагов по созданию идеального лендинга

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

  1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
  2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
  3. Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

    Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

  4. Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
  5. В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).

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

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

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

  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

    Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.

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

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

Примеры ошибок делающих landing нерабочим

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

  1. Еще раз напоминаю, что в интернете практически никто не читает (во всяком случае вновь открытую страницу), а именно просматривает информацию. Если она окажется действительно стоящей и требующей более детального изучения, то тогда уже доходит дело и до прочтения (в общем-то, так же как и с газетами). Поэтому не допускайте перегруженности лендинга информацией — это может дезориентировать пользователя и вызвать реакцию отторжения еще до того момента, когда он разберется о чем там идет речь.
  2. Текст должен быть небольшого объема, максимально лаконичен и наполнен информацией, а не водой. Пару абзацев «ни о чем» вызовут у пользователя бурное желание закрыть такую посадочную страницу. На landing page также плохо работает мелкий шрифт. В общем-то, его использование и не нужно, ибо для изложения сути много слов не потребуется.
  3. Не обманывайте ожидания пользователя. Если в рекламе или в посте в социальной сети вы говорили об одном, а при попадании на лендинг пользователь видит несколько другое, то происходит утрата доверия и резко снижается конверсия. Очень важно следить за этим соответствием.
  4. Дизайн посадочной страницы на самом деле очень важен. Если он не закончен, сделан непрофессионально или имеет отталкивающий для большинства пользователей вид, то даже соблюдение всех описанных выше правил создания хорошего лейдинга не убережет вас . Если вы сами не обладаете должными умениями и вкусом, или у вас нет в штате фирмы дизайнера, то можно воспользоваться многочисленными конструкторами или же готовыми шаблонами лендинга, которые останется лишь немного переделать под свои нужды.

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

Привет, друзья!

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

О Лендинг пейдж

Для начала давайте разберемся, что такое Лендинг пейдж? Landing page переводится с английского, как «целевая» или «посадочная страница». Это такой одностраничный сайт без подразделов. И это супер! Ведь на многостраничных сайтах посетитель может гулять по страничкам и в итоге забудет, зачем он вообще зашел. С Лендингом такого не случится. Здесь два варианта: совершить покупку или же уйти.

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

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

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

1. – царь и бог среди конструкторов одностраничек. Разработчики собссна так и его и презентуют: Профессиональная Lending page платформа для бизнеса. Средний ценник – 559 рублей в месяц. Дается бесплатный тестовый период, который длится 7 дней. Позже на нем и попробуем создать Лендинг пейдж сами.

2. – «все элементарно, Ватсон» именно так хочется сказать об этом конструкторе. Вот правда, все гениальное просто, работать одно удовольствие. Бесплатный тестовый период длится 14 дней. Расценки зависят от сложности Лендинга. Но можно создавать еще и сайты.

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

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

Делаем Лендинг пейдж: пошаговая инструкция

Конструкторов конечно намного больше, но они аналогичны. Мы попробует сделать Лендинг пейдж вместе на LPgenerator. Приготовились?

Зарегистрируйтесь. После конструктор устроит допрос. Потребует прописать ФИО, какую должность занимаете, для чего на сайте, зачем вообще вам понадобился Лендинг? Разве что паспортные данные и ИНН не потребует… Но после окунетесь в мир творчества, так что крепитесь, это того стоит!

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

Шаблоны разные: для портфолио художника, фотографа, программиста. Платные под «замочком», бесплатные с «плюсиком».

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

В конце не забудьте про призыв к действию) А то некоторые выкладываются по полной при создании, написании умных текстов, а вот про призыв то ли забывают, то ли сил не остается. Будьте бдительны.

А теперь, как я и обещала, бонус. Расскажу о мифах в создании Лендинг пейдж.

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

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

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

4. Запустили Лендинг и можете о нем забыть , он будет работать сам. Опять же нет, нужно постоянно заботиться, тестировать, одно добавлять, другое убирать.

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

С уважением, Ваша Суть!

Не каждый посетитель, попавший на ваш сайт, совершает целевое действие, потому что ему не хватило аргументов, стимулов или не привлек сайт. Толчком для нужных действий пользователя может стать правильный лендинг. Расскажем, какой лендинг будет работать на вас, а также дадим готовый to-do list для создания удачного лендинга.

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

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

Хорошим показателем конверсии для сайта считается 2-3 % от всех посетителей. Для лендинга эта цифра - 14-15 %. Такого результата помогают добиться кнопки с призывом к действию.

Принципы успешного лендинга

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

Принцип первого экрана или Above The Fold . Газеты продают сложенными вдвое, поэтому титульная страница делится на видимую и невидимую часть. Если заголовок или фотография на видимой части привлекают внимание, хочется купить газету и дочитать до конца.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

To-do list для заказчика по созданию лендинга

Создание лендинга делится на следующие этапы:

  • продумывание структуры лендинга — создание примерного плана, который станет основой ТЗ для дизайнера и копирайтера;
    • Закажите сбор и анализ конкурентов. Сравните себя с конкурентами и международными лидерами в вашей нише. Выпишите ваши конкурентные преимущества, а также “фишки”, которые можно позаимствовать у конкурентов.
    • Ответьте для себя на вопрос, что должен совершить пользователь после прочтения посещения лендинга? Это будет целью лендинга. Эту цель обязательно нужно обозначить перед исполнителями
  • написание контента - текст, который будет «продавать» продукт. Основная рабочая схема написания текста “Боль клиента — Усиление боли — Идиллия — Решение — Предложение сделки”;
  • дизайн - создание полного макета. Подробнее про дизайн мы написали чуть ниже;
  • верстка - оформление сайта в соответствие с его функционалом и макетом дизайнера;
  • программирование - реализация необходимого функционала сайта;
  • настройка рекламы - запуск контекстной рекламы для генерации трафика на ваш лендинг.

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

При работе с дизайнером и верстальщиком нужно учесть следующие моменты:

  1. Макет и прототип страницы - согласуйте основные блоки, структуру и путь читателя от элемента к элементу.
  2. Логотип - если у компании еще нет логотипа, самое время добавить его на лендинге, чтобы сделать бренд узнаваемым.
  3. Шапка для сайта - с информацией о продукте, логотипом и навигацией.
  4. Иллюстрации - хороший дизайнер не будет наполнять страницу фотографиями с фотостока. Он отрисует иллюстрации самостоятельно или запросит у вас качественные изображения технологического процесса или продукта.
  5. Кнопки с призывом к действию - дизайнер поможет определиться, какие CTA-элементы нужны на странице и где их расставить.
  6. Форма обратной связи - это может быть номер телефона, кнопка «Перезвоните мне» или значок онлайн-чата в углу страницы.
  7. Иконки - помогают читателю разделить блоки и визуально выделить важное.

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

Мода на 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 рублей за месяц и жить спокойно. Ну как спокойно: оплату принимают только с привязанной карты, поэтому конструктор будет исправно списывать деньги, даже если вы забудете о своем лендинге.

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

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

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