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

Стоит один раз попробовать,
и вы поймете насколько это круто и удобно.

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

Подборка шаблонов конструкторов лендинг пейдж

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

Launchkit — Шаблон и конструктор для стартапа

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

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

Machine — онлайн конструктор с шаблонами для landing page

Machine — это набор более 70 уникальных блоков для создания лендинг пейдж. Page builder (конструктор) для лендинг пейдж, от того же производителя что и lauchkit. То есть сам конструктор и все возможности — такие же. Отличие лишь в дизайне и наборе блоков. Например в шаблоне Machine есть блоки для лендинг пейдж интернет магазина — блок с несколькими карточками товара, и блок с большой подробной карточкой отдельного товара. Также в нем есть блоки с галлереями — которые подойдут для портфолио, и с статьями.

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

Meetup — шаблон и конструктор посадочных страниц для мероприятий

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

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

Pivot — конструктор landing page для компаний, студий и фрилансеров

Pivot — более универсальный конструктор, но все же имеет блоки дизайна которые заточены под команды, студии и компании. Отлично подойдет для онлайн landing page компаний, небольших команд, софт разработчиков, дизайн и юзабилити студий, фрилансеров. Автор шаблона «medium_rare», тот же что и у выше упомянутых решений. Это значит что конструктор такой же удобный и гибкий в использовании.

Шаблон содержит блоки хорошо подходящие для описания команды, блоки для составления онлайн резюме, для представления портфолио есть несколько разных блоков для галереи работ, блоки с историей развития вашей фирмы, красиво оформленные блоки для постов и текстовых материалов, ценовые таблицы, формы подписки, обратной связи, несколько вариантов шапок — заголовков для страницы, контактная информация. Приятным бонусом является наличие блоков для отдельных страниц — 404, coming soon page, login page. Заходите на демо сайт конструктора и попробуйте самостоятельно создать свою страницу. Уверен, вы оцените этот конструктор по достоинству.

Foundry — шаблоны и конструктор luxury landing page — для одежды, моды и люкс стиля

Если взять Launchkit, добавить параллакс эффектов, увеличить количество вариантов заголовков и hero images, добавить тонкие luxury шрифты — то получится шаблон Fundry и конструктор посадочных страниц.

Этот конструктор отличают во первых параллакс эффекты, во вторых тонкие шрифты.

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

Всем-всем привет!

Я думаю, многие из Вас, мои дорогие читатели, видели рекламу в Интернете, на телевидении о различных инструментах быстрого создания одностраничных сайтов — конструкторах Landing Page. А кто-то может уже и использовал.

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

Прежде чем начну, кратенько расскажу о том, что такое Landing Page (Лэндинг Пейдж).

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

Конструкторы

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

Сегодня я выделю только 3 самых популярных и эффективных конструктора:

  1. LPGenerator;
  2. LPMotor;
  3. LPTrend.

Есть что-то общее между ними, согласны? 😀

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

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

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

LPGenerator

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

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

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

А какие возможности и функции предлагает платформа? Возможностей много:

  • Возможность купить домен прямо из интерфейса конструктора и размещать его на хостинге LPGenerator;
  • Отслеживание показателей рекламных кампаний;
  • Построение автоматической воронки продаж;
  • Наличие своей CRM и интеграция с другими системами;
  • Возможность интеграции с популярными сервисами почтовых рассылок, в том числе и с ;
  • Возможность подключения системы проведения платежей Robokassa.

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

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

  1. «Базовый» — 559 рублей/месяц при оплате за год; 799 рублей при оплате одного месяца. Допускается опубликовать 1 домен и 1 страницу. Максимальное количество посетителей — 3000 человек за оплаченный период, то есть за месяц Вы сможете привести только 3000 человек;
  2. «Продвинутый» — 1662 рубля/месяц при оплате за год; 2375 рублей при оплате одного месяца. Допускает опубликовать 5 доменов и 50 страниц. Максимальное кол-во посетителей — 9900 человек;
  3. «Безлимитный» — 2799 рублей/месяц при оплате за год; 3999 рублей при оплате одного месяца. Никаких ограничений нет;
  4. «Корпоративный» — 11011 рублей/месяц при оплате за год; 15730 рублей при оплате одного месяца. Также никаких ограничений нет. Доступны все дополнительные опции к тарифу, в остальных часть недоступна.

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

Плюсы и минусы данной платформы Вы видите сами.

LPMotor

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

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

Возможности у данного конструктора ничуть не уступают тем, что имеются у LPGenerator:

  • Наличие системы аналитики, позволяющей отслеживать статистику рекламных кампаний;
  • Возможность построения автоматической воронки продаж;
  • Наличие встроенной CRM-системы, которая показывает данные Ваших клиентов;
  • Возможность установки платежной системы;
  • Проведение А/Б-тестов сайта;
  • Интеграция с популярными CRM-системами, системами аналитики и , Яндекс.Деньгами, .

Действительно, конструкторы Landing Page становятся самыми настоящими системами управления процессами интернет-маркетинга. Мне это нравится!

Стоимость использования LPMotor вызывает тепло на душе. Существует 4 тарифа:

  1. «Нано» — 300 рублей/месяц при оплате на год. Доступно для публикации 1 домен и 10 страниц. Доступны все функции и возможности платформы;
  2. «Мини» — 450 рублей/месяц при оплате на год. Можно опубликовать 3 домена и 50 страниц. Никаких ограничений по количеству посещений нет. Доступны все дополнительные опции;
  3. «Стандарт» — 600 рублей/месяц при оплате на год. Максимальное количество опубликованных доменов 10 и страниц 100. Все функции сервиса доступны.
  4. «Безлимит» — 2000 рублей/месяц при оплате на год. Никаких ограничений нет.

Стоимость действительно низкая, что позволяет начать работу с LPMotor абсолютно всем желающим начать бизнес в Интернете.

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

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

LPTrend

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

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

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

  • Наличие своей CRM-системы;
  • Возможность проведения А/Б-тестов;
  • Интеграция с различными CRM-системами, сервисами рассылок, системами аналитики;
  • Бесплатное создание и использование домена 3-го уровня (site.lptrend.biz).

Скромненько, конечно, но многим хватит и этого.

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

  1. «Стартовый» — 300 рублей/месяц с оплатой на год. Можно опубликовать только 1 лендинг;
  2. «Базовый» — 600 рублей/месяц с оплатой на год. Кол-во лэндингов — 10;
  3. «Премиум» — 1200 рублей/месяц с оплатой на год. Никаких ограничений нет.

Предоставляется бесплатный тестовый период до 15 дней.

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

Ну а на этом у меня все, дорогие друзья!

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

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

До скорого!

Предыдущая статья
Следующая статья

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

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

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

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

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

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

О HTML-редакторе

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

Вот несколько основных преимуществ:

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

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

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

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

По номерам:

1 — сохраняет все нововведения на landing page.

2 — дает увидеть состояние макета в конкретный момент.

3 — отменяет последнее совершенное действие.

4 — возвращает изменения после отмены.

5 — служит для группировки разных элементов лендинга.

6 — предназначен для добавления элементов, применяемых в качестве фона для других элементов, объединенных в группу.

Следующая 6-ка.

7 — с его помощью можно загружать нужные иллюстрации, ставить их как на фон, так и на первый план.

8 — очевидно, что предназначен для добавления текстового контента.

Здесь на готовом одностраничнике, например, «Подобрать тур».

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

Все шаблоны одностраничных сайтов html с формой обратной связи в LPgenerator сделаны с тремя основными полями. Один из примеров ниже.

11 — таким способом легко вставляется на страницу любой код (например, ссылка на Twitter или ролик на YouTube).

12 — изменяет порядок слоев элементов, выдвигая на первый план нужный объект.

И следующие 6 инструментов.

13 — по аналогии с предыдущим, позволяет сместить объект под другие.

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

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

16 — предназначен для прописывания SEO-параметров: Title, Description, Keywords, тут же можно настроить блоки для поисковых роботов (noindex, nofollow).

17 — позволяет связать одностраничник html с системами веб-аналитики (Яндекс.Метрика, Google Analytics), настроить CSS, и другое.

18 — дает установить конкретные конверсионные действия, ожидаемые от пользователей (заполнить форму, оставить контакты, заказать расчет стоимости).

Панель выглядит таким образом.

«Таймер» — служит для добавления таймера отсчета.

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

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

«Поп-ап» — позволяет добавить pop-up форму.

По этой теме можно вспомнить один из сплит-тестов, проведенный специалистами бренда De Hypotheker (консультанты по ипотечному кредитованию). Итак, они решили провести эксперимент, проверив, какое решение увеличит количество подписок.

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

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

Победил первый вариант, где подписаться на рассылку приглашали в pop-up окне. Удивительно, но конверсия в подписки сайта увеличилась на целых 757%, немыслимая цифра.

Однако, вернемся к виджетам.

«Карта» позволяет добавить элемент Яндекс.Карты или Google Map, таким образом указав адрес офиса фирмы.

Так выглядит html продающая страница в окончательном варианте с картой.

«Слайдер» — позволяет сделать отзывы или фото в форме слайдера.

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

«Галерея» позволяет сделать составные слайды, увеличение картинок в них происходит по клику.

И сразу лендинг пейдж шаблон html 5, где наглядно демонстрируется этот элемент.

«Видео» позволяет без труда добавлять ролики, настраивать их.

Снова образец готового сайта.

«Дополнительные шрифты» — виджет, благодаря которому можно загрузить новые шрифты с Google Fonts.

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

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

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

Бизнес-логика посадочной страницы

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

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

Модель AIDA(s)

Классическая модель AIDA (Attention, Interest, Desire, Action – внимание, интерес, желание, действие) работает всегда. Любые другие успешные модели, чаще всего, являются производными или дополняющими ее.

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

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

Реализация модели AIDA(s) при построении лендинга такова:

  • Attention – внимание привлекают качественный дизайн и заголовки интригующего характера
  • Interest – интерес вызывает контент: текст, картинки и видеоролики. Контент лендинга должен вовлечь посетителя, чтобы он начал размышлять над нашим УТП.
  • Desire – желание с одной стороны зависит от актуальности предложения для ЦА, а с другой – от правильной подачи УТП (дефицитность товара, срочность предложения и т.д.)
  • Action – действие стимулируется с помощью призыва к действию (call to action). Обычно его повторяют несколько раз.
  • Satisfaction – удовлетворенность клиента. Если вы дорожите репутацией, то важно быть уверенным в качестве продукта, он не должен быть заведомо плохим.

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

Хороший пример реализации модели AIDA в лендинг пейдж:

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

Хороший лендинг должен быть удобным не только для посетителей, но и для менеджеров. То есть в «админке» должен быть доступ к функциям CRM (Customer Relationship Management): трекинг заказов, группы клиентов, подписчиков и т.д. Разным группам клиентов можно предложить различные условия, делать рассылки (триггерные письма), звонки, предлагать скидки и так далее.

Эффективность и структура

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

Наиболее эффективны такие элементы:

  1. Качественный адаптивный дизайн с чувством вкуса и соответствующим стилем. Должен правильно отображаться для мобильных устройств.
  2. Шапка посадочной страницы обычно делается в легком и ненавязчивом стиле для размещения логотипа и контактов.
  3. «Продающий», интригующий заголовок . Поскольку он задает тон всему лендингу, то должен выделяться, быть понятным, привлекать внимание.
  4. Торговое предложение в наглядном виде. Если уместно, используйте графику и видео. Разбивайте текст на удобные для восприятия блоки: короткие абзацы, нумерованные и маркированные списки, подзаголовки и т.д. Практически весь контент лендинга раскрывает суть УТП и его можно усилить, выделяя такие продающие блоки:
    • Преимущества УТП перед предложениями конкурентов
    • Срочность и дефицит (обратный счетчик доступных товаров или времени акции)
    • Ссылка на авторитетных клиентов (фото-видео известных людей или фирм, логотипы партнеров)
    • Ответы на типичные вопросы о товаре (что получит клиент)
    • Отзывы реальных клиентов (желательно без накрутки)
    • Пробная версия продукта или тестовый период сервиса
    • Гарантии (срок и условия замены товара или возврата денег, безопасность транзакций)
  5. Призыв к действию (call to action) – лучше всего оформлять в виде яркой кнопки с мотивирующим текстом «Подисаться», «Купить», «Заказать» но не абстрактным «Отправить», «ОК», «Готово». По мере знакомства с УТП у посетителя созревает решение о покупке или действии. Но мы не знаем точно, насколько он готов принять наше предложение, поэтому после каждого продающего блока лендинга нужно повторить призыв к действию.
  6. Футер может содержать дублирование контактных данных из шапки, сертификаты, документы, ссылки на успешные бизнес-кейсы, социальные профиля и группы.

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

Инструменты

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

Наибольшие возможности дает разработка оригинального дизайна и его верстка (обычно используют связку 3-D графики, Photoshop, Dreamweaver и т.п.).

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

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

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

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

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

Adobe Muse

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

WYSIWYG Web Builder

Этот визуальный редактор по своим возможностям практически не уступает предыдущему. Предусмотрена работа со скриптами из библиотеки программы или пользовательскими (JS).


WebSite X5

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

Axure RP Pro

Axure RP Pro. Вся работа в этой программе проста и удобна, а разработка может вестись с помощью манипуляций мышкой и редактора атрибутов.

Microsoft Expression Studio

Expression Studio содержит несколько программ для создания сайтов, графики и видео: Expression Web, Expression Design и, соответственно, Expression Encoder.

Expression Web пришел на смену старому визуальному HTML-редактору Microsoft FrontPage. Есть интеграция с Microsoft Visual Studio.

Serif WebPlus

Serif WebPlus простой веб-конструктор, все операции может выполнять путем управления мышкой.

Сервисы

Сервис с богатым функционалом lpgenerator.ru предоставляет нам много специальных инструментов, необходимых для работы с лендингом:

  • Шаблоны и визуальный конструктор (в том числе и для мобильных устройств)
  • Аналитика – позволяет отслеживать все необходимые метрики для лендинга (CPC, CPL, ROI)
  • Центр – примечателен функцией сплит-теста с большим числом вариантов
  • Яндекс.Директ – инструменты для автоматизации настройки рекламных кампаний
  • Интеграция с разными сервисами E-mail рассылок, CRM и Robokassa.
  • CRM и LP телефония – заслуживает отдельного внимания, поскольку предоставляет все необходимые возможности для колл-центра или отдела продаж (трекинг лидов/заявок, статистика, E-mail и SMS оповещения)

У сервиса Lpgenerator есть бесплатный пробный период.

Плагины CMS WordPress

WordPress Landing Pages – один из самых популярных плагинов для создания посадочных страниц, предоставляет инструменты для А/Б тестирования разных вариантов лендингов, собирает статистику.

Скачать с официального сайта: http://wordpress.org/plugins/landing-pages/

Responsive Admin Maintenance Pro – этот плагин предоставляет нам 6 различных шаблонов. Поддерживает опции CSS3 анимации, Youtube бекграунда и т.д.

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

Метрики

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

  • Лидогенерация – получение контактов от посетителя
  • Конверсия – процент посетителей, сделавших нужное действие
  • CPS – стоимость за продажу или то, сколько денег заработает лендинг от одного заказа.
  • CPC и EPC (Cost Per Click и Earn Per Click) – первая метрика показывает стоимость за клик по контекстной рекламе, вторая – средний заработок за этот клик. Если EPC больше чем CPC, то лендинг можно считать успешным.
  • LTV (customer lifetime value) – количество прибыли, которую принес нам клиент за все время работы с ним. Помните модель AIDAS? Довольный клиент может покупать у нас еще и еще (если есть подходящий ассортимент). То есть повторные продажи становятся гораздо проще, а серия продуктов –эффективнее. Высокую стоимость привлечения клиента можно перекрыть высоким значением LTV.

Есть и другие метрики, однако в конечном итоге все сводится к ROI – возврату инвестиций от всех средств, затраченных на весь цикл, связанный с лендингом.

Трафик

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

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

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

Источники трафика для лендинга

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

Ошибки

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

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

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

Типичные ошибки:

  • Неверный выбор инструмента для создания лендинга
  • Неудачный дизайн
  • Потеря связи с клиентом
  • Нарушение логики построения лендинга (непонимание целевой аудитории, неправильное ее сегментирование, излишнее увлечение техническими деталями, нарушение бизнес-процессов)

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

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

Итог

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