Как сделать лендинг самому: пошаговая инструкция

02 марта в 2017 137K image

Нужен ли мне лендинг?…

Если перед вами стоит такой вопрос, то, вероятнее всего, лендинг вам все-таки нужен. Хотя для начала нужно определиться – что такое лендинг.

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

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

Плюсы и минусы лендинга

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

Начну с минусов лендинга.

  1. Ограниченность информации. Много данных, отзывов и познавательных статей на лендинге вы не разместите, это не блог. Чаще всего компании дают подробную информацию уже по запросу – по электронной почте или телефону. Кто-то считает, что из-за этого доверие пользователей падает – тут сложно сказать, многие вывешивают на своих лендингах сертификаты и отзывы пользователей.
  2. Сложность SEO-продвижения. Этот минус вытекает из предыдущего. Все мы знаем, что для SEO важен контент – тексты, фотографии и так далее. Место на одностраничнике ограничено – много статей на нем не разместить, да и смотреться полотно текста будет непривлекательно. Поисковики плохо индексируют лендинги, поэтому если вы хотите активно продвигать себя в поисковиках по множеству запросов, лендинг пейдж не подойдет.
  3. Более трудная аналитика. Если на обычных сайтах вы можете посмотреть, на каких страницах были пользователи, что их заинтересовало, и как-то улучшать эти показатели, то в случае с лендингом все будет несколько сложнее. Конечно, это не является неразрешимой задачей.
  4. Неоднозначность восприятия. Так как лендингов стало много, то и отношение к ним изменилось – кого-то устраивают лаконичные страницы, содержащие только основную информацию, других раздражает необходимость прокручивать страницу вниз, а минималистичный дизайн кажется подозрительным. Тут важно отталкиваться от своей целевой аудитории – для кого вы готовите этот сайт? Кто будет его просматривать? Понравился ли им такая форма подачи?

Теперь перейдем к плюсам лендинга.

  1. Быстрая и недорогая разработка. И так понятно, что одну страницу сделать проще, чем десять, а редактировать информацию на них чаще всего не нужно (а значит, и необходимости в админке нет). А даже если что-то и придется менять, сделать это на одной странице существенно легче, чем на множестве. Во многом именно поэтому одностраничники и стали так популярны.
  2. Адаптивный дизайн. У большинства лендингов дизайн именно такой, поэтому можно не волноваться о том, нормально ли будет смотреться ваш сайт на мобильных устройствах. Таким образом, вы сразу привлекаете большую часть аудитории, которая сидит в интернете со смартофонов или планшетов.
  3. Простая навигация. Успех сайта зависит не только от красочной обертки и наполнения, но и от того, насколько потенциальным клиентам удобно им пользоваться. Посетителей раздражает, когда они не могут понять, куда нужно нажать, где находится нужная им информация, как с одной страницы перейти на другую и так далее. Будут ли такие проблемы на одностраничнике? При грамотной разработке – нет.
  4. Концентрация информации. Информации на лендинге поместится не так много – но стоит ли это рассматривать как минус? На одностраничнике намного проще концентрировать внимание посетителей на чем-то определенном. Вы можете сразу предоставить всю необходимую информацию, а не бояться, что пользователь не найдет номер телефона. Еще один вытекающий отсюда плюс – высокая концентрация информации на странице. Можно сделать десять страниц, и на каждой из них разместить скудное и скучное описание. А можно все уместить на одной странице, и даже если, в общем-то, информации не так много, посетителям будет казаться, что ее хватает с лихвой.
  5. Фокусирование на товарах/услугах. Исследования в области психологии и рекламы говорят о том, что покупателям намного проще определиться с выбором, если им представлен небольшой ряд товаров, чем в тех случаях, когда перед ними не заканчивающееся множество вещей. Если ваша цель – успешный бизнес какого-то конкретного товара (или нескольких), то делайте лендинг. Внимание потенциального покупателя будет максимально сфокусировано на том, что вы хотите ему продать.
  6. Красочность. Лендинги отличаются богатством изображений и красочностью. Уже доказано, что визуальная информация воспринимается лучше и быстрее текстовой – люди больше любят смотреть картинки, чем читать объемный текст. Изображения и помогут сделать ваш лендинг, во-первых, уникальным, во-вторых, привлекательным. В моду вошло и использование видео – тоже интересный вариант удержания внимания аудитории.

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

Создаем лендинг на WordPress

С чего начать? Начнем с выбора CMS!

WordPress – известная CMS, которую горячо любят многие пользователи. Она широко распространена, легка в освоении, гибка… поэтому и лендинг я решил сделать именно на этой платформе.

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

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

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

Переходим к разработке

WordPress – инструмент многогранный, в основном благодаря наличию моря плагинов. Поэтому и лендинг мы будем делать тоже при помощи плагина – а именно Free Landing Pages Builder by Wishpond. Пользоваться этим плагином совсем не сложно, вы разберетесь в нем буквально за пару минут!

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

Вам нужно зайти в панель администратора WP, скачать и активировать этот плагин. В вашем списке появится еще одна строчка – Landing pages – и, перейдя в этот пункт, вы можете начать создавать свой лендинг.

image

Наведите на картинку любого шаблона курсор: «Choose Template» – выбрать шаблон; «Preview» – превью (предварительный просмотр в окне справа). Советую сначала посмотреть превью шаблона и лишь потом брать его в работу. Кстати, в превью можно посмотреть шаблон и на мобильном устройстве. Удобно!

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

Определились c шаблоном? Нажимайте «Choose Template» и переходите к следующей части. Высветится окошко «Give Your Landing Page A Name» – дайте название своему лендингу.

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

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

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

После настройки лендинга не забудьте прошерстить настройки (Settings) – там можно, в частности, настроить SEO (задать название страницы и описание). «Share settings» – название, описание и картинка, которые будут показываться, если кто-то поделиться ссылкой на ваш сайт в соцсетях. Тут же вы сможете еще, к примеру, добавить шрифты (Add/Edit Fonts), если представленных по умолчанию вам покажется мало.

Публикация лендинга

Оформили лендинг? Проверили адаптивность отображения на других устройствах? Тогда переходим к публикации вашего проекта в сети.

Нажимайте яркую оранжевую кнопку «Publish» в горизонтальной панели!

В появившемся окошке выбирайте «Custom Domain» и вводите адрес сайта, на котором вы хотите разметить получившуюся страницу. Но я советую разместить сайт на поддомене (например, 1.example.ru), и далее поясню почему.

Внесение изменений на хостинге

Теперь вам нужно внести одно, но крайне важное изменение на хостинге – поменять запись CNAME используемого домена на wishpond.com. Так как на хостинге Timeweb можно поменять CNAME только для поддомена, я рекомендую использовать поддомен.

Для того чтобы внести изменения, войдите в свою панель управления хостингом, выберите пункт «Домены и поддомены», рядом с поддоменом нажмите на зеленую шестеренку («Настройки поддомена»), выберите вкладку CNAME, пропишите там «wishpond.com» и сохраните измнения.

Готово! Проверяйте работоспособность сайта и вносите изменения, если что-то не нравится!

Удачи! 

Иван Ломовцев +18

Просто хотите зарабатывать в интернете? Вам нужна целевая страница.

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

Как с нуля подготовить такую супер-продающую Landing Page или прокачать старую?

Все подробности и знания GM в нашем гиде. Начинайте читать прямо сейчас!

Увеличиваем конверсию на 115% сразу

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

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

Что вы должны знать о Landing Page

В этой статье вы узнаете:

  • Какая главная задача вашего лендинга
  • Чему нужно уделить особое внимание
  • Что должно быть на первом экране вашей посадочной страницы
  • 3 АНТИцели для лендинга (никогда так не делайте!)
  • 5 важных элементов Landing Page

Уберегите себя от тотальных ошибок

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

Обязательно прочтите:

  • 7 моментов, которые убивают конверсию на вашем лендинге (и что нужно сделать, чтобы увеличить доход)
  • Психологический триггер, который сбивает с толку ваших клиентов (и что с этим делать)

Подсекаем на крючок и ведем к покупке

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

Как написать продающий текст для Landing Page, который конвертирует ваших посетителей в клиентов

Внутри статьи:

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

Сколько текста должно быть на вашей Landing Page?

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

Цепляющий заголовок для лендинга

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

  • 4 новые базовые техники;
  • Рекомендации, как писать цепляющие заголовки и привлекать больше посетителей;
  • 147 работающих конструкций с гарантией роста конверсии;
  • 424 слова, которые вам стоит использовать в заголовке;
  • 17 красочных примеров.

Ключевая точка Landing Page

Весь ваш текст стимулирует и подводит посетителя к одному конкретному действию. Его цель – перевести потенциального клиента на другой уровень отношений с вами. Например, купить, оставить email и т.п.

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

В этом вам помогут 2 статьи Лаборатории знаний:

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

Соблазнительный фант для вкусной конфеты

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

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

Как минимум в 2 раза увеличить прибыль с вашей целевой страницы?

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

Еще материалы по теме:

10 Правил Гарантированно Успешного A/B Тестирования

Как Разобраться В Статистике А/В-тестирования [подробно для нематематиков]

Пока это все. Со свежими статьями буду обновлять пост.

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

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

Дата публикации: 2016-10-14

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

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

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

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

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

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

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

Узнать подробнее

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

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

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

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

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

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

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

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

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

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

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

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

Узнать подробнее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Узнать подробнее

Фреймворк Bootstrap 5. Быстрый старт

Изучите основы Bootstrap 5 на практическом примере по верстке интернет-магазина с нуля!

Смотреть 7 плагинов WordPress для бизнес-сайтов, которые должны быть у каждого Переезд WordPress сайта с помощью перемещения базы данных и файлов —>

Метки: landing page

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

https://webformyself.com/kak-sozdat-lending-pejdzh-landing-page-samostoyatelno/—>

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

Вам не потребуется помощь программистов или веб-дизайнеров — создать посадочную страницу можно самостоятельно. 

Содержание (развернуть)

11 лучших конструкторов Landing Page

Сразу перейдем к основной части статьи. Рассмотрим 11 лучших конструкторов Landing Page. Часть из них предоставляют бесплатный функционал — но с ограничениями.

LPMotor

LPMotor — это конструктор сайтов и лендингов, который поможет запустить готовую посадочную страницу за 1 час. После этого вы можете привлекать трафик на Landing Page и получать клиентов.

Особенности онлайн-сервиса: Встроенная CRM-система. Большой выбор шаблонов (465 готовых решений), которые разработаны с учетом 19 продающих скриптов. Корзина товаров. Сервис A/B тестов. Автоворонка продаж. Все сайты отлично выглядят на всех устройствах: компьютеры, смартфоны, планшеты. Простой и удобный редактор. Конструктор квизов. Все заявки с сайта попадают в единую панель. Можно подключить онлайн-платежи: Robokassa, Яндекс.Касса, Тинькофф, Cloud Payments. Всем новым пользователям домен в подарок.

Цена: от 750 руб/мес. При оплате за год: от 466 руб/мес. Начать работу с онлайн-сервисом можно бесплатно.

LPGenerator

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

Особенности онлайн-конструктора: В каталоге доступно более 350 шаблонов для лэндинг пейдж, quiz-сайтов, одноэкранников, интернет-магазинов и многостраничных сайтов. Все шаблоны разделены по тематикам: товары, реклама, авто, инфобизнес, услуги, здоровье и красота, мероприятия. Можно добавить свой домен или купить новое доменное имя в личном кабинете. Все заявки с сайта попадают в раздел «Лиды» — он находится в личном кабинете. Есть конструктор UTM-меток.

Цена: от 750 руб/мес. При оплате за год действуют скидки: от 466 руб/мес. 

Wix

Wix — платформа для создания профессиональных веб-сайтов: сайты-визитки, Landing Page, интернет-магазины, блоги. Одна из главных особенностей конструктора — простота использования. Вам не потребуются навыки программирования для работы.

Особенности сервиса: Два способа создания LP: в редакторе Wix, где вы можете редактировать практически все блоки; в среде ADI, где искусственный интеллект предложит несколько готовых вариантов дизайна и содержания. Можно создавать профессиональные веб-приложения с бессерверной обработкой данных. SEO: вы без проблем сможете вывести готовый сайт в ТОП выдачи поисковых систем, чтобы привлекать органический трафик. Можно получить персональное доменное имя для лэндинга.

Цена: от 8.50 долларов в месяц. Начать работу с онлайн-конструктором сайтов Wix можно бесплатно.

uKit

uKit — это конструктор сайтов для бизнеса. Работать с онлайн-сервисом можно с компьютера (веб-версия), а также с мобильных устройств (планшеты, смартфоны). Для этого есть специальное приложение uKit в Play Маркет и App Store.

Особенности конструктора: Более 350 шаблонов для сайтов и 38 тематик. Все посадочные страницы — адаптивные. Они хорошо отображаются на всех устройствах. Большой выбор шрифтов. Можно экспериментировать с палитрами. Нет ограничений на объем страниц, количество фотографий, видео или трафика. Удобный визуальный редактор: просто перетаскивайте и добавляйте элементы как вам нравится. Можно подключить собственный домен. Доступен встроенный визард который подскажет насколько сайт готов к продвижению.

Цена: от 5 долларов в месяц. Начать работу с uKit можно бесплатно.

Flexbe

Flexbe — удобный конструктор сайтов для бизнеса. Инструмент помогает легко создавать профессиональные Landing Page без программирования.

Особенности конструктора: Создание сайта из секций и элементов. Простой и понятный редактор. Можно добавить квизы на посадочную страницу. Интеграция с сервисами для приема платежей: Яндекс.Касса, Robokassa, Тинькофф. Сайт можно подключить к Яндекс.Метрике, AmoCRM, Битрикс24, Jivosite и другим полезным сервисам. Доступен инструмент для проведения А/Б-тестов. При создании сайта версия для мобильных устройств генерируется автоматически. В личном кабинете можно купить домен для лендинга.

Цена: от 750 руб/мес. Есть тестовый период на 14 дней.

LPTREND

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

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

Цена: от 400 руб/мес. Есть бесплатный тестовый период на 15 дней.

Tilda

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

Особенности: Большая библиотека блоков: полноэкранные обложки, формы заявок, типографика, фотогалереи. Всего в каталоге доступно более 550 блоков. Простой и интуитивный редактор. Есть Zero Block — графический редактор, который дает возможность создавать с нуля новые блоки с уникальным дизайном и адаптивностью. Можно оптимизировать сайты для поисковых систем. Большой выбор шрифтов. Можно подключить сервисы аналитики: Яндекс.Метрика и Google Analytics. Высокая скорость загрузки сайтов.

Цена: от 10 долларов в месяц. Есть бесплатный тариф.

Creatium

Creatium — мощный сервис для создания лендинг пейдж. Для работы с онлайн-сервисом вам не потребуются знания языков программирования и веб-дизайна.

Особенности сервиса: Более 700 шаблонов секций. Большой выбор шрифтов. Тысячи картинок для страниц доступны бесплатно. Есть слайдеры, которые помогут показывать больше информации на одном экране. Можно добавить меню на страницу. Доступен блок, который дает возможность вставлять собственный HTML-код. Все шаблоны отлично отображаются на любых устройствах. Поддерживается массовое редактирование элементов. Есть инструмент для проведения А/Б тестов. Можно подключить CRM и аналитику.

Цена: от 600 руб/мес. Начать работу с онлайн-конструктором можно бесплатно.

Nethouse

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

Особенности: Более 100 красивых шаблонов. Для работы с сервисом не нужны навыки программирования. Можно подключить собственный домен, почту, онлайн-оплату.

Цена: от 210 руб/мес. Первые 10 дней — бесплатно.

Ucraft

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

Особенности: Простой и удобный интерфейс. Вам нужно просто перетаскивать нужные блоки и элементы на экран. Бесплатный и надежный хостинг от Google Cloud. Доступно более 50 популярных способов оплаты. Большой выбор шаблонов для любого бизнеса. Есть встроенный конструктор логотипов. Можно создать полноценный блог.

Цена: от 650 руб/мес. Есть бесплатный тариф.

Читайте также:  ТОП-20 красивых шаблонов для интернет-магазина WordPress: бесплатные и платные

Платформа LP

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

Особенности: Встроенные A/B-тесты. Интеграция с популярными сервисами: amoCRM, Битрикс24, SendPulse, Яндекс.Касса, Google Analytics и другие. Более 50 бесплатных шаблонов. Заявки приходят на email или по SMS. Адаптивность под мобильные устройства. Простой и удобный редактор. Встроенный хостинг для страниц и контента.

Цена: от 490 руб/мес.

Как сделать продающий лендинг: 6 советов

Мы подготовили для вас 6 практических советов, которые помогут создать продающий Landing Page:

  1. Одна страница — один продукт. Не нужно добавлять десятки товаров на один лендинг пейдж. 
  2. Изучите целевую аудиторию. Составьте портрет ЦА: сколько лет вашим покупателям, где они живут, какие у них интересы.
  3. Анализируйте конкурентов. Смотрите, какие «фишки» используют конкуренты на своих посадочных страницах.
  4. Грамотный копирайтинг. Пишите грамотные продающие тексты. Рассказывайте потенциальным покупателям о преимуществах своих товаров — покажите, как ваш товар/услуга решит их проблему.
  5. Добавьте призыв к действию. Добавляйте кнопки с call-to-action: например, «Оставить заявку», «Купить».
  6. Не забывайте про дизайн. В случае с конструкторами, выбирайте красивый шаблон, который подходит для вашего бизнеса.

Итоги

Мы рассмотрели ТОП-11 конструкторов лендингов. Они помогут вам создать продающий Landing Page самому: без помощи дизайнеров и программистов. 

Выбирайте любой понравившийся онлайн-конструктор из списка и создайте свой первый LP. 

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

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

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

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

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

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

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

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

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

» alt=»»>

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

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

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

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

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

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

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

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

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

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

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

    или так

  6. На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
  7. Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).
  8. Также неплохо работают на посадочных страницах сравнения «до и после». Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
  9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
  10. Для стимулирования подписчиков или покупателей некоторых товаров (например, инфопродуктов и прочих вариаций инфо-бизнеса) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
  11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды. Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.
  12. Пользователи также хотят знать, кто именно им предлагает данный товар, услугу, видеокурс и т.п., поэтому необходимо в лендинге указывать информацию об авторе, магазине, фирме. Естественно, что хорошо было бы при этом упомянуть достоинства, достижения, конкурентные преимущества, но не перехваливайте себя, дабы не перейти ту грань, за которой уже снижается доверие к опубликованной информации.

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

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

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

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

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

» alt=»»>

Оцените статью
Рейтинг автора
4,8
Материал подготовил
Максим Коновалов
Наш эксперт
Написано статей
127
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий