Как сделать landing page самому: бесплатные сервисы. Как самому сделать Landing Page, он же лендинг пейдж

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

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

Что обычно подразумевается под лендингом

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

  1. Призывы к действию (Подпишись, купи, зарегистрируйся, оформи), большая, привлекающая внимание кнопка продажи\подписки, зачастую не одна — в начале и в конце страницы.
  2. Отзывы от потребителей, положительные комментарии о продукте из различных форумов, соц. сетей и т.д. в общем элементы убеждения при помощи социальных инструментов, что бы вызвать доверие у посетителя.
  3. Всевозможные акции, скидки, бонусы, зачастую сопровождаемые счетчиком с обратным отсчетом. То, что подтолкнет посетителя совершить действие здесь и сейчас, не откладывая на будущее (ведь потом он уже с большой вероятностью никогда не вернется на ваш сайт )
  4. Различные элементы оформления сайта, созданные все с той же целью — заставить купить. Это и всевозможные картинки, фотки продукта с удачных позиций, счастливые люди, вызывающие доверие персонажи. Всевозможные дизайнерские приемы, вроде стрелок, направляющих ваш взгляд на кнопку, крупные заголовки, высокий контраст важных элементов, рамки, меняющийся местами текст и т.д. Арсенал огромен.
  5. Собственно сам продающий текст, который включает описание продукта, его преимущества, способы применения и в, идеале, работа с отрицаниями потребителя. Вообще, создание продающего текста, это отдельная большая тема.
  6. Нередко встречается встроенное видео, рассчитанное на тех, кто больше любит смотреть и слушать, а не читать. Иногда делают его запускаемым по клику, иногда автоматически при загрузки страницы — тут все индивидуально, где-то одно лучше работает, где-то другое, где-то вообще без видео будет отклик больше.

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

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

Ну а теперь, после длинной вводной части, перейдем собственно к самому интересному — созданию своей посадочной страницы

Как создать Landing Page. Способы создания лендинга

Есть несколько способов смастерить себе одностраничник:

  1. Использовать различные шаблоны, позволяющие создавать посадочные страницы (как для популярных CMS так и с собственной админкой или на чистом html)
  2. Онлайн генераторы посадочных страниц
  3. Сделать самому лендинг с нуля
  4. Заказать у профессионалов и не тратить время и нервы.
  5. Купить готовый лендинг в специализированных интернет-магазинах.

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

Создание лендинг пейдж при помощи готовых шаблонов

Совсем недавно мне подкинули отличную подборку шаблонов для лендингов, как на html так и с собственной админкой.

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

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

Так например на днях я создавал лендинг по продаже елок в Тюмени, и удачно заскринил весь процесс =)

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

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

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

1. Первым делом зашел на сайт и подобрал себе бесплатные приличные иконки в виде елок. Они пойдут как на создание элементов оформления или логотипа, так и для создания faviconа.

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

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

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

4. Далее я подключил бесплатный набор шикарных шрифтовых иконок Font Awesome С их помощью за 5-10 минут запросто можно накидать простенькие графические элементы оформления сайта. Преимущество векторных иконок в том, что они отлично масштабируются без потери качества, и внешний вид вы можете настраивать прямо через css, не пользуясь графическими редакторами.

В итоге получится что-то вроде этого

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

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

Вот так это нижняя часть лендинга стала выглядеть после добавления иконок

По хорошему в пункте Живые елки нужно бы иконку елочки вставить, но в наборе нет такой, а делать вручную мне было лениво) Попозже сделаю. Таким образом при должной сноровке вы сможете создавать довольно симпатичные лендинги за 2-3 часа (а если пользоваться базовыми шаблонами то вообще за пол часа можно управиться ). Ну а в целом сайт выглядит теперь так:

Плюсы: быстро, дешево, вы сам себе хозяин и господин 🙂

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

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

  • вполне неплохой шаблон, использовал его как-то для создания лендинга на вордпрессе. Из плюсов — недорогой (10$) и простой по сравнению со многими премиум шаблонами. Адаптивный, с набором предустановленных стилей оформлений, шорткодами и даже WooCommerce поддерживается. Для создания лендингов используется встроенный в тему конструктор. Из минусов — английский язык. Впрочем он там не сложный и моих базовых знаний вполне хватило что бы понять все нужные функции и настройки.
  • Есть и более выпндрежные, наподобие этого со всякими паралаксами, анимацией и т.д.
  • А вообще их полно, под разные нужды и с разным функционалом, тэг one page на themeforest в помощь

Онлайн генераторы лендинг пейдж

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

1. Lpgenerator пожалуй самый популярный в рунете, найти можно по ссылке . И вместе с тем один из самых дорогих.

Из преимуществ — есть бесплатный 14-дневный тестовый период. Однако тарифы от 2000 до 15000 рублей в месяц. Единственный вариант выгодного использования я вижу, если только вам нужно создать лендинг на короткий срок 1-2 месяца. Шаблонов там не так уж много, по моим прикидкам чуть больше сотни.

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

Минусы: дорого, зависимость от стороннего сервиса.

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

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

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

Создание landing page с нуля самому

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

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

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

Заказать лендинг у фрилансера или вебстудии

Довольно распространенный способ. Многие нормальные компании не станут заморачиваться и создавать собственноручно лендинги на генераторах или шаблонах, зная что в итоге просто потратят время или в лучшем случае получат плохо работающий landing page. Им куда проще обратиться к спецам, заплатить примерно 10-20 тысяч рублей (если без выпендрежного дизайна ) и получить готовый сайт под свои запросы и нужды.

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

Плюсы: Вы заказываете сайт, вы получаете сайт, таким какой хотите. Не тратя на это времени и сил.

Минусы: Вы тратите на это деньги)

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

Плюсы:

Минусы:

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

Стоимость:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет 1. Размещайте на лэндинге один продукт

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

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

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

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

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

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

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

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

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

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

Совет 3. Используйте продающие заголовки

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

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

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

Совет 4. Составьте качественный продающий текст

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

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

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

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

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

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

Статистика

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

Совет 5. Избегайте агрессивной рекламы!!!

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

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

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

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

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

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

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

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

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

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

Еще пример

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет 12. Никаких сложных форм для заполнения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В завершение статьи – видео по теме изготовления идеального лэндинга:

Желаю вам удачи в бизнесе, запускайте landing page и увеличивайте продажи!

«Делаем лендинг под ключ» — такие объявления не редкость в интернете. На самом деле, вам вовсе не обязательно обращаться к фрилансерам или веб-студиям, чтобы сделать лендинг. Создание лэндингов своими руками теперь возможно благодаря сервису готовых решений 1C-UMI! Вам нужно только выбрать доменное имя и шаблон, а затем заполнить сайт контентом. Конструктор 1C-UMI — это своего рода генератор посадочных страниц. Вам нет необходимости устанавливать плагин landing page к себе на сайт, как предлагают многие системы управления сайтами, — просто зарегистрируйтесь.

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

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

Перейдите на главную страницу сайта. Вот и ваш почти готовый к запуску бесплатный лендинг пейдж — конструктор 1C-UMI предлагает лучшие посадочные страницы в Рунете. Создание landing page бесплатно на 1C-UMI оптимально подойдет вам, если вы не программист, а слова «html» и «разработка» мало о чем говорят вам.

Как сделать так, чтобы ваш сайт стал интересен для клиентов? Заполните его уникальным контентом. Landing page конструктор 1C-UMI содержит все необходимые блоки.

Контентные блоки

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

Формы обратной связи и обратный звонок

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

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

Отзывы

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

Блоки-категории

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

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

Карта

В нижней части страницы разместите Яндекс.Карту либо Google Maps и укажите точный адрес, например, «Москва, ул. Панферова, 8, офис 206». Пусть клиенты найдут вас быстро и без труда.

Вот и всё! Создание посадочных страниц бесплатно на 1C-UMI не потребует от вас дополнительных знаний. Просто зарегистрируйтесь и выберите шаблон.

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

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

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

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

То есть лендинг пейдж следует рассматривать как эффективный инструмент онлайн маркетинга. А вся логика построения успешного лендинга базируется на маркетинговой модели 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, подключаемой к лендингу.

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

Итог

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



 

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