Как сделать лендинг на платформе lp

Обновлено: 04.07.2024

На изучение этой темы я потратила 44 часа. Я опробовала более 50 инструментов по созданию landing page и сделала свои выводы. Ценность этой статьи в том, что изначально я писала ее для себя, т.к. тоже искала способ создать лендинг быстро и легко. Но, как вы поняли, исследование мое затянулось, а из него получился лонгрид, сравнительная таблица и эта статья.

Какие способы создания лендингов существуют

Я насчитала всего 5 вариантов, с помощью которых можно создать посадочную страницу:

  1. с помощью специальных платформ-конструкторов;
  2. с помощью плагинов на WordPress;
  3. с помощью сервисов почтовых рассылок;
  4. с помощью фреймворков или готовых шаблонов;
  5. написать с нуля (этот вариант наиболее сложный, тут не о нем)

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

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

Платформы-конструкторы целевых страниц

  • Обычно у таких платформ-генераторов целевых страниц есть удобный визуальный редактор, где с помощью техники drag-and-drop вы легко передвигаете элементы, редактируете текст, изображения, вставляете виджеты и т.п. Но есть конструкторы и без визуализации (Например, Vigbo, LpTrend).
  • Знание HTML и навыки программирования действительно не нужны.
  • Чаще всего вам предлагают тестовый период, чтобы прощупать функционал бесплатно (Платформа LP, Базиум, Leadkit, Landingi). Либо вы сразу можете создать свой лендинг, но чтобы опубликовать его, подключить к нему свой домен или убрать логотип конструктора, вам понадобится перейти на платный тариф (WIX, LPmotor).

В качестве примера платформы я рассмотрю в этой статье LPgenerator

Это платформа-генератор лендингов, она у всех на слуху и одна из первых в поисковой выдаче по запросу “лендинг”. В обмен на email можно 7 дней бесплатно протестировать платформу и опробовать визуальный редактор.

Вот так выглядит редактор LPgenerator

Он довольно простой и понятный, есть много привлекательных шаблонов под любые задачи, в которые также можно вставлять целые готовые блоки, есть специальные мобильные целевые страницы с лид-формами и функцией Click to Call. Можно вставить таймер, свои шрифты, слайдер отзывов, попапы, видео из YouTube, карты и еще много других виджетов и фишек. Что порадовало, так это то, что знание HTML и навыки программирования действительно не нужны, хотя с ними тут тоже можно много чего придумать.

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

Эту платформу можно интегрировать с Mailchimp, Sendpulse, GetResponse и целой кучей других сервисов.

Есть возможность подключить собственное доменное имя или новое.

Лендинги можно продвигать по SEO, но обычно это не так эффективно, как продвижение сайтов.

Здесь есть CRM управления лидами и LP Телефония.

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

  • Созданные страницы нельзя перенести на свой хостинг. LPgenerator считает это нарушением авторских прав. Кроме того, верстка страниц создана таким образом, что их невозможно перенести без ограничения функционала на другой хостинг. Сервера находятся в Дублине. Т.е. для аудитории в США, страница будет открываться медленнее, чем для европейцев. Для сайтов с большой посещаемостью из США это может привести к потерям денег на каждой дополнительной секунде загрузки страницы.
  • Еще один минус — запутанная тарифная сетка, хотя она позволяет выбрать наиболее оптимальную сумму и срок, но 16 вариантов - это уж слишком!
  • Есть 4 тарифных плана, и в каждом цены меняются в зависимости от того, выбираете вы эту платформу на месяц, 3 месяца, 6 или год. Плюс, дополнительные затраты с вас за привязку домена и подключение доменной почты в некоторых пакетах — 297 руб. Для сравнения с другими инструментами я взяла тот пакет, который мне навязывает сам LPgenerator, выделяя его серым цветом. В нем уже не будет брендинга от LPgenerator и нет лимита посетителей. И стоит он 2 799 руб. в мес при оплате за год, т.е. чуть больше 45 $ в месяц, это ни много ни мало 540 $ за год.

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

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

Плагины для WordPress

Представители: Elementor, Divi Builder, Seedprod, Instabuilder, Optimizepress, WP Page, Thrive Themes, Visual Composer

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

В качестве примера я рассмотрю в этой статье Visual Composer

Преимущество этого плагина для WordPress — наличие тестовой версии. Ее можно обменять за email. Есть как Frontend редактор, где вы сразу видите изменения, и Backend, что тоже удобно. Но некоторых инструментов для работы не хватает, нельзя сделать шаг назад, к примеру.

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

Этот плагин работает с любой WordPress темой — а это еще один плюс.

Более 60 шаблонов и 40 элементов, которые можно добавлять, в вашем распоряжении. Кроме того, можно создавать и сохранять свои шаблоны.

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

Неплохой вариант для постоянной работы всего за 34$.

Плагины подойдут тем, кто привык работать в Wordpress, но по функционалу они кажутся слабее многих платформ (ИМХО).

Сервисы почтовых рассылок

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

Представители: Estismail, GetResponse

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

Рассмотрим создание лендинга на примере GetResponse

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

Работа над шаблоном в редакторе

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

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

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

  • Здесь нельзя создать лендинг с эффектами параллакс или видео-фоном, редактор прост, но есть все необходимое

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

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

Фреймворки и шаблоны

Представители: Themeforest, TemplateMonster, Framework Startups, Framework Slides

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

Рассмотрим работу над созданием лендинга на примере Framework Slides

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

Шаблоны Framework Slides

Чтобы не говорить много, проще посмотреть это небольшое видео.

  • Главный и существенный минус в этом случае сидит в самом пользователе Slides Framework, потому что, если у вас нет знаний в HTML, CSS и jQuery, то осилить этот инструмент будет сложно.
  • Нельзя протестировать до покупки.

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

Какой инструмент лучше?

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

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

Из платформ я бы остановилась на Tilda Publishing. Очень простой и удобный конструктор с подъемной ценой (1000 руб или примерно 17.6 $ за месяц). Приберегу его для временных задач.

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

Но перед тем, как вы что-то выберете, я должна вас вот о чем предупредить:

Главное, что нужно помнить:

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

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

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

  • 2 часа придется потратить на выбор того инструмента, который нужен именно вам;
  • 5+ часов протестировать его и разобраться в нем;
  • 10+ часов займет создание лендинга. Что бы вам там не обещали конструкторы и плагины, они глючат и далеки от идеала. И это минимум 10 часов борьбы с пикселями и съезжающими шрифтами вам обеспечены (поверьте, я через это прошла).
  • 10 часов, чтобы подобрать тексты и изображения,
  • 3 часа минимум уйдет на проверку адаптивности сайта и общение со службой поддержки.

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

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

Когда все-таки стоит заказывать лендинг у профи

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

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

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

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

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

Содержание

  • Какой конструктор выбрать?
  • Этапы разработки лендинга
  • Описание ЦА
  • Поиск конкурентов
  • Создание прототипа
  • Верстка на конструкторе
  • Подключение метрики, настройка целей и виджетов
  • Заключение

Какой конструктор выбрать?

Существует множество конструкторов сайтов. Я перепробовал больше 5 и остановился на Платформа LP. Меня он полностью устраивает. Ниже основные причины, почему я выбираю именно его.

  • Выгодный тариф (14 дней бесплатно, далее от 490р/мес в зависимости от тарифа)
  • Легко разобраться в конструкторе
  • Встроенная CRM система для учета заявок
  • Широкий функционал возможностей для создания лендинга (свободные блоки, квизы, адаптивность под разные устройства и т.д.)
  • Интеграции с метрикой, системами онлайн оплаты, почтовой рассылки

Этапы разработки лендинга

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

  1. Описание ЦА
  2. Поиск конкурентов
  3. Создание прототипа
  4. Верстка на конструкторе
  5. Подключение метрики, настройка целей и виджетов

1. Описание ЦА

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

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

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

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

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

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

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

2. Поиск и изучение конкурентов

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

— Какой призыв используют на лендинге

— Какие преимущества указывают на сайте, что обещают

— Желание совершить целевое действие после прочтения сайта

— Общая оценка сайта (от 1 до 10)

3. Создание прототипа

Прототип – это структура будущего лендинга с текстовым наполнением. Без дизайна. Прототип упростит вам процесс создание лендинга и сэкономит время.

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

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

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

4. Верстка на конструкторе

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

  • Регистрируемся на сайте конструктора — ссылка на платформу LP
  • Создаем страницу. Можно выбрать один из готовых макетов или создать страницу с нуля
  • Добавляем нужные нам блоки в конструкторе и наполняем их текстами из прототипа
  • Добавляем фото и элементы дизайна
  • Проверяем отображение на разных устройствах (мобильный телефон, планшет, нотубук, десктоп). При необходимости редактируем.
  • Публикуем страницу. Ваш лендинг готов!

5. Подключение метрики, настройка целей и виджетов

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

  1. Настроить уведомления о заявках в платформе.
  2. Подключить систему приема платежей (если собираетесь принимать оплату)
  3. Подключить свой домен. Рекомендуется, но не обязательно. Платформа ЛП предоставляет свой поддомен бесплатно.
  4. Подключить метрику и настроить цели. Это поможет вам узнать, что посетители делают на вашем сайте – куда кликают, что читают и т.д.
  5. Подключить виджет обратного звонка и онлайн чат. Это существенно повышает конверсию сайта.
  6. Настроить поисковую оптимизацию, чтобы больше людей могли найти ваш сайт по нужному запросу.
  7. Настроить мета теги для соцсетей (картинка и описание, которое появляется при публикации вашей странице в соцсетях).
  8. Загрузить фавикон. Это значок, который отображается в браузере перед названием страницы.

Заключение

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

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

Приветствую Вас, Дорогие посетители блога WebMasterDima. На связи с Вами как всегда Дмитрий Смирнов, сегодня я действительно очень злой. Я хочу вам рассказать (а не навешать лапшу на уши) именно о том, как platformalp кидает людей, своих клиентов и партнеров, и где именно я делаю лендинги, и какой самый лучший лендинг конструктор! Читайте внимательно ребята!

platformalp

В реальности не хотел писать пост на данную тему, но сегодня просто психанул на счет комиссионных вознаграждений. PlatformaLP это такая система, которая живет сама по себе, как захочет! Однажды в 2017 года или 16 уже не помню, я потерял почти наверное 40 лендингов с инфопродуктами и подписными страницами, поменялись вовсе все правила, сейчас вообще это самая идиотская платформа для лохов чтоли. Представьте что в один прекрасный момент Вы просто теряете все лендинги, кто работает на QwertyPay, то вы сразу вылетаете из ТОПА, теперь вовсе кроме подписных страниц ничего делать на это г…. платформе нельзя! Ладно я знаю что это упыри, platformalp отстой! Идем далее!

Что в действительности представляла данная партнерская программа? Шикарные условия, выплаты быстрые, я выводил на Яндекс деньги или продлевал тариф! Но как же, нужно поменять правила, и что сделать? Верно! Просто тупо взять нагадить своим партнерам, вот читайте!

platformalp лохотрон

platformalp

Захожу вывести деньги, смотрю сумма к выплате 4434 рубля. Кстати, кто этой г….о платформой занимается, там вроде можно вывести на другой аккаунт партнера. Если кому нужно могу скинуть 4434 рубля на ваш аккаунт всего за 1000 рублей, а у вас будет свыше 4000. Иначе деньги зависли!

  1. Минимальная сумма к выплате 5000 рублей, больше собирать туда рефералов нет желания
  2. Выплаты только ЮР лицам или ИП. Я ИП, но чтобы вывести нужно до 5000 набрать + распечатать документы + их загрузить + ждать не понятно сколько и куча всего еще. То есть если вы не ИП и тд)))) Ну поняли, сделали ребята все чтобы максимизировать прибыль, чтобы деньги можно было выводить мгновенно только на свой аккаунт, то есть свои партнерские им же) А почему физ лицам нельзя например на карту вывести с той же минималкой в 5000? Да потому что мало ИП шников и выводов будет мало, а дай зеленый свет вам физ лицам, так все выводить будете.
  3. И ПРОСТО ШЕДЕВР. Даже если вы и являетесь ИП (5% населения) то выводить можно только РФ! То есть если Вы из Украины или Казахстана и тд, то хрен вам ваши комиссионные.

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

И кстати, хоть я писал негативные отзывы про e — pay, не смотря на это все, даже после бана аккаунта они выплатили остатки на счете, хотя имеют право не выводить, а когда я болел, так при старой администрации именно ClickPay мне дал денег на яндекс, и даже обратно их отказались потом брать! Вот теперь думайте кто порядочный, platformalp или e — pay! Думаю все очевидно!

lpmotor

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

Добавить комментарий Отменить ответ

Для отправки комментария вам необходимо авторизоваться.

Понравилась статья? Поделитесь пожалуйста ею используя кнопки ниже:


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

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

Лендинг нужен для привлечения клиентов через интернет-рекламу.
Обычно используется в связке с контекстной рекламой Яндекс.Директ и Google Ads.
Задача лендинга — ответить на все вопросы вашего потенциального клиента и сконвертировать его в заявку.

Из каких слоёв состоит Landing Page

Из каких слоев состоит Landing Page

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

1. Смысловой слой: прототип и текст

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

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

Из каких блоков (секций) состоит лендинг

  • Первый экран
  • Каталог услуг
  • Почему стоит обратиться к нам
  • Команда проекта
  • Этапы работ

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

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

Схематичное изображение (прототип) вашего лендинга

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

2. Визуальный слой: дизайн и артефакты

Дизайн лендинга

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

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

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

3. Технологический слой: вёрстка

Следующим этапом специалист по вёрстке (по-другому front-end — разработчик) преобразовывает дизайн в полноценный лендинг.

Технологический слой - верстка лендинга

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

Нужно, чтобы ваш лендинг корректно отображался на всех видах устройств:

  1. Компьютерах
  2. Ноутбуках
  3. Планшетах
  4. Телефонах

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

4. Конверсионный слой

Конверсия — это отношение посетителей, оставивших заявку, к посетителям, зашедшим на сайт. Если на ваш лендинг зашло 100 человек, а заявку оставили 10, то 10/100 * 100% = 10%
Конверсия — это тот самый заветный показатель, ради которого делается лендинг. Если у вас высокая конверсия, то вы получаете больше лидов и клиентов, затрачивая меньше денег на их привлечение.

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

Что составляет конверсионный слой:

А/B-тесты

А/В тест

Мультилендинг

Мультилендинг

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

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

Подробнее о мультилендинге читайте в этой статье.

Виджет обратного звонка

Виджет обратного звонка

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

Онлайн-консультант

Онлайн-консультант

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

Инструментов для увеличения конверсии лендинга великое множество. Примеры выше — малая часть, но весьма эффективная.

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

Структура продающего лендинга

1. Шапка и первый экран

Первый экран

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

Первый экран состоит из:

  • Главного заголовка (оффер/УТП)
  • Ключевых выгод от обращения в эту компанию в виде буллитов
  • Изображения продукта или видео
  • Призыва к действию
  • Формы заявки и кнопки

Как правило, в верхней части первого экрана располагается шапка с контактной информацией, в которой указаны:

2. Кейсы и отзывы

Секция кейсы и отзывы

Что в первую очередь интересует клиента, когда он изучает компанию?
Конечно же её кейсы. Люди — существа социальные. Поэтому нам крайне важно знать, что думают другие о той или иной компании, понравилось ли им качество продукта и сервиса, были ли с ними вежливы и многое другое.

Данная секция состоит из:

  • Описания результата, который вы дали своим клиентам
  • Фото- видеодоказательств выполненной работы
  • Отзывов клиентов
  • Призыва к действию
  • Формы заявки и кнопки

3. Выгоды клиента

Секция выгоды клиента

Примеры хорошо описанных выгод:

  • Гарантия 5 лет
  • Прочтёте первую книгу на английском уже через 20 дней обучения
  • Оплата только за результат
  • При покупке франшизы — маркетинговые инструменты в подарок

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

Данная секция состоит из следующих элементов:

  • Описания выгод клиента
  • Артефактов, подтверждающих заявленные смыслы (фото/видео)
  • Призыва к действию
  • Формы заявки и кнопки

4. Стоимость услуг

Секция стоимость услуг

Данная секция состоит из следующих элементов:

5. Этапы работ

Секция этапы работ

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

Данная секция состоит из:

  • Экспертного описания этапов сотрудничества
  • Артефактов, подтверждающих написанные смыслы (фото/видео)
  • Призыва к действию
  • Формы заявки и кнопки

6. Команда

Секция команда

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

Данная секция состоит из следующих элементов:

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

7. Отработка возражения

Секция отработка возражения

Данная секция состоит из:

  • Заголовка с возражением клиентов
  • Текста с отработкой страха
  • Артефакта, подтверждающего смысл (фото/видео)
  • Призыва к действию
  • Формы заявки и кнопки

8. Подвал

Секция подвал

Завершается лендинг вашими контактными данными. В подвале необходимо разместить:

  • Адрес
  • Телефон
  • Почту
  • Мессенджеры и социальные сети
  • Реквизиты
  • Политику конфиденциальности

Где взять шаблон лендинг пейдж

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

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

Шаблоны для Landing Page

Как сделать одностраничник самостоятельно

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

Читайте также: