Windows. Вирусы. Ноутбуки. Интернет. Office. Утилиты. Драйверы

Лендинг, лединг, лейдинг, лендинг пейдж, одностраничный сайт, langing page, одностраничник, продающий сайт, посадочная страница.

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

Ну, раз нужен, то давайте решим вопрос с его созданием. Сделать лендинг самому? После этой статьи – не вопрос!

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

На всякий случай или этап 0

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

  1. Получить новые заявки на товары/услуги;
  2. Увеличить узнаваемость бренда;
  3. Информировать о предоставлении товаров/услуг;
  4. Предоставить консультацию по услугам;
  5. Получить резюме от кандидатов;
  6. Привлечь партнеров, дилеров, представителей;
  7. Обеспечить доступ к сервису;
  8. И прочее.

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

Важно. Перед созданием Вам нужно чётко определить цель Вашего лендинга. И запомните – цель должна быть одна.

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

ЭТАП 1 – Отдать или сделать самому

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

Что же делать… Что же делать

И выбираться будут они на основании Ваших денежных и временных ресурсов. Рассмотрим каждое из них с плюсами и минусами.

Конструктор

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

Выглядело это всё очень странно, ведь он до этого со всем ознакомился, подписал договор. Но мы компания не бедная, поэтому нам проще отпустить клиента с миром (не всегда), чем пытаться что-то доказывать. Что мы и сделали.

А всё это произошло потому, что он нашёл в интернете конструктор лендингов и узнал, что всё можно сделать самому, потратив на это буквально 5-6 часов, и заплатив при этом не больше 1 000 рублей в месяц.

Но мы то с Вами понимаем, что можно собрать и “машину” самостоятельно, но насколько она далеко поедет, насколько будет индивидуальный , насколько будет корректное техническое оснащение…

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

Плюсы :

  • Дешево. Прям очень. 500-1000 рублей в месяц и Вы – счастливый владелец одностраничного сайта;
  • Просто. Вам не нужно думать о верстке, адаптации под мобильные устройства, подключении смс-оповещений о новых заявках на Ваш телефон. Все это уже есть и сделано для Вашего удобства;
  • Быстро. Сделать и настроить можно реально всё быстро. Причём, внести изменения тоже не составит труда;
  • Техническая поддержка. У Вас есть вопрос? Вам ответят на него максимально быстро и подробно. Огромный плюс;
  • Бесплатный тестовый период. Сейчас практически у всех конструкторов лендинг пейдж 14 дней бесплатного тестового периода. Регистрируетесь и…

Небольшая жизненная правда. “ 14 дней халявы! За это время заработаю денег с помощью лендинга на конструкторе и закажу красивый сайт в агентстве”, – думали они.

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

Минусы :

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

    Решили подглядеть у конкурентов? Отлично! Только откуда Вы знаете, что у конкурентов эффективный лендинг и показывает хорошие показатели?

  • Дизайн. Если Вы работаете с конструктором первый раз, то на дизайн landing page по окончании работ “без слез не взглянешь”.

    Даже если это далеко не первый вариант. Крутого дизайна, такого, чтоб “Вау!”, не ждите.

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

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

Лично мы можем посоветовать этот landing page конструктор . Обычно мы отправляем к ним клиентов, которые только начинают или тестируют нишу.

Фрилансеры

Давайте сразу по делу и из опыта. Найти фрилансера, который в одиночку создаст продающий лендинг с нуля и “под ключ” – НЕВОЗМОЖНО. Ну правда.

Возможно найти отдельных специалистов: дизайнера, который создаст дизайн будущего сайта, или программиста, который его сверстает, но монстра, который КАЧЕСТВЕННО сможет сделать сайт от и до, не существует.

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

Поэтому идеальная схема работы с фрилансером, это когда Вы самостоятельно всё анализируете, собираете, готовите.

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

Плюсы :

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

    Как минимум, потому что у них есть опыт и знания, которых у Вас в их сфере, давайте честно, почти нет.

Минусы :

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

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

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

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

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

  • Деньги. Вам придётся раскошелиться, так как хороший специалист без “связей” стоит не мало.

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

  • Кидалы. Работа строится следующим образом: 50 на 50. Предоплата и потом оставшаяся оплата после завершения проекта.

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

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

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

Лайфхак. Если фрилансер собрался Вас кинуть, то от безопасной сделки он Вас будет отговаривать. Это будет Вам сигналом.

Этап 2 – кому и что?

Самый скучный (но самый нужный) блок в этой статье. Неважно каким путем Вы пойдете. Будете делать эффективный лендинг пейдж своими руками или отдадите в специализированное агентство. В любом случае Вам нужно знать 3 вещи:

  1. Свою целевую аудиторию;
  2. Лестницу Ханта;
  3. Внутренности вашей компании.

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

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

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

Целевая аудитория

Про определение целевой аудитории, или ещё глубже определение клиента, мы уже писали.

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

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


Целевая аудитория

Лестница Ханта

Но что даст знание лестницы Ханта? Также как и аватар клиента, она даст саму структуру будущего лендинга.

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

Если очень коротко, то до момента принятия решения о покупке человек проходит 5 шагов/уровней осознанности:

  1. Этап “Безразличие”. Проблемы не существует.
  2. Этап “Осведомленность”. Проблема есть, но нет решения.
  3. Этап “Сравнение”. Варианты решения проблемы сравниваются между собой.
  4. Этап “Выбор”. Вариант решения выбран. Ищутся продукты.
  5. Этап “Покупка”. Выбор между поставщиками продукта.

Как эта сложность может помочь Вам при создании лендинга? Давайте рассмотрим каждый этап и как нужно действовать:

  1. Этап “Безразличие”. Вам нужно сначала создать проблему в голове человека. Показать, что если он этого не сделает/не купит, то все будет плохо.
  2. Этап “Осведомленность”. Вам нужно в первых экранах показать, что существуют разные варианты решения его проблемы.
  3. Этап “Сравнение”. Нужно донести, что Ваше решение лучше других, и для этого можно сделать сравнительную таблицу, предложение обзора продукта, результатов исследования, личную консультацию по подбору и т.д.
  4. Этап “Выбор”. Вам нужно показать какое предложение подойдёт именно ему, точнее в каком в виде/комплектации. Для этого раскрываем больше выгод нашей продукции.
  5. Этап “Покупка”. Вам нужно показать, в первую очередь, выгоду работы именно с Вашей компанией, а уже потом рассказывать о продукте и о том, что он самый лучший.

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

Упаковка

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

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

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

Чтобы вы уловили суть, вот Вам пример из 10 вопросов, которые помогут лучше/глубже осмыслить свою компанию и свой продукт, и подать это “под чудесным соусом”:

  1. Сформулируйте 3-5 “причины, почему объективно выгоднее покупать у Вас, а не у конкурентов”.
  2. Какие особенности производства есть именно в Вашей компании?
  3. Проводите ли Вы внутреннее обучение персонала?
  4. Сравните продукт с аналогами. Укажите преимущества и недостатки.
  5. Кто является лицом или лицами компании?
  6. Какие бонусы Вы готовы выдавать клиентам при покупке на большие суммы?;
  7. Распишите детально этапы работы с клиентом от первого обращения до выполнения работ.
  8. Расскажите про финансовые условия работы (предоплата, рассрочка, отсрочка первых выплат, продуктные кредиты, скидки, продукт на реализацию, выкуп неликвида и т.д.).
  9. Какие о компании или от компании существуют публикации? (экспертные комментарии, интервью, жюри в телешоу, авторские колонки, статьи).
  10. Ваши клиенты-звёзды.

ЭТАП 3 – Прототип

Наконец-то мы добрались до самого интересного. Сейчас будем создавать Ваш будущий сайт.

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

Шаг 1. Структура прототипа

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

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

  1. Шапка;
  2. Выгоды компании;
  3. Каталог;
  4. Собственное производство;
  5. Склад;
  6. Команда;
  7. и т.д.

Это мы с Вами прописываем блоки, но также должны не забывать про две классические структуры, по которым строится любой рекламный материал и landing page не исключение:

  1. (товары/услуги);
  2. PmPHSA (). Расшифровывается как Pain, more Pain, Hope, Solution, Action (боль, усиление боли, надежда, решение, призыв к действию).

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

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

Как сделать Landing page - пошаговая инструкция из 9-ти этапов

Этап 1. Подготовка

Цель лендинга

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

1. Продажа товара / услуги (пример: продажа меда, продажа услуг по разработки логотипа, продажа онлайн курса) ;
2. Получение контакта (пример: подписка на рассылку, заявка на замер) ;
3. Информирование (пример: приглашение на бесплатное оффлайн мероприятие, промо страница магазина с акциями) .

Определяем целевую аудиторию и что для нее важно

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

Как определить ЦА?

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

Смотрим конкурентов (бенчмаркинг)

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

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

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


Этап 2. Пишем текст для лендинга

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

Хаос в голове перенесите на бумагу

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

Составляем блоки лендинга

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

Вот основной список блоков, который можно встретить на 90% лендингов:

  1. Первый экран с УТП (уникальным торговым предложением)
  2. Раскрытие продукта (Описание услуги или товара)
  3. Информация об авторе / компании
  4. Отзывы
  5. Кейсы (Истории успеха)
  6. Форма / призыв к действию
  7. FAQ (Ответы на частые вопросы)
  8. Контакты / подвал сайта

Какие еще могут быть блоки на сайте:

  • Факты в цифрах
  • Выгоды (преимущества)
  • Видео
  • Портфолио
  • Для кого
  • Этапы сотрудничества (или Как сделать заказ, Как оставить заявку)
  • Тарифы и цены
  • Партнеры
  • Галерея
  • Расписание
  • Команда
  • Сертификаты, дипломы, благодарственные письма
  • Документы
  • Таймер

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

  1. Главное ставим в начале. Не нужно в начале сайта писать о себе, покажите сначала свой продукт.
  2. Замените общие слова на факты. Не нужно убеждать посетителей в чем-либо, оставьте это право за ними. (Пример: не пишите, что вы лидеры на рынке которым можно доверять, покажите отзывы компаний, которым вы предоставляли услуги и они остались довольны, в дополнение приложите оригинал отзыва, чтобы не быть голословным).
  3. Проработайте особенно хорошо первый экран и УТП. После захода посетителя на лендинг у вас есть три секунды чтобы захватить его внимание. Если не успели, то человек закроет страницу и будет серфить дальше. Первый экран должен быть максимально релевантным запросу, через который посетитель попал на сайт. (Пример: если человек ищет «Бухгалтерия для ИП», не нужно показывать лендинг с заголовком «Ведение бухгалтерии для ООО»).
  4. УТП (Уникальное торговое предложение). Проще говоря главный заголовок и описание, которое должно емко рассказать о чем данный лендинг. УТП вы можете составить по технологии 4U.
  5. Чем короче тем лучше. Старайтесь писать блоки с текстом как можно короче. Длинные портянки текста никто не читает, сегодня у людей всегда нехватка времени и это нужно учитывать. Если все же нужно предоставить много информации, то разбивайте ее на абзацы, блоки.
  6. Больше заголовков. Абзацы текста не должны быть написаны просто так, без заголовка. Большинство посетителей заходя на сайт, сначала проматывают сайт пытаясь оценить туда они попали или нет. И здесь как раз заголовки играют важную роль, потому что пробегать глазами и оценивать сайт он будет именно по ним.

Не хотите составлять текст самостоятельно? Найдите копирайтера, который сделает это за вас.

Где искать копирайтера

  1. Биржа копирайтинга ContentMonster.ru
  2. Биржа копирайтинга Etxt.biz
  3. Частные компании или специалисты. Их вы можете поискать через поиск или в соцсетях (Вк, Фейсбук, Инстаграм).

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


Этап 3. Составляем прототип

Перед этапом дизайна важно составить прототип, давайте расскажу почему. Причин несколько:

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

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

Пример из моего кейса прототипа и дизайна, сделанного по данному прототипу.

Пример прототипа

Пример дизайна по прототипу

На прототипе мы указываем:

  • Расположение текста, выделяем заголовки;
  • Где будет находится графика (картинки, иконки);
  • Где будут кнопки;
  • На каком блоке фон будет светлым, а на каком темным.

Сервисы для прототипирования:

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

Я всегда начинаю прототип на бумаге, мне так удобнее. Потом уже переношу в Фотошоп.

Используйте сетку Bootstrap

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

Шаблон Photoshop с сеткой, который я использую в работе, вы можете .


Этап 4. Делаем дизайн

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

  1. Шрифта
  2. Цвета
  3. Графики (фото, иконки, картинки)

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

Как пример: На сайте по оказанию ритуальных услуг навряд ли будут уместны яркие цвета и девушка с лучезарной улыбкой с надписью крупными буквами АКЦИЯ!. Или же сайт про организацию праздников в серых, блеклых тонах, с черными кнопками и шрифтом с брусковыми засечками, после просмотра которого хочется впасть в депрессию, а не заказать праздник для ребенка. Примеры конечно утрированные, навряд ли вы их встретите в жизни (хотя не исключено), но суть я думаю вы уловили.

Давайте обсудим каждый элемент подробнее.

Шрифт

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

Отталкивайтесь от своей тематики и от того какую эмоцию вы хотите вызвать у посетителей.

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

  • Roboto
  • Open sans
  • Pt sans

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

Например:

Заголовок - Roboto (Bold)
Текст - Roboto (Light)

Заголовок - Open sans (Bold)
Текст - Roboto (Light)

Заголовок - Pt sans (Regular)
Текст - Open sans (Light)

Где брать шрифты?

Есть бесплатные и платные шрифты. На первых этапах я вам советую использовать бесплатные шрифты от Google Fonts . Там есть хорошие варианты и те, что я описал выше, тоже есть.

Почему я советую именно Гугл шрифты?

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

Если вы делаете сайт для себя, подставите себя, если делаете для заказчика, подставите заказчика.

Цвет

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

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


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

Посмотрите интересное видео на эту тему

Вам их нужно подобрать также исходя из вашей тематики.

Примеры, какое настроение вызывает каждый цвет:

Материал про цвета взят отсюда .

Графика (фото, иконки, картинки)

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

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

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

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

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

  • Сервис ShopDiz.pro - скачивание картинок со стоков по 0,5-1 доллару.
  • Сервис ShutterStock - самый популярный сток с большим количеством фото, вектора, видео.

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

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


Этап 5. Выбираем инструмент для верстки

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


1. CMS WordPress + конструктор WPBakery или Elementor

Устанавливаете CMS WordPress, устанавливаете шаблон, конструктор WPBackery платный, но он идет бесплатно в наборе с 99% шаблонов, которые я . Есть и второй удобный конструктор, это Elementor , он бесплатный, но чтобы расширить его функционал, покупается Pro версия Elementor . Для меня оба конструктора удобны, какой-то один посоветовать не могу, у каждого свои плюсы. Посмотрите описание и варианты сайтов с обоими конструкторами и выберите подходящий.

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

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

Подобрать домен вы можете на сервисе:

  • Reg.ru - регистрация доменов
  • Timeweb.com - если покупаете домен сразу с хостингом, то выгоднее купить тут

Регистрация домена у всех сервисов одинаковая:

  1. Зарегистрируйте аккаунт на сервисе;
  2. Подберите вариант домена, имя должно быть свободно;
  3. Выберите зону (ru, com, рф и пр.);
  4. Введите свои паспортные данные, если регистрируетесь как юр.лицо то данные компании;
  5. Оплатите домен на год (или сразу на несколько лет);
  6. Готово!

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


Этап 7. Верстаем лендинг

Когда дизайн готов и вы определились с методом верстки. Следующий шаг, все это дело заверстать.

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

  1. - это мой курс, который я записывал на шаблоне The7 и конструкторе WPBakery;
  2. Tilda.Education - уроки и вебинары по конструктору Tilda;
  3. Канал WPlovers - парень записывает уроки по Elementor;
  4. База знаний LPGenerator - ответы на частые вопросы по платформе LPGenerator.


Этап 8. Прикручиваем дополнительные инструменты

Онлайн чат

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


Обратный звонок

Метрика

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

Ретаргетинг

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

CRM

ЦРМ отвечает за то, чтобы ни одна заявка с сайта не пропала, чтобы по каждой заявки вы понимали какое действие нужно сделать (перезвонить, отправить КП, встретиться, напомнить о себе через 14 дней и пр.). Это актуально если у вас поток клиентов, если же 2-3 в месяц, то думаю что CRM вам не нужна.

Наиболее популярные CRM это:

  • AmoCRM (цена 499 — 1499 рублей/месяц)
  • Битрикс24 (цена, от бесплатного тарифа до 11990 рублей/месяц)
  • Таблица Гугл , Exel или ручка с листочком (если нужно совсем бюджетно)

Калькулятор

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


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

Сбор базы подписчиков

Ели вы решили собирать контакты клиентов в базу подписчиков, чтобы потом делать емейл или смс рассылку, то нужно использовать специальный сервис. Можете рассмотреть SendPulse , недавно я делал обзор на этот сервис, который можете . У СендПульс есть бесплатный тариф, с помощью которого вы можете протестировать сервис. Если не его, то есть и другие предложения на рынке, например MailerLite, UniSender, JustClick , GetResponse и пр.


Этап 9. Проверка

Итак! Все настроили, подключили, сайт уже в интернете, ура, молодцы. Теперь самое время его проверить. Что именно проверять?

Проверка текста

Обязательно сделайте вычитку текста или обратитесь к корректору/копирайтеру, чтобы это сделал он. Проверяем текст на наличие ошибок, нечаянно скопированных блоков при верстке и пр. Ничто так не портит впечатление от серьезной компании, как ошибки в тексте.

Проверка адаптивности

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

Проверка кнопок

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

Проверка форм заявки

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

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

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

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

ИТОГ

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

  • Шрифты Google Fonts
  • Пишите в комментариях ваши мысли. До встречи в других статьях!

    На чтение 12 мин. Просмотров 9 Опубликовано 22.07.2018

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

    Целевая страница - один из самых эффективных способов продвижения продуктов онлайн

    Что такое лендинг, его особенности

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

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

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

    1. Автономная страница – такие посадочные страницы используются для побуждения посетителя выполнить целевое действие. Это может быть как приобретение рекламируемой продукции, так и любая другая задача, выгодная для предпринимателя.
    2. Микросайт – такие сайты состоят из нескольких страниц, наполненных контентом об определенной товарной группе либо услугах, оказываемых владельцем ресурса.
    3. Главный сайт – такие ресурсы могут использоваться для рекламы как самой компании, так и предлагаемой ей продукции.
    4. Лендо-сайт – ресурс, состоящий из нескольких страниц, которые не связаны между собой.

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

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

    Кому выгоднее работать с landing page

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


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

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

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

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

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

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

    Обзор лучших конструкторов для сайта

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

    LPGenerator

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

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


    Перед созданием Вам нужно чётко определить цель Вашего лендинга

    PlatformaLP

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

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

    Ukit

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

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

    Wix

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

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

    LPMotor

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

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


    За последние годы, спрос на лендинг пейджи (одностраничные сайты) сильно вырос

    Tobiz

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

    Landingi

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

    NetHouse

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

    Diafan

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

    Ucraft

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


    Главной задачей и целью лендинга является рекламировать только один товар или услугу

    Umi

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

    Q-page

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

    Flexbe

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

    Bloxy

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

    LPTrend

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


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

    A5

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

    Есть ли возможность бесплатно создать landing page

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

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

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

    Для чего нужен лендинг

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

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

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

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

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

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

    Создание лендинга посредством WordPress

    Несмотря на обилие всевозможных плагинов и тем, позволяющих собрать посадочную страницу, мы выберем один - Free Landing Pages Builder by Wishpond - и рассмотрим, как создать лендинг самому бесплатно - пошаговая инструкция для всех. Мы не будем рассматривать процесс самого создания и запуска сайта, а также установки плагина, поскольку туториалов в Рунете на эти темы представлено предостаточно. Приступим непосредственно к обзору сборки лендинга.

    Создание Landing Page с помощью плагина Вордпресс

    Первым делом необходимо пройти регистрацию, потому после установки жмем «SIGN UP», далее «STAR TRIAL FREE». Вводим адрес электронной почты, создаем пароль. Кликаем по «NEXT», после чего выбираем создание новой страницы - «NEW LANDING PAGE».

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


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

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

    Плюсы и минусы плагина Free Landing Pages Builder by Wishpond

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

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

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

    Переходим на сайт. Он встречает нас приветливым дизайном.

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

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

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

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

    Общие правила создания лендинга

    Следующие советы помогут сделать лендинг в соответствии с требованиями маркетинга:

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

    Готовим прототип

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

    Наполнение контентом

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

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

    Ваша страница должна придерживаться параметров маркетингового стандарта AIDAS, где:

    A - attention - привлечение внимания посетителя.
    I - interest - пробуждение интереса потенциального клиента.
    D - desire - разжигание желания.
    A - action - побуждение пользователя к действию (покупке, заказу).
    S - satisfaction - удовлетворение клиента приобретением и закрепление его для дальнейшего сотрудничества.

    Оформление landing page

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

    Несколько советов по оформлению:

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

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

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

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

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

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

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

    Плюсы:

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

    Минусы:

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

    Хотите получить скидку? Активируйте промокод UGUIDE-25 и сэкономьте -25% при оплате любого тарифного плана.

    Конструктор лендингов 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 - на любителя.

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

    Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
    ПОДЕЛИТЬСЯ: