Эффективный Landing Page


Содержание

Продающий лендинг — пример конверсионной страницы. 13 крутых Landing Page под разные сферы бизнеса.

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

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

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

Содержание:

Примеры продающих лендингов с высокой конверсией

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

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

1. Лендинг — геодезические работы

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

2. Лендинг — Служба такси

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

3. Лендинг — Проведение мероприятия (Новогодний праздник)

Хотите разрушить свое представление о продающей структуре лендинга? Тогда смотрите этот пример. Он кардинально отличается от предыдущих. Одностраничник имеет плиточную структуру. Это делает блоки равнозначными по смыслу, но от того не менее эффективными. В глаза сразу бросается необычный дизайн. При этом информация подается лаконично, просто и наглядно. Landing Page создавался в рамках проведения рекламной кампании клиента в 2020 году, но успешно был трансформирован под мероприятие 2020 года. Для тех, кто в теме, советую обратить внимание на адаптив. Он тщательно проработан под планшет и мобильные. Зацените!

4. Лендинг — Строительные и отделочные работы

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

Смотрите работу по ссылке: http://skudicom.ru/

5. Лендинг — Опросник для студентов

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

5. Лендинг — Опросник для будущих мам

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

6. Пример лендинга-сайта — Лечение и защита деревьев

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

6. Пример лендинга — Продажа москитных сеток

К нам обратился клиент с задачей по продвижению стартапа (москитные сетки). Преимущества были, но требовалась упаковка. Для этого мы провели интервью в течение 1-2 часов, чтобы выудить основные выгоды заказчика. Далее копирайтер поработал над созданием структуры и продающего текста (с использованием технологий ХПВ, AIDA). Здесь важно было отразить продукт, процесс взаимодействия, обработать возражения и побудить к действию. При разработке дизайна ориентировались на минимализм. Поскольку проект-стартап, бюджет клиента был ограничен. Помните, вся суть в наполнении. Дизайн лишь помогает расставить акценты и облегчить восприятие информации. Но без этого можно обойтись.

7. Пример лендинга — Пансионат

Одна из первых наших работ, поэтому не судите строго. Мне она нравится своей легкостью, воздушностью. Несмотря на то, что лендингу уже более 5 лет, он отлично справляется со своей обязанностью — собирает заявки на проведение корпоративных мероприятий для популярного в Крыму отеля. Видно, что дизайн здесь выполнен по старому формату, но это не делает его менее эффектным. Сочная зелень полуострова, аппетитное меню, интерьеры номеров. Все это создает целостную картинку в голове потенциального клиента. К слову, конверсия этого одностраничника составляет порядка 30%, что, согласитесь, не мало. Ознакомьтесь с этой работой и почувствуйте тепло солнечного Крыма!

8. Пример лендинга — Изготовление и продажа мебели

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

9. Пример лендинга — Продажа товаров

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

10. Пример лендинга — Продажа шпицев

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

11. Пример лендинга — Торговая площадка

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

12. Пример лендинга — Электромонтажные работы

Этот одностраничник разработан в лучших традициях. Здесь представлен стандартный набор маркетинговых штучек, призванных провести потенциального клиента по каждому этапу воронки продаж. Сперва зацепить внимание продающим заголовкам, потом отразить преимущества предложения, обработать возражения. Используется таблица противопоставления (предложения заказчика и альтернативного варианта). Также размещена галерея, отражающая процесс проведения работ. Представлены цены на предоставление услуг. Блок мы в цифрах и схема работы также присутствуют. В общем, если вы хотите собрать крутой лендос, изучайте и выбирайте необходимые блоки. У вас все получится!

13. Пример лендинга — Риэлторская компания

Завершает наш хит-парад старенький, но приятный лендинг, созданный для риэлторской компании в 2020 году. Он не очень длинный, в отличие от предыдущего, но эффективный (конверсия 15%). Сразу после заголовка, представленного на первом экране, следует перечень объектов. Далее в виде функционального слайдера представлены основные преимущества фирмы. Никак не обойтись без схемы работы и формы заявки. Дополнительно используется блок усиления предложения. Он призван убедить потенциального клиента приобрести квартиру в том месте, где выгодно нашему заказчику. Все просто и со вкусом. А главное эффективно. Посетители привлекаются с помощью Яндекс.Директ.

Какой лендинг можно считать продающим?

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

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

Запомните, подготовка к созданию лендинга не менее важна, чем сама разработка. В 50% случаев она определяет успех. Поэтому данные 5 критериев относятся именно к подготовительной части. Если вас интересует непосредственно структура одностраничника, рекомендую ознакомиться со статьей: структура продающего лендинга, там все подробно расписано (скоро появится в блоге).

5 критериев продающего лендинга

  • Одностраничник создан под 1 тип товара или услуги. Если вы распыляетесь на несколько УТП, можете забыть о продажах с лендинга. Запомните, только одно торговое предложение на одном лендинге.
  • Лендинг разработан под одну ЦА. А каждой целевой аудитории свои потребности. Будете распыляться, пройдете мимо болей клиентов и впустую потратите деньги на контекстную рекламу . Не следует пытаться сделать лендинг сразу под b2b и b2c сектора. У них разные уровни осознанности.
  • Наличие УТП. Это основа, на базе которой происходит разработка лендинга как такового. Если вы не знакомы с этим словом, почитайте о том, что такое уникальное торговое предложение и как его составить.
  • Продающая структура. Об этом мы уже много говорили. На лендинге должны присутствовать определенные блоки, призванные побудить посетителя к совершению целевого действия (которое, в свою очередь, зависит от вашей задачи).
  • Функциональный дизайн. Нет, я не говорю современный, стильный, модный, профессиональный или прочие пустые прилагательные. Именно функциональный, поскольку он призван правильно расставлять акценты на лендинге и упрощать восприятие текстовой информации.

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

ТОП-10 блоков для лендинга : структура продающего лендинга

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

Посадочную страницу можно сравнить с Вашим личным маркетологом в онлайне.

Хотите, чтобы лендинг продавал 24/7?

Ознакомьтесь с продающей структурой одностраничника!

СОДЕРЖАНИЕ

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

Тонкости и хитрости одностраничника, которые повышают конверсию.

Если Вы хотите, чтобы Ваш лендинг продавал 24/7, Вы в правильном месте.

Давайте разберемся, почему Вам стоит изучить эффективную структуру landing page.

Лендинг-пейдж может стать как верным помощником, так и убыточной инвестицией.

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

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

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

Читайте и будьте в курсе!

Что такое лендинг?

В чем его основные задачи?

Особенности структуры landing page.

Наверняка, Вы уже в курсе, что такое лендинг.

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

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

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

Так вот, как раз-таки landing page отлично справляется с данной задачей.

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

Благодаря этому пользователь получает информацию порционно, что минимизирует риск возникновения отвлекающих факторов и, как следствие, отказа.

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

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

Для этого на нем предусмотрены специальные триггеры, о которых мы поговорим дальше.

Чем отличаются лендинговые страницы?

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

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

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

Лендинг или сайт — что выбрать?

Основные функции лендинга и сайта.

Можно ли использовать их вместе?

Не следует сравнивать правильный лендинг и сайт.

Это абсолютно разные инструменты, которые выполняют абсолютно разные функции.

Сайт преимущественно используется для представления организации в сети Интернет.

То есть он выполняет информационную и представительскую функции.

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

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

С помощью корпоративного сайта можно:

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

В свою очередь, хорошая страница landing page нацелена на решение одной конкретной задачи.

Поэтому она не допускает расфокусировки внимания.

Главная цель лендинга:

  • Отразить преимущество Вашей услуги / товарной позиции.
  • Выделить Вас среди конкурентов.
  • Закрыть возражения потенциального клиента.
  • Мотивировать его к выполнению целевого действия.

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

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

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

Эффективная структура лендинга: основные блоки

Из чего состоит продающий одностраничник?

Секретные лайфхаки по созданию каждого блока.

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

Однако это не так. За «продающесть» одностраничника отвечает именно структура и смыслы.

Безусловно, графика позволяет лучше воспринимать информацию, особенно, если она проработана с учетом всех правил UX.

Но при отсутствии грамотной структуры и качественного продающего текста страница landing page обречена на провал.

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

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


Сейчас мы раз и навсегда решим эту проблему.

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

Продающий заголовок

С момента захода клиента на лендинг у Вас есть всего 2-3 секунды, чтобы зацепить его внимание.

Иначе он попросту нажмет на крестик и пойдет искать дальше.

Именно для этой цели на первом экране используется продающий заголовок (оффер).

Помним, что сайт-лендинг — это прежде всего продающий инструмент.

Поэтому главная задача заголовка — отразить Ваше уникальное торговое предложение (УТП).

По сути, это то, что отличает Вас от конкурентов и подчеркивает Ваше уникальное преимущество.

Многие эксперты утверждают, что именно от заголовка зависит 50% успеха работы лендинга.

Поэтому чрезвычайно важно уделить этому внимание.

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

Однако если у Вас нет маркетолога, можете воспользоваться простой формулой 4U для формирования УТП.

Формула 4U:

  • Usefulness (полезность) — укажите, в чем польза Вашего продукта/услуги для потенциального клиента.
  • Uniqueness (уникальность) — отразите, чем Вы отличаетесь от конкурентов (возможно, это новый подход в работе или применение инновационных технологий).
  • Urgency (срочность) — покажите клиенту, как скоро он сможет решить свою проблему с помощью Вашей услуги.
  • Ultra Specificity (ультраспецифичность) — укажите какую-то «изюминку», которую Вы используете в работе с клиентом.

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

Уникальное торговое предложение должно быть лаконичным, емким и понятным.

Пример заголовка по технологии 4U: «Сэкономьте до 40% на отделке стен с помощью архитектурных элементов из фибробетона».

Блок выгод

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

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

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

Лайфхак по созданию блока выгод

Откройте несколько лендингов по Вашей тематике.

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

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

Чем больше конкретики Вы покажете в блоке выгод, тем лучше:

  • Укажите конкретные цифры (если скидка — то сколько %, если опыт сотрудников — то сколько лет, если гарантия — то на каких условиях).
  • Используйте технологию AIDA (отразите в буллетах не Ваше преимущество, а прямую выгоду, которую получит клиент от использования Вашего товара или услуги).

Пример хорошего буллета в блоке выгод: «ЭКОНОМИЯ ДО 15%. При заказе комплекса услуг Вы получаете скидку до 15%. Это возможно благодаря оптимизации рабочих процессов инженеров и эффективному использованию оборудования.»

Блок «Услуга/товар в разрезе»

Представьте Вашу услугу или товар в разрезе.

Опишите, каким образом она закрывает потребности Вашего потенциального клиента.

Укажите ключевые характеристики или особенности предоставления.

Чем больше информации по продукту Вы отразите, тем лучше.

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

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

При этом желательно добавить кнопки [Подробнее], ведущие на поп-апы (всплывающие окна) с дополнительной информацией.

Блок «Характерное преимущество»

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

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

На экране располагалось несколько таких буллетов (4-6 штук).

В блоке «Характерное преимущество» мы действуем по схожему принципу.

Разница заключается только в том, что мы описываем 1 конкретное преимущество на 1 экране.

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

Таких экранов с преимуществами может быть несколько.

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

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

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

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

Схема работы

Казалось бы, рядовой, но чрезвычайно ценный блок.

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

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

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

Лучше всего ее представить в виде структурированного списка.

Блоки доверия

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

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

Отзывы клиентов:

Логотипы клиентов/партнеров:

Сертификаты продукции:

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

Блок «боль-решение»

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

В нем значилась примерно такая информация: «Устали испытывать дискомфорт? Не можете самостоятельно справиться с проблемой? Вам не нравится Ваша фигура (ряд банальных, но каверзных вопросов) — тогда воспользуйтесь нашей “волшебной” таблеткой и будет Вам счастье».

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

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

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

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

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

Призывы к действию и CTA-элементы

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

Для этого после каждого блока на лендинге должен идти призыв:

  • Получить бесплатный пробник или каталог (после блока с продуктом).
  • Избежать указанных в примере ошибок и воспользоваться Вашей консультацией (после блока «боль-решение») и т.д.

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

Если Вы интересуетесь, как сделать лендинг, также обратите внимание на CTA-элементы, или, проще говоря, кнопки.

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

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

Форма заявки

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

Ранее считалось хорошим тоном размещать форму обратной связи сразу в двух местах: вверху лендинга (под блоком-описанием услуги) и в самом конце.

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

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

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

А это снижает эффективность конверсионной воронки landing page.

Однако всего 16% лендингов не имеют навигации.

Правильный лендинг: дополнительные блоки

Интерактивные элементы и секретные фишки.

Как сделать одностраничник особенным?

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

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

Поэтому многие предприниматели совершают ошибку, делая копии лендингов.

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

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

Как правило, он представлен в форме тематического теста (который относится к заданной тематике одностраничника).

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

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

3D-тур

Предоставьте пользователям возможность погрузиться в онлайн-путешествие.

Покажите, как выглядит Ваш офис, производство и пр.

Это повысит доверие и лояльность посетителей.

Видео

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

По статистике, в некоторых случаях добавление видео на LP может повысить конверсию на 86%.

Блок о компании


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

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

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

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

При формировании данного блока:

  • Используйте только факты (откажитесь от рядовых фраз: индивидуальный подход, высокое качество).
  • Укажите ключевую информацию (сколько лет на рынке, в чем Ваша особенность, какие технологии применяете).
  • Будьте лаконичны (достаточно будет всего 2-3 абзацев).

Блок «Мы в цифрах»

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

Компании размещают блок «N фактов о нас» просто потому, что «так нужно».

Ведь, по статистике, пользователи чаще читают тексты, в которых встречаются цифры.

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

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

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

Блок «Вопрос-ответ»

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

Как сделать лендинговую страницу?

Процесс разработки одностраничника.

Рекомендации по созданию LP.

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

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

Здесь можно пойти двумя путями: доверить дело разработчику или собрать его самостоятельно (на панели управления либо конструкторе).

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

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

Далее производится:

  • разработка структуры (прототипирование);
  • создание продающего текста;
  • отрисовка дизайна;
  • верстка и подключение панели управления;
  • тестирование.

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

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

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

Выводы

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

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

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

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

Делитесь опытом использования landing page в комментариях!

35 посадочных страниц: лучшие примеры [и критический разбор]

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

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

Что же делает дизайн посадочной страницы эффективным?

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

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

Итак, приступаем к разбору примеров действительно хороших посадочных страниц для E-commerce, мобильных продуктов и услуг, финансовых продуктов и страхования, офлайн-услуг, B2B, спецпроектов, анонсов мероприятий, HR-лендингов и вирусных landing pages.

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

Рейтинг: «Лучший конструктор лендингов»

Лучшие конструкторы лендингов ТОП 10:

  1. uKit – удобный и эффективный
  2. uLanding – специализированный и доступный
  3. Wix – красивый и продающий
  4. LPgenerator – для гуру и профи
  5. uCoz – функциональный и универсальный
  6. PlatformaLP – простой и гибкий
  7. Ucraft – продуманный и красивый
  8. LPMotor – сбалансированный и удобный
  9. Flexbe – интуитивный и понятный
  10. Mobirise – бесплатный и удобный

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

Хотите скидку?

Скопируйте промокод и введите при выборе Тарифного плана

UGUIDE-25

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

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

Плюсы:

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

Минусы:

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

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

  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 → детальный обзор

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 или Wix ввиду удобства и тарифов, подразумевающих создание 1 лендинга (не пакетные, как у профильных). Также можно обратить внимание на Ucraft и Nethouse, хотя эти окажутся чуть менее подходящими. Для массового создания своих/клиентских лендингов идеальные варианты – uCoz и LPG. LPMotor и PlatformaLP хороши для потоковой работы, хотя имеют нюансы. Flexbe и Mobirise – интересные, но специфические продукты, при выборе нужно учитывать их особенности.

Можно ли создать лендинг бесплатно?

Теоретически это возможно. При таком подходе вы получите страницу с рекламой сервиса и на поддомене. Возможно, с ограниченной функциональностью или возможностями редактирования дизайна. uCoz и Ucraft позволяют прикрепить домен (обойдётся примерно в $7-10) на бесплатном тарифе, но будет реклама. Эти варианты плохо сочетаются с высокой конверсией лендинга. Забудьте о бесплатности, она неэффективна. Выберите подходящий сервис, тарифный план, оплатите его и зарабатывайте. Это единственная работающая на практике схема.

Таблица сравнения конструкторов лендингов:

* – программа бесплатная, но под лендинг нужен платный хостинг.

Совет: рекомендуем подключать платные пакеты на длительный срок (на 12 мес. или 24 мес.) – в этом случае можно получить скидку от 20% до 50% и сэкономить приличную сумму.

Выводы и рекомендации

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

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

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

Что такое лендинг пейдж? 5 способов создания лендингов: конструкторы, шаблоны, плагины (бесплатные и платные)

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2020/05/landing_page.png» data-large-file=»https://wilhard.ru/wp-content/uploads/2020/05/landing_page.png» />Лендинг пейдж (англ. landing page) в общепринятом понимании сегодня – это полный абсурд. Не ведитесь на рекламу – не используйте конструкторы лендингов с ежемесячной оплатой! В этой статье я объясню, почему не стоит использовать платные конструкторы с ежемесячной платой, если вам нужен одностраничный сайт. Расскажу, как создать лендинг пейдж бесплатно или за разумную одноразовую плату, а также дам ссылки на крутые конструкторы и бесплатные шаблоны лендингов. Закройте все другие сайты про “landing page”, вам, кроме этой статьи, больше ничего не понадобится… Вы все уже нашли! В этой статье подробно рассмотрены пять способов создания лендингов: платные конструкторы, платные и бесплатные шаблоны, платные и бесплатные плагины.

Лендингом сегодня называют одностраничный сайт, заточенный под один-единственный продукт или услугу. При этом лендинг пейдж – это русский вариант английского “landing page”, что переводится как посадочная страница и изначально означало самую первую страницу вашего сайта, на которую попал его посетитель. Некоторые набирают “landed page” в Яндексе, что является неверным написанием “landing page”.

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

Раньше все создавали конструкторы сайтов, а потом умные американцы придумали создавать конструкторы лендингов, в которых вы можете создать не целый сайт, а одну-единственную страницу, а потом ежемесячно платить $100 за ее аренду. Это прямо-таки американская мечта. И очень гениально. Молодцы, нашли, как создать конкурентное преимущество. А наши – русские – как всегда копируют, при этом как правило русские копии американских конструкторов поражают своей убогостью, обычно намного хуже американского оригинала и часто напоминают кривую китайскую подделку. Что поделаешь, если руки не из плеч… Не используйте никакие конструкторы с ежемесячной арендной платой, если вам нужен одностраничный сайт!

Конструктор landing page с арендной платой – плохое решение…

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

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

Беда случилась, когда я захотел продолжить работу с ними, т.к. сервис очень хороший, открываешь его и сразу интуитивно понятно, что и как делать. И оказалось, что теперь бесплатной версии нет, а ограниченная по функционалу версия стоит $348 в год, или $39 в месяц, а самая приемлемая для меня версия по функционалу версия стоит теперь $1525 в год, т.е. они увеличили цену в разы и ограничили доступ к лендингам, если вы не заплатили. У меня теперь нет доступа к созданным мной ранее одностраничным сайтам, и могу я их увидеть, только если буду платить. По сути, созданные мной и нужные мне одностраничники теперь используются как заложники, а с меня вымогают деньги. Как называют людей, которые берут заложников и требуют деньги? Правильно – террористами… Тогда-то я и осознал все минусы использования платных конструкторов лендингов: это дорого, платить надо постоянно, и не вы владелец своего лендинга, который у вас могут забрать в любой момент.

Второй сервис, который я использовал для создания landing page уже в этом году, – Тильда. Это один из немногих конструкторов лендингов, у которого есть бесплатный тарифный план для одного сайта. Мы вдвоем с другом четыре дня пытались сделать лендинг, но этот сервис оказался не для тупых. Разобраться с ним так и не удалось, как не удалось и сделать то, что мы хотели. Мы испытывали очень неприятные эмоции от работы с этим конструктором. Для сравнения мы попробовали делать то, что не получалось в Тильде, в instapage.com , и все, что нужно было, делалось и получалось без проблем с ходу. Жаль 4 дня моей жизни, которые были потрачены зря!

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

Минусы использования конструкторов лендингов

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

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

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

Самые крутые и популярные платные конструкторы посадочных страниц

  • американские: LeadPages, Instapage.com , Unbounce.com;
  • русский Lpgenerator.ru.

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

Обзор популярных конструкторов landing page

Название Стоимость, мес. Лендинг-шаблонов, шт. Собственный шаблон Тестовый период CRM А/Б тесты Онлайн консультант Callback сервисы
uKit $4 12 нет 14 да нет да да
uLanding $6.15 5 нет 7 да да да да
Wix ₽123 28 нет 14 нет нет да да
LPGenerator ₽558 250 да 14 да да да да
uCoz $2.39 48 да не ограничено нет нет да да
Платформа LP ₽490 62 нет 14 да да да да
Ucraft ₽670 16 нет 14 нет нет да да
LPMotor ₽360 83 да не ограничено да да да да
Flexbe ₽525 15 нет 14 да да да да
Mobirise Free* 2 нет не ограничено нет нет да нет
Конструктор Бесплатная версия Цена в месяц Кол-во шаблонов
LeadPages.net Нет $25-199 160
Unbounce.com 30 дней бесплатно $79-399 75-375
Instapage.com 14 дней бесплатно $29-127 200
Pagewiz.com 30 дней бесплатно $25-169 70
Wishpond.com 14 дней бесплатно $49-199 100
Landingi.com 30 дней бесплатно $39-109 100
Lander.com 14 дней бесплатно $16-149 30
Lpgenerator.ru 7 дней бесплатно 560-11000 р. 300
Platformalp.ru 14 дней бесплатно 490-1990 р. 40
Tilda.cc 1 сайт бесплатно 500-1000 р. 100
Lpmotor.ru Без публикации лендинга 300-2000 р. 90

Что использовать вместо платных конструкторов лендингов

Идеальный вариант – это создать лендинг пейдж бесплатно. Решений, как создать лендинг бесплатно, множество, все я описывать не буду, а расскажу только про те, которыми пользуюсь сам. А я являюсь фанатом самого популярного в мире бесплатного движка WordPress, на котором создано 27% всех сайтов мирового Интернета и который используют такие популярные сайты, как Блумберг, Форбс, Звездные Войны, Vogue, BBC America и миллионы умнейших людей по всему миру. Это одно из лучших решений на сегодняшний день! Чтобы начать пользоваться WordPress, надо всего лишь бесплатно скачать его и потратить 5 минут на установку, хотя даже этих 5 минут не понадобится, так как на большинстве хостингов WordPress уже предустановлен. Итак, какие есть варианты:

  • решение 1:бесплатные шаблоны лендинг пейдж на WordPress. Их сотни! Выбирайте то, что нравится, и используйте на здоровье свой лендинг бесплатно;
  • решение 2: платные шаблоны лендингов на WordPress. Их тоже очень много и стоят они от $30 до $250, которые надо заплатить всего лишь один раз (не ежемесячно!);
  • решение 3: бесплатные плагины WordPress – конструкторы лендингов. Таких плагинов немного, но они есть и вполне подойдут для создания лендинг пейдж бесплатно;
  • решение 4: платные плагины WordPress – конструкторы лендингов. Таких много, стоят они от $25 до $99 с разовой оплатой, без ежемесячного вымогательства и захвата лендингов в заложники (читайте о захвате лендингов в заложники конструктором лендингов Инстапейдж выше).

Об этом и пойдет речь далее в статье.

Бесплатные шаблоны

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

Все эти бесплатные лендинги для WordPress хороши тем, что они выполнены профессиональными дизайнерами, очень красивые и если грамотно “допилить” их по свои нужды, то они способны обеспечить высокую конверсию. Кроме того, все эти шаблоны лендингов адаптивны, т.е. имеют мобильную версию и версию для планшетов. И они останутся с вами навсегда, и никто не сможет забрать их у вас. Вот пример такой совершенно бесплатной темы, которую можно сразу же скачивать и устанавливать на WordPress – One Engine :

Бесплатный шаблон лендинг пейдж

Посмотрите демо-версию этого шаблона этого лендинга: One Engine Демо . По-моему, отличный шаблон, особенно учитывая, что он бесплатный. Но не факт, что он понравится вам и подойдет под ваши нужды.

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

Не могу не упомянуть родную тему, созданную основателями WordPress, – Twenty Seventeen, которая идеально подойдет, чтобы создать лендинг бесплатно. Она позволяет делать отличные лендинги такого вида: образец лендинга на Twenty Seventeen. Это замечательный лендинг, но, к сожалению, его функционал сильно ограничен, и если он вам не подходит “как есть”, то придется нанимать программиста для его доработки. Хотя лучше найти другой бесплатный шаблон лендинга или купить платный шаблон лендинга.

Далее я расскажу, как установить шаблон лендинга на WordPress и какие у них есть недостатки.

Как установить шаблон лендинга на WordPress

Чтобы установить такой шаблон, Вам надо установить на свой хостинг сайт WordPress, что на большинстве хостингов делается нажатием одной кнопки, а затем установить шаблон (тему) WordPress. Сделать это очень легко! У вас займет это не более 10-15 минут. Узнайте у своего хостера как сделать это. Вы также можете установить WordPress “вручную”, если вам интересно, и это тоже не сложно. О том, как это сделать, подробно написано на сайте wordpress.org в статье: “Установка WordPress“.

После установки WordPress, скачайте тему WordPress на свой компьютер. Затем вам нужно войти в админку WordPress, перейти в меню Внешний вид > Темы и нажать по порядку кнопки Установить новую тему, Загрузить тему, Выбрать файл и выбрать предварительно загруженный файл на вашем компьютере, и нажать кнопку Установить . После этого Ваша тема будет установлена и вам надо найти ее в списке установленных тем, и нажать кнопку Активировать . Все, вы установили и активировали шаблон лендинга!

Минусы бесплатных шаблонов лендингов

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

  • время. Вам потребуется время, чтобы разобраться, как настроить и адаптировать под себя бесплатный шаблон одностраничного сайта. Установить его не проблема, а вот на настройку может уйти много времени. Зато это время надо потратить всего один раз, и следующие лендинги на этом шаблоне вы будете создавать намного быстрее;
  • ограниченность функционала. Очень часто бывает, что бесплатный шаблон лендинга – это ограниченная версия платного шаблона. Выясняйте это заранее, чтобы не попасть впросак. Как правило, вам должно хватать базового функционала одностраничного сайта для основных нужд. Но все-таки лучше, чтобы это было бесплатной версией при платном шаблоне лендинг пейдж, потому что это гарантирует то, что шаблон будет обновляться, что за ним будут следить;
  • отсутствие обновлений. Если у вас полностью бесплатный шаблон, то его автор, скорее всего, не будет обновлять его. Зачем ему? И в течение времени с этим шаблоном могут возникнуть проблемы. Не факт, конечно, но все может быть. В этом случае вам придется нанимать программиста для решения этих проблем. Поэтому бесплатная версия платного шаблона лендинга лучше, потому что ее будут обновлять;
  • отсутствие поддержки. Если у вас возникнет какая-то проблема с шаблоном, то не у кого будет спросить, как ее решить. Тоже придется в случае чего нанимать программиста.

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

Платные шаблоны одностраничных сайтов

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

Платный шаблон лендинга Divi

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2020/05/divi_wp_theme-300×138.gif» data-large-file=»https://wilhard.ru/wp-content/uploads/2020/05/divi_wp_theme.gif» />Какие платные шаблоны можно посоветовать? На мой взгляд, лучшим выбором будет тема Divi , потому что это не только шаблон одностраничного лендинга – это шаблон полнофункционального сайта со встроенным конструктором, при помощи которого вы можете создавать все, что угодно: как обычные сайты, так и одностраничники.

За $89 вы можете приобрести тему Divi , вместе с которой вы получите 88 других прекрасных тем (включая Divi) и все плагины (включая конструктор лендингов) – с поддержкой и обновлениями на один год. Все эти темы и плагины вы можете использовать на любом количестве своих сайтов, тут нет никаких ограничений. Вы можете использовать все это пожизненно, но после того, как истечет один год, вы останетесь без поддержки и обновлений. Поэтому лучше сразу купить пакет с пожизненным доступом за $249. Он содержит все то же самое, но еще и пожизненную поддержку, и обновления. Это очень выгодно. Почему?

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

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

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

Если Divi вас не устраивает, то вы легко найдете другую платную тему (шаблон) для WordPress – их огромное количество в Интернете. Я изучил все, что только смог найти, и думаю, что достойных тем со встроенным конструктором посадочных страниц всего три: Divi , OptimizePress и Beaver Builder , и я думаю, что Divi – самый лучший выбор, потому что в ОптимайзПресс и БиверБилдер вы получаете за $100 только конструктор лендингов с одним годом поддержки и обновлений, а Divi за $249 дает конструктор плюс 88 тем, плюс пожизненную поддержку и обновления для неограниченного количества сайтов. Худшим из трех конструкторов является ОптимайзПресс, так как его можно использовать только для трех сайтов (Бивер – для неограниченного количества сайтов), да и дизайн их сайта какой-то очень простенький. В общем, мой выбор – Divi , а если не Divi, то тогда Бивер. Но есть еще много других платных тем лендингов и их легко найти в Интернете.

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

Платные и бесплатные плагины WordPress для создания лендингов

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

Сводная таблица плагинов-конструкторов посадочных страниц

Название Плагин или тема Активных установок Кол-во отзывов Ср. оценка Цена Комментарии
WordPress Landing Pages by Inbound Now Плагин 20000 150 3.5 от $10/месяц Есть бесплатная ограниченная версия.
Thrive Themes Landing Pages Плагин от $67 разово Мне не понравились дизайны шаблонов лендингов и то, что их плагина нет в wordpress.org/plugins/.
Free Landing Pages Builder by Wishpond Плагин 5000 50 3.5 от $49/месяц До 1000 лидов можно пользоваться полной версией плагина бесплатно.
Page Builder by SiteOrigin Плагин 1000000 500 5 от $5/месяц Имеется очень мощный бесплатный конструктор страниц с небольшим набором шаблонов. Мне этот плагин показался сложным в освоении. За расширенный функционал надо платить ежемесячно.
WordPress Ultimate Landing Page by Web-Settler Плагин 7000 100 4 от $27 разово Мне этот плагин не понравился. Я создал лендинг, открыл его в режиме просмотра, и на экране отобразился какой-то странный набор символов и никакой страницы. Только один бесплатный шаблон и всего 10 платных, за которые надо заплатить $29. Все шаблоны однообразные и не очень красивые.
Beaver Builder – WordPress Page Builder Тема/Плагин 300000 250 5 от $99/год Один из лучших плагинов.
Elementor Page Builder Плагин 100000 300 5 от $49 разово Похоже, что хороший плагин, но у меня он просто не работал.
Page Builder: Live Composer Плагин 40000 170 4.5 Бесплатен Открытый исходный код. Похоже, хороший плагин, но у меня он не работал. На страницу в конструкторе ничего не добавлялось, страница не менялась.
OptimizePress Тема/Плагин от $97/год Продление от $37 в год. Можно использовать только для трех сайтов. Мне не нравится дизайн их сайта.

Из всех рассмотренных мной плагинов мне больше всего понравился платный конструктор лендингов Beaver Builder – это очень достойный плагин, у которого 300 000 активных установок и более 200 5-ти звездочных отзывов, а плохих отзывов почти нет. Когда я установил его, он понравился мне сразу же, так как там много красивых шаблонов и сразу интуитивно ясно, что и как надо делать. Для тех, кто с ходу не поймет, там есть обучающие интерактивные подсказки. Одна проблема – плагин платный, базовая версия стоит $99, а стандартная – $199. Стандартная версия отличается от базовой лишь наличием темы Beaver Builder, но иметь ее совсем не обязательно, достаточно плагина, чтобы создавать посадочные страницы. Вы получаете за эти деньги год поддержки и обновлений, а также плагин и созданные вами одностраничные сайты в пожизненное пользование. Использовать плагин можно на любом количестве ваших Вордпресс-сайтов. Еще приятно, что создаваемые вами посадочные страницы будут автоматически адаптироваться под смартфоны и планшеты.

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

В заключение скажу, что вместо использования конструкторов лендингов с ежемесячной арендной платой гораздо лучше использовать один из многочисленных бесплатных шаблонов для WordPress, при помощи которого вы создадите одностраничный сайт бесплатно, или платные конструкторы лендингов для WordPress – Divi или Beaver Builder . Это то же самое по возможностям, а стоить будет в 10 раз дешевле традиционных конструкторов лендинг пейдж с ежемесячной арендной платой и при этом именно вы будете являться пожизненными владельцем своих одностраничных сайтов, а не другая компания.

Как создать лендинг в 2020. Пошаговая инструкция из 9 этапов разработки

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

Если вам нужна информация только по сервисам с помощью которых можно сделать 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 (Bold)
Текст — Roboto (Light)

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Магазин шаблонов WordPress — ThemeForest

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

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

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

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

Плюсы/минусы инструмента:

  • шаблон все же советую использовать платный, он покупается один раз (стоит в среднем 50$). Я покупаю шаблоны на ThemeForest. Регулярно платите только за хостинг и домен ;
  • гибкий вариант, настраивается все, можно адаптировать готовое демо, можно сверстать landing с нуля.

Сайт Tilda.cc

2. Конструктор Tilda

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

Плюсы/минусы инструмента:

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

Сайт LPGenerator.ru

3. Конструктор LPGenerator

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

Плюсы/минусы инструмента:

  • Цена от 800 до 16000 р/месяц;
  • Много инструментов для улучшения конверсии, a/b теста;
  • Менее удобный конструктор чем в Тильде (на мой взгляд);
  • Ваш сайт находится на сервисе, отдельно платить за хостинг не нужно.

4. Ручная верстка

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

Но все равно вот несколько сервисов по поиску исполнителей, где можете найти верстальщика:

Плюсы/минусы инструмента:

  • Нужно дополнительно платить за верстку верстальщику;
  • Трудно вносить правки самостоятельно;
  • Чистый код верстки (если верстальщик толковый);
  • Сайт находится на вашем хостинге.

До недавнего времени еще популярная была программа Adobe Muse. Это программа от Adobe, которая скачивается на компьютер и работаете в ней как в Фотошопе. Самый жирный минус у данного метода в том, что разработчики программу больше не будут развивать, об этом сделали официальное заявление. Поддержку оказывают до 2020 года, но обновлений программы больше не будет. Поэтому если планируете использовать Музу, учитывайте этот момент.

Я верстаю только на WordPress или в Тильде, для меня это лучшие варианты.

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

Этап 6. Домен

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

Хотите узнать больше о том, что такое домен? Статья для вас Что такое хостинг и домен.

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

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

Пример подбора шаблона на reg.ru

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

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

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

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

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

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

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

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

Онлайн чат

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

Пример чата на моем блоге

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

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

Метрика

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

Ретаргетинг

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

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

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

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

Калькулятор

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

Пример создания калькулятора на сервисе uCalc

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы можете посмотреть примеры лендингов, которые я разработал в разделе сайта «КЕЙСЫ»

Если Вам нужно сделать лендинг на заказ, пишите в комментариях или оставляйте заявку на странице «КОНТАКТЫ»

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

Полезные ссылки:

  • Статья про составление заголовков по технологии 4U
  • Вебинар «Как создать продающий landing page»
  • Статья «Что такоел Лендинг пейдж»
  • Первые 12 уроков курса «Лендинг на WordPress»
  • Видео «Цвет. Беспроигрышное сочетание»
  • Статья «65 трендов веб-дизайна в 2020 году»
  • Статья «Как создать сайт на WordPress. Пошаговое руководство»
  • Подборка «80 шаблонов WordPress для Elementor»
  • Подборка «40 лендинг пейдж шаблонов для WordPress 2020 года»
  • Шрифты Google Fonts

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

Что такое лендинг пейдж? 7 лайф-хаков Landing Page

Ультимейт гид по лендинг-пейдж

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


Итак, что такое Landing Page? Лендинг это место, где посетитель как-бы «Приземляется«, после того как он нажал на объявление в Google Adwords или Яндекс-Директ. Лендинг пейдж это — простыми словами целевая страница, то есть у нее одна цель — побудить человека к действию (CTA). Простота Landing Page сделала этот инструмент невероятно популярным и лучшим вариантом для повышения конверсий от рекламы.

Задача лендинга украсть внимание посетителя на 100%, поэтому со страницы убираются все отвлекающие факторы: лишние ссылки, элементы навигации, варианты, излишние тексты и так далее.

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

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

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

Взлом лендинга: копирайтинг для не писателей

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

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

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

Но как это сделать?

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

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

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

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

Но, во всем этом нет смысла, если у вас плохой заголовок. Заголовок вдохновляет и заставляет посетителя остаться и представить ощутимую выгоду после покупки. Посмотрите пример Apple iPad:

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

Также очень настаиваю пройти обучение у Антона Петроченкова по созданию Landing Page, в котором он делится секретными лайф-хаками, как писать убойные тексты не имея опыта в копирайтинге. Даже я думал что все знаю, оказывается нет:)

Изображение

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

К счастью, для этого у нас есть картинки.

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

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

Покажите преимущества

Если кто-то начинает прокручивать вниз, значит вы сделали что-то правильно. Возможно это текст объявления, заголовок, главное изображение или что-то еще, люди, которые читают все страницы лендинга говорят вам, “я заинтересован».

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

Но людям плевать!

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

Это облегчит мне жизнь?

Хватит хвастаться. Просто ответьте на этот вопрос. Как ваш продукт облегчит жизнь? Что у клиента изменится к лучшему?

Отзывы

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

  • Лидеры мнений. Попросите других рассказать о вас. Это могут быть какие-то известные персонажи из вашей отрасли.
  • Большей деталей — более правдоподобно. Имя автора, должность, ссылки на социальные сети. Это позволит легко отследить источник.
  • Фоторафии. Лица клиентов еще раз подтверждают подлинность отзывов.
  • Видео отзывы. Видео отзывы еще больше расширяют этот принцип. Их сложнее подделать.
  • Внешний контент. Если у вас есть бешеные отзывы в социальных сетях, перетащите их на сайт. Внешние виджеты нельзя изменить, поэтому они выглядят более сырыми и реальными.

По мнению Reevo, отзывы покупателей увеличивают продажи на 18%.

Отличие Landing Page от других страниц

Задавая вопрос «Чем отличается лендинг от других страниц?», Вы должны понимать, что целевые страницы предназначены для платного трафика, такого как Google Adwords, а домашняя страница сайта предназначена для органического поискового трафика.

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

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

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

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

Типы лендингов

Существует два основных типа Landing Page.

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

Лендинги с переходом по клику. Если вы что-либо покупали в интернете, то вы скорее всего использовали Landing Page. Используются для E-commerce и имеют простую кнопку действия. Предназначены исключительно для продаж. Преобразуют теплых клиентов в горячих и повторных покупателей. Длинна лендинга зависит от цены, уровня доверия аудитории и сложностью предложения. Чем меньше барьеров возникает до покупки, тем короче лендинг.

Релевантность лендинг-пейдж

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

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

Это концепция, которую я называю «выравнивание». Чем лучше выровнены ваш источник (откуда посетитель пришел) и ваш лендинг, тем выше вероятность конверсии.

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

Звучит просто, но на деле большинство допускают это не простительную ошибку.

Пример плохого соответствия: Получите скидку 50% на iphone X. Текст лендинге: Добро пожаловать в магазин техники Apple.

Пример хорошего соответствия: Получите скидку 50% на ihpone X. Текст на лендинге: Получите скидку 50% на ihpone X в магазине техники Apple.

Когда нужно использовать целевую страницу?

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

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

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

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

Видео на Landing Page

Видео это маст-хэв, и его нужно использовать обязательно. Это самый легкий способ взаимодействия с посетителем. Результаты исследований eyeviewdigital.com говорят, что видео-ролики поднимают конверсию до 80%.

Люди приклеены к экранам телевизоров с середины 20 века. Видео изменило интернет, и теперь YouTube стал “новой поисковой системой”.

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

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

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

Повторное использование контента. Добавьте свое видео на YouTube и оптимизируйте его для SEO. Видео в 52 раза чаще появляется на первой странице Google, чем текстовая статья (скорее всего, из-за отсутствия конкуренции).

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

Как измерить эффективность лендинг-пейдж?

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

Затем вы должны разделить количество участников на количество посетителей, чтобы получить свой ‘коэффициент конверсии’. Хороший коэффициент конверсии, зависит от типа вашего Landing Page. Исследования показывают, что коэффициенты конверсии лидогенерации составляют около 3-5%, а показатели электронной коммерции — 1-2%.

Эффективная посадочная страница

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

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

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

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

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

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

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

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

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

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

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

Обычно предпочитаю заявлять о позиционировании более длинной версией заголовка, обычно около 12-15 слов, чтобы дать точно знать посетителю о чем сайт.

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

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

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

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

  • Для удобства чтения сохраняйте текстовые столбцы узкими — не более 80 символов.
  • Если вы продаете физический продукт, представьте его изображение (часто называют — снимок героя). Убедитесь, что качество изображения хорошее.
  • Изображения привлекают внимание людей, поэтому поместите ключевой текст под изображениями героев продукта.

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

Секретный соус

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

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

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

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

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

Что нужно протестировать на лендинге?

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

Будьте готовы выбросить все догадки в окно и получить реальное понимание того, что работает, а что нет – тестирование, как фотокамера, никогда не лжет.

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

Некоторые из элементов, которые вы должны рассмотреть тестирование:

  1. Основной заголовок
  2. Призыв к действию (CTA) – обычно текст на кнопке
  3. Изображение. Картинка с контекстом. Попробуйте свою фотографию (если она у вас есть)
  4. Дизайн кнопок
  5. Цвет кнопки – зеленый для действия, синий для цвета ссылки, оранжевый или красный для эмоциональной реакции
  6. Количество полей ввода на форме
  7. Длинная копия против короткой копии. Часто более короткий лучший, но для некоторых продуктов деталь важна в процессе принятия решения. Проверьте это и посмотрите.

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

Последние мысли

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

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

Книги по Landing Page

  • Идеальный Landing Page. Создаем продающие веб-страницы. Авторы: А. С. Петроченков, Е. С. Новиков. Хит продаж и бестселлер. Рейтинг на Литрес: 4.28.
  • Пример идеальной Landing Page. Автор:Алексей Номейн. Рейтинг 4.00.
  • Landing, который продает. Пошаговое руководство. Автор: Евгений Сергеевич Витковский. Рейтинг 4.05.
  • Все о лендингах. Сборник. 6 изданий автора в одном! Автор: Алексей Номейн. Рейтинг 4.25.
  • Как скопировать лендинг. Автор: Алексей Номейн. Рейтинг 4.00.

Популярные CMS для лендингов

Самые часто используемые CMS (системы управления сайтами) для создания лендингов:

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

Как вам статья? Еще более годный контент на моем замечательном YouTube-канале

Только остороженее! На моем ютубе можно стать слишком умным. ��

Лендинг — что это такое простыми словами и 12 советов по созданию landing page в примерах

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Анатомия эффективной посадочной страницы

    Лендинг — это страница, главная цель которой — вовлечь посетителей вашего сайта в конверсионный процесс (совершить целевое действие: покупку, регистрацию, подписку, заказ и т. д.).

    Виды посадочных страниц

    Можно выделить 4 ключевых вида посадочных страниц.

    Одностраничный сайт

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

    Многостраничный сайт

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

    Страница на основном сайте

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

    Лендо-сайт

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

    Сервисы для создания посадочных страниц

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

    Внутренние средства CMS

    В зависимости от CMS, которая используется на вашем сайте, создание лендинга может быть как трудозатратным делом, требующим глубоких познаний в веб-разработке (к примеру, в случае с 1С-Битрикс), так и достаточно простым занятием — правда, с ограниченным разнообразием вариантов (к примеру, при использовании надстройки Wppage для WordPress).

    HTML-редакторы

    Это программы разного уровня сложности, которые объединяет одно: они не требуют знаний в сайтостроении. Сложность в обращении с конкретным редактором зависит обычно исключительно от его интерфейса. В качестве одного из самых простых редакторов можно привести WebPageMaker — с ним справится любой пользователь Windows. Чуть более функционален (но и более сложен) AdobeMuse. Впрочем, для тех, кто часто пользуется другими программами из пакета Adobe, его освоение, скорее всего, пройдет легко и быстро.

    Онлайн-конструкторы

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

    Что нужно учесть при создании лендинга

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

    А: Лицо — изображение на вашей целевой странице

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

    Изображение привлекает посетителей и подсознательно влияет на первое впечатление.

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

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

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

    Рекомендуется провести A/B тестирование нескольких предпочтительных вариантов и посмотреть, как они влияют на уровень конверсии в течение нескольких дней. Существует множество доступных инструментов для сплит-тестирований (например, Optimizely или Visual Website Optimizer).

    В: Улыбка — УТП вашей посадочной страницы

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

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

    С: Указывающая рука — Призыв к действию на вашей странице

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

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

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

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

    Тоже самое с вашими посадочными страницами. Ваш СТА — один из мельчайших киев, от которых зависят ваши показатель конверсии. Вместо того, чтобы говорить людям, что делать, скажите им, что они получают. Вместо «Купить сейчас», попробуйте «Получить результат». Вместо «Заказать сейчас» попробуйте «Получить лиды сейчас».

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

    D: Тело — «дополнительная информация» на вашей посадочной странице

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

    Есть два варианта показать преимущества вашего товара/услуги в дополнительном описании:

    • 3-4 пункта о том, что предлагает ваш сервис или продукт.
    • 3-4 пункта о том, какой результат ваш продукт или услуга может принести пользователю.

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

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

    • Фирменная технология AcmeWinter предлагает максимальную защиту даже при температуре −40 градусов.
    • Стандартная гарантия сроком в 10 лет свидетельствует о том, что мы позаботимся о любом дефекте без лишних вопросов.
    • Мы входим в первую тройку рейтинга морозостойких пуховиков с 1982 года.

    Вот другой пример дополнительной информации для сайта программного обеспечения Saas в стиле «как мы это делаем»:

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

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

    E: Ноги — отзывы покупателей на вашей целевой странице

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

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

    Но, теоретически, ваши предыдущие клиенты не так предвзяты. Например, в Великобритании крупнейший сайт с вакансиями для выпускников WikiJob увличил конверсию на 34% благодаря простому добавлению отзывов клиентов.

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

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

    Клиентские отзывов на посадочной странице повышает доверие к вам.

    Три варианта для тестирования:

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

    2. Попробуйте вынести самое лучшее из клиентских отзывов в свое УТП.

    3. Протестируйте несколько противоречивых (на первый взгляд) отзывов клиентов, например, «Изначально я был настроен скептически, но был приятно удивлен, когда обнаружил, что наши ожидания были превышены на 50%!» или «Через несколько безрезультативных недель работы с AcmeAccounting все получилось!». Это увеличит правдоподобность ваших отзывов.

    Несколько реальных примеров того, как это работает:

    Улыбка (УТП): The Sims 3 обнаружили, что сделав свое УТП более заметным на странице, они увеличили число кликов на 128%.

    Указывающий палец: Компания по маркетинговой автоматизации Performable обнаружили, что изменение цвета их кнопки CTA с зеленого на красный способствовало росту кликов на 21%.

    Тело: WikiJob сократили количество контента на своей странице, выдвинув преимущества своего сервиса на первое место, что привело к увеличению объема продаж на 62%.

    Ноги: WIkiJob также протестировали на своей странице добавление отзывов клиентов. Конверсия на сайте увеличилась на 34%.

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

    Главная » Бесплатное » Маркетинг шаг за шагом » Выпуск 7: как создать эффективный лендинг, советы и рекомендации для заказчиков

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

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

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

    Как использовать маркетинговый подход при создании лендинга?

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

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

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

    С чего начать создание лендинга?

    Начните с позиционирования и с заботы о своей целевой аудитории.

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

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

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

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

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

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

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

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

    Затем, начинайте делить пользователей от большего к меньшему.

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

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

    В итоге вы должны получить:

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

    Возьмем для примера мою услугу по аудиту сайтов.

    Наиболее интересный для меня сегмент целевой аудитории выглядит так:

    • Компании из Питера и Москвы.
    • Работают на рынке больше от 2х лет.
    • В компании есть штатный маркетолог или руководитель имеет в голове систему маркетинга.
    • Есть понимание того, что трафик с контекстной рекламы дорог, а поисковый трафик на сайте практически отсутствует.
    • Есть желание изменять внешнюю среду и завоёвывать мир.
    • Есть разумный бюджет на поисковый-маркетинг.

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

    Резюмирую:

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

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

    Каким должен быть идеальный лендинг?

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

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

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

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

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

    Что я имею в виду?

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

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

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

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

    У заказчика всегда есть выбор того где сделать, как сделать и с кого потом спросить за эффективность.

    Как выбрать правильное решение?

    Скажу честно — правильного решения не существует.

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

    Я расскажу о самых распространённых 5 вариантах создания лендинга, поясню плюсы и минусы каждого.

    Способ 1 — Использовать бесплатный шаблон для лендинга.

    Сразу хочется задать вопрос тому кто выбирает этот способ — где бывает бесплатный сыр? Привалено. И эта мудрость актуальна до сих пор. Вот только всегда найдутся те кто предпочтёт бесплатное.

    Конечно при должном желании и усердии можно найти огромное количество бесплатных шаблонов для лендингов. Особенно под движок WordPress.

    И кажется, что остаётся только:

    • Купить хостинг.
    • Установить WordPress.
    • Подобрать и установить шаблон.
    • Настроить тексты и прочую графику.
    • И всё, можно запускать рекламу.

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

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

    В итоге страдает самая главная составляющая лендинга — его ориентация под целевую аудиторию.

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

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

    Способ 2 — Использовать генератор лендингов.

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

    Способ 3 — Создание лендинга командой специалистов под вашим чутким руководством.

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

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

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

    1. чётко понимать что хочешь и что нужно сделать;
    2. не ошибиться в выборе специалистов-исполнителей;
    3. грамотно управлять процессом.

    Способ 4 — разработка лендинга в интернет-агентстве на заказ.

    В этом случае выбранное агентство возьмёт на себя все заботы.

    Сотрудники интернет-агентства выполнят полный спектр работ под ключ:

    • Анализ конкурентов.
    • Определение концепции.
    • Стратегия интернет-рекламы.
    • Проработка дизайн-макета.
    • Написание продающих текстов.
    • Интеграция с движком.
    • Запуск необходимых рекламных инструментов.

    Такой подход будет работать только если вы решили заказывать всё под ключ. В том числе и рекламу.

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

    Минусы данного подхода

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

    Способ 5 — разработка лендинга силами собственных специалистов компании.

    Сразу вспоминается фраза: хочешь сделать что-то хорошо — сделай это сам!

    Это реально идеальный вариант если в штате вашей компании есть квалифицированные специалисты.

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

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

    Как понять, что разработчик создаёт реально уникальное решение сделанное именно под ваш бизнес?

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

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

    По дизайну: PSD-макет сайта и уникальные картинки купленные для вашего проекта на фотостоках. И конечно вёрстку, в смысле HTML или PHP файлы. Если исходников нет, стоит насторожиться — с вероятностью в 99% лендинг сделан на основании шаблона.

    Почему два совершенно одинаковых по своему составу лендинга дают совершенно разные результаты?

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

    Что такое A/B-тестирование?

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

    В чём смысл такого тестирования?

    Трафик который направляется на лендинг распределяется равномерно на каждый вариант лендинга (участника теста).

    Разные версии лендинг-пейджа показываются попеременно. В одну единицу времени одному посетителю показывается вариант А и одновременно с этим, посетителю Б показывается другой вариант.

    Побеждает та версия у которой CTR получается больше.

    Почему стоит проводить A/B-тестирование?

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

    С чего начать проведение A/B-тестирования?

    Шаг 1. Начните с ответа на вопросы.

    • С чем может быть связан высокий показатель отказов?
    • С чем может быть связана низкая конверсия?

    Шаг 2. Постройте гипотезу.

    Сделайте предположение о том, что один из элементов имеет значение и от него зависит эффективность лендинг пейджа.

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

    Шаг 3. Подготовьте варианты.
    Подготовьте два или более вариантов лендинга с одним различающимся элементом.

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

    Шаг 5. Определите победителя.
    Осталось только проверить какая именно комбинация принесла больше заявок.

    Шаг 6. Не останавливайте тестирование.
    Помните — A/B тестирование — это процесс, а не одноразовое действие. Для получения наилучших результатов не
    останавливайтесь на проведении только одного теста.

    Тестируйте, а потом тестируйте, а когда закончите. Проведите очередные тесты! ☺

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

    На лендинг-пейдже можно протестировать:

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

    Иными словами любые элементы.

    Каких ошибок стоит избегать при проведении тестирования?

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

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

    SEO для лендинга.

    Меня часто спрашивают — Алексей, а можно ли продвигать лендинг в органическом поиске?

    Всё зависит от того, что именно имеет на руках тот кто спрашивает. Если это однастраничный сайт то скорее нет чем да, если это многостраничный сайт с хорошей стратегией контент-маркетинга и со страницами в виде лендингов то определённо да.

    • Лендинг = высокая конверсия.
    • Правильное SEO = больше и дешевле трафик.
    • Правильное SEO + Лендинг = больше доход для заказчика!

    Почему лендинг из 1 страницы сложно и даже невозможно продвигать?

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

    Но ведь лендинг может быть и многостраничным. И сделав много страничный сайт в виде лендинга вы убьёте 2х зайцев сразу. Да, будет непросто проводить А/Б тестирование так как поисковые системы не любят динамичный контент. Но этот момент вы всегда можете заранее проговорить с создателями своего интернет-проекта заранее.

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

    Цукерберг рекомендует:  Вакансии CRM система sharikov
  • Понравилась статья? Поделиться с друзьями:
    Все языки программирования для начинающих