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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   

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

   

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

   

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

   

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

    

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

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

    

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

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

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

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

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

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

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

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

Имеется четыре пути создания landing page:

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

Landing page рассматривается с трёх точек зрения:

1. Техническая сторона. Одностраничник включает в себя такие же составляющие, что и обыкновенная страница (html, видео, текст, изображения).
2. Маркетинговый момент. Продающая страница – эффективный веб-ресурс лидогенерации.
3. Точка зрения посетителя. Это лэндинг, на который человек попал по ссылке с другой страницы.

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

Заголовок

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

Если нужно пояснить заголовок или указать преимущества – используют подзаголовок.

Один лэндинг преследует только одну цель

Это важный момент, так как landing page доносит до посетителей только одну цель. В противном случае он не эффективен.

Выгодность предложения для потребителя

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

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

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

Верная структура лэндинга

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

Нельзя перенасыщать дизайн landing page графикой или текстом: между ними должен быть оптимальный баланс.

Социальные доказательства

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

Призыв к действию

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

Текст СТА-кнопки должен звучать так, как будто посетитель лэндинга произносит его в голове или озвучивать пожелание пользователя.

Лид-формы

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

Счётчики

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

Дизайн landing page рассказывает о предоставляемой услуге. Лэндинг ориентируется на целевую аудиторию.

Программы, с помощью которых делаются одностраничники

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

1. Adobe Muse. Используется чаще всего. Можно делать или редактировать веб-ресурсы в визуальном режиме, писать коды нет необходимости. Программа делает всё сама, надо лишь верно разместить составляющие на странице.
2. Microsoft Expression Studio. Программа используется нечасто, включает в себя пакет из нескольких программ для разработки веб-сайтов и веб-графики.
3. Serif WebPlus. Чтобы создавать и редактировать одностраничники, не надо владеть языками программирования, писать коды не придётся.
4. WebSite X5. Посредством этой программы можно разработать даже сложный сайт. Она поможет даже не разбирающемуся в сайтостроении человеку.
5. WYSIWYG Web Builder. Программа выдаёт нужный код автоматически, так что тут его писать тоже нет нужды.
6. Axure RP Pro. Работать с программой удобно, так как действия наглядны, проходить специальное обучение не требуется.

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

Сервис WordPress для создания страницы захвата своими руками

Часто продающая страница делается на WordPress. Особенности плагина для подобной CMS:

• Настройки на русском языке.
• В интернете есть курсы видео, в которых содержится пошаговая инструкция. Такие курсы помогут быстро пройти обучение.
• Много готовых кнопок (соцсети, отзывы, разделители, вставки контента, «Заказать», «Купить»).
• Можно производить сплит-тестирования.
• Доступный интерфейс.

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

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

1. Thrive Landing Page WordPress.

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

1. WP Profit Builder.

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

1. WordPress Landing Pages.

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

1. InstaBuilder.

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

1. OptimizePress.

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

1. LeadPages.
2. Ultimate Landing Page.

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

1. Parallax Gravity.

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

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

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

Программы Adobe Muse, Microsoft Expression Studio, Serif WebPlus, WebSite X5, WYSIWYG Web Builder, Axure RP Pro позволяют самостоятельно создать лэндинг, писать при этом коды и знать язык программирования не надо.

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

Почему лендинги стали так популярны?

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

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

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

JavaScript. Быстрый старт

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

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

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

Способы создания landing page

Собственно, рассмотрим всего 2 способа. И о первом я скажу совсем чуть-чуть. Он более прост и заключается в использовании платных и бесплатных конструкторов. Минус такого создания очевиден — вы собираете дизайн из неуникальных блоков, а чтобы уникализировать их, понадобятся уже навыки работы с html и css. А еще основы веб-дизайна. В платном конструкторе можно создавать по умолчанию качественные одностраничники, но вам едва ли хватит функционала, чтобы изменить в шаблоне что угодно и переделать все на свой вкус. К тому же для этого, как я уже говорил, тоже нужны знания.

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

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

Этапы создания лендинга с нуля

Планирование структуры одностраничника (какие на нем будут блоки, что в них будет и т.д.), составление ТЗ дизайнеру.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

Заказ дизайна у веб-дизайнера. В среднем это стоит 1-10 тысяч рублей, в зависимости от сложности и исполнителя.

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

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

Установка в код необходимых счетчиков. Обычно ставят Яндекс.Метрику. Это позволяет устанавливать цели (например, клик по кнопке обратного звонка, клик по кнопке отправки формы), отслеживать поведенческие факторы и в случае необходимости принимать меры по улучшению лендинга.

Как определить качество лендинга?

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

Собственно, главный показатель качества одностраничника — конверсия. Это соотношение кол-ва целевых действий (заказ товара/услугу) к общему кол-ву людей, зашедших на сайт. Например, если вы купили платную рекламу и по ней на сайт перешло 120 человек, а получили вы 2 целевых действия, то ваша конверсия составляет примерно 1,66%. То есть 1,66% людей будет заказывать ваш товар. Правда, тут нужно оговориться, что 120 посещений и двух заказов недостаточно, чтобы высчитать средний показатель конверсии на сайте. Для этого нужно гораздо больше трафика.

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

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

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

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

Общие принципы лендинга

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

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

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

Создать лендинг бесплатно!

Повышение конверсии продаж одностраничника (landing page)

Основные принципы хорошего продающего сайта просты. Лендинг пейдж должен:

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

Форматирование текста

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

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

Джон Кеннеди в своей книге «Продающее Письмо » раскрывает некоторые тезисы коммерческих приемов в тексте:

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

Создание одностраничного сайта в конструкторе Wix

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

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

Создать лендинг бесплатно!

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

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

Чтобы выбрать «основу » для создаваемого нами одностраничника, выберите в списке пункт «Одностраничные »-«Лендинг »:

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

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

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

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

1. Пункт «Страницы ». Предназначен для работы со страницами сайта (добавление, удаление, настройка отображения и т.д. );
2. Пункт «Дизайн ». Здесь вы найдете инструменты, необходимые для работы с дизайном сайта. Для удобства они распределены по подгруппам для работы с фоном, цветовыми схемами, шрифтами и т.д.;
3. «Добавить ». При помощи этого пункта вы сможете добавить на свой одностраничник различные элементы: текстовые поля, кнопки, различные формы. Библиотека конструктора содержит просто огромный выбор подобных элементов.
4. «App Market ». Это собственный магазин приложений и полезных дополнений для сайта. Здесь вы можете найти массу платных и бесплатных приложений для веб-ресурса (виджеты погоды, торговые приложения и т.д. );
5. «Настройки ». При помощи данного пункта вы сможете настроить различные параметры создаваемой landing page (SEO, работа со статистическими данными, социальные настройки и т.д. ).

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

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

Создать лендинг бесплатно!

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

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

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

Поклонникам социальных сетей придется по вкусу возможность добавления в конструктор фото из своих аккаунтов в них. На данный момент Wix поддерживает такую возможность для Facebook , Flickr , Instagram и Picasa .

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

ВАЖНО. Если после добавления изображения в конструктор, вы решите внести в него какие-то изменения, сделать это можно прямо в конструкторе. Для этого здесь есть встроенный графический редактор. Конечно, с Фотошопом по функционалу он не сравнится, но для внесения минимальных изменений в фото предлагаемых возможностей будет достаточно. Для входа в редактор выберите значок шестеренки:

После этого получаем:

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

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

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

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

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

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

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

В результате получим:

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

ВАЖНО. В процессе работы внимательно следите за тем, чтобы не оставалось лишних элементов от «родительского» шаблона, таких, как, например, эти:

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

Создать лендинг бесплатно!

Работа с медиа-элементами

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

Итак, удалив кнопку «Скачать приложение », перейдите в пункт «Добавить » и выберите в нем «Кнопки и меню»:

Кликните по пункту «Кнопка » и новый элемент появится на странице. Вы можете изменить размер кнопки и перетащить ее в нужное место:

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

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

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

Создать лендинг бесплатно!

Публикация сайта и настройки SEO

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

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

СОВЕТ . Если на вашем сайте будет несколько страниц, настроить SEO-параметры вы сможете для каждой из них. Делается это при переходе в пункт меню «Страницы»:

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

Платные тарифы для успешной работы вашего лендинга

Мы рассмотрели, как создать одностраничный сайт бесплатно в конструкторе Wix . Однако, чтобы ваш ресурс успешно продвигался и вызывал больше доверия у клиентов (на бесплатном тарифе на нем присутствует реклама ), целесообразно перейти на платный тариф. Для этого перейдите в личный кабинет и выберите пункт «Upgrade » для соответствующего сайта:

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

• возможность подключения своего домена или бесплатно предоставленного системой;
• использование favicon для сайта;
• подключение статистики;
• хостинг от Wix и т.д.

Плюсы и минусы Wix

Итак, создав landing page в данном конструкторе, можно выделить следующие его преимущества:

• простота работы: разобраться с Wix может любой пользователь;
• солидная встроенная библиотека различных медиа-элементов и графических файлов;
• возможность настройки SEO-параметров для продвижения сайта;
• неплохой выбор платных тарифов.

Что касается недостатков, то в данной ценовой категории их просто нет.

Создать лендинг бесплатно!

Вывод

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