Как сделать хороший лендинг (landing page) своими руками: инструкция для новичков

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

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

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

Но для начала немного теории…

к оглавлению ↑

Landing page: что это и для чего он нужен?

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

Среди особенностей landing page стоит выделить:

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

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

К достоинствам landing page относятся простота навигации и быстрота разработки.

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

к оглавлению ↑

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

Перед тем как приступить к разработке, оцените преимущества и недостатки всех вариантов запуска веб-проекта.

Способ 1. Лендинг на своем хостинге на HTML или CMS: «за» и «против»

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

Единственный способ изменить контент – вручную внести правки в код на сервере: разработка и доработка сайта требует знаний HTML и CSS. К минусам следует также отнести и отсутствие интерактивности.

Что касается преимуществ таких лендингов:

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

Теперь поговорим о landing page, сделанных на CMS (системы управления контентом). Это удобнее чем html-страницы.

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

В обоих случаях, вам нужно будет самостоятельно:

• выбрать и зарегистрировать домен и хостинг
• выбрать CMS и найти подходящий шаблон для лендинга
• установить и отредактировать шаблон под свои товары/услуги
• настроить формы сбора заявок, способы оплаты и аналитику

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

Если у вас нет времени или желания разбираться в этом, то лучше всего воспользоваться конструкторами лендингов:

к оглавлению ↑

Способ 2. Конструкторы лендингов: «за» и «против»

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

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

Что касается минусов конструкторов:

• free-аккаунты имеют ограниченный функционал с ограничениями по дисковому пространству, привязке доменного имени 2-го уровня;
• бесплатные сайты обычно «украшены» рекламой сайтбилдеров;
• такие проекты обладают низким уровнем кастомизации;

к оглавлению ↑

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

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

LPmotor – удобный и многофункциональный

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

LPmotor занимает почетное первое место в нашем списке самых лучших конструкторов целевых страниц.

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

LPmotor позиционирует себя как недорогой, простой сервис для запуска и сопровождения лендинга. Он пользуется высоким спросом: на сегодняшний день услуги конструктора положительно оценили 338 800 пользователей.

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

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

Среди них:

• шапка сайта;
• первый экран;
• преимущества;
• призыв к действию;
• текст;
• товары;
• галерея;
• отзывы;
• контакты;
• подвал.

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

Разработчики платформы позаботились также о встроенной CRM (система управления заявками клиентов), автоворонке продаж, корзине и платежной системе. Для дальнейшей оптимизации лендинга предусмотрено А/Б-тестирование и аналитика. Совместные доступы – гарантия удобной работы над проектом целой команды.

К одностраничному сайту можно привязать:

• систему обработки заявок;
• Яндекс.Метрику и Google Analytics;
• сервис почтовой рассылки;
• онлайн-чат;
• систему автоматизации бизнеса;
• конструктор социальных кнопок.

Хозяину веб-проекта доступна интеграция кода. Можно настроить получение уведомлений по sms, Telegram, email, web-push, sms и vk.

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

• «Мини» за 540 рублей ежемесячно (при оплате за целый год) – позволяет запустить 50 лендингов с прикреплением трех доменов, со всеми интеграциями и защитой от Ddos-атак.
• «Стандарт» за 720 рублей в месяц – можно создать 100 одностраничников и привязать 10 доменных имен.
• «Безлимит» за 2400 рублей – владелец аккаунта не ограничен количеством сайтов и доменов.

Способы оплаты тарифов:

• WebMoney;
• «Альфа»;
• безналичный расчет;
• «Связной»;
• Qiwi;
• банковские карты;
• через телефон;
• Яндекс.Деньги;
• «Евросеть».

к оглавлению ↑

LPgenerator – профессиональный инструмент для лидогенерации

 

LPgenerator – самый мощный и функциональный русскоязычный конструктор лендингов.

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

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

LPgenerator предлагает 500 вариантов макетов на любой вкус. Библиотека содержит отдельные категории с обычными одностраничниками, мобильными страницами и макетами для Facebook. Можно купить премиум-шаблон в магазине целевых страниц.

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

• стартапы;
• конверсионные пути;
• схематические;
• мини-сайты;
• общие;
• Cover Page;
• товарные витрины;
• услуги;
• товары;
• портфолио, инфобизнес;
• благотворительность.

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

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

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

• JustClick.ru;
• Bitrix24;
• GetResponse.ru;
• Zingaya.com;
• Robokassa.ru;
• MailChimp.com;
• SMSint.ru;
• amoCRM.ru;
• Dropbox.com;
• ExpertSender.ru;
• MegaPlan.ru;
• UniSender.com.

Бесплатный тариф отсутствует. «Базовый» пакет за 799 рублей в месяц (при оплате за год предусмотрена скидка 30%) ориентирован на публикацию трех страниц и привязку одного домена. При выборе этого тарифа в футер будет вставлена реклама конструктора.

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

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

Самым дорогим тарифом (15 730 рублей ежемесячно) является «Корпоративный». Он позволяет создать персональный брендинг и 15 субаккаунтов с разграничением доступа.

Способы оплаты тарифов:

• «Сбербанк онлайн»;
• Maestro;
• Qiwi;
• МИР;
• «Альфа-Банк»;
• банковские карты;
• WebMoney;
• Tele2;
• «Евросеть»;
• Beeline;
• МТС;
• «Мегафон»;
• Яндекс.Деньги.

к оглавлению ↑

Bloxy – улучшенная защита и расширенный функционал

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

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

Продвинутые веб-мастеры могут запустить одностраничный сайт на базе Bloxy в течение 10 минут.

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

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

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

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

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

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

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

Чтобы параллельно запустить большое количество проектов, стоит выбрать тариф «Развитие бизнеса» с привязкой 10 доменов и возможностью создания 60 интернет-страниц. Этот тарифный план обойдется вам в 2970 рублей ежемесячно (при оплате услуги на год пользователи получают 25% скидку).

Способы оплаты тарифов:

• банковские карты;
• «Альфа-клик»;
• PayPal;
• наличный и безналичный расчет;
• WebMoney;
• Qiwi;
• Masterpass.

к оглавлению ↑

Примерная структура будущей посадочной страницы

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

1. Заголовок. Сформируйте и продемонстрируйте клиентам свое уникальное торговое предложение (УТП). В заголовке и подзаголовке надо кратко, но емко убедить аудиторию выбрать именно вас.
2. Название фирмы/логотип/контакты. Идентифицируйте свою компанию – так вы повысите уровень доверия читателей, улучшите конверсию своего лендинга.
3. Демонстрация товара или услуги. Никто не хочет покупать кота в мешке. Покажите продукцию в лучшем свете с помощью видео, фотографий и небольшого текстового описания.
4. Преимущества бренда. Этот блок должен отвечать на потенциальный вопрос пользователя «Зачем мне это надо?», «Какие мои проблемы решит этот товар/услуга?». Главное – сохранить баланс между краткостью и информативностью.
5. Оффер. Речь идет о четко сформулированном коммерческом предложении с временными рамками. Вашей задачей является демонстрация реальной ценности для целевой аудитории.
6. Призыв к действию. В этом месте мы мотивируем человека совершить покупку. Можно предложить скидку или дополнительный бонус. Обычно такие предложения имеют временные ограничения с таймером обратного отсчета.
7. Обратная связь. Сюда входит лид-форма (форма обратной связи). Согласно результатам сплит-тестирований ее лучше размещать в самом низу.
8. Социальные доказательства. Они необходимы для обработки возражений и доказательства авторитета вашей организации. Социальными доказательствами могут стать цифры, демонстрирующие опыт, количество сотрудников и успешных сотрудников, сертификаты и награды. Хорошо работают отзывы с реальными фотографиями клиентов и их профилями в соцсетях.

к оглавлению ↑

Как сделать лендинг с нуля на примере конструктора LPmotor

Пошаговый алгоритм действий таков:

Регистрация на сервисе LPmotor.

Входим в личный кабинет и нажимаем кнопку «Создать сайт».

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

Выбираем категорию и подходящий шаблон для будущего лендинга.

Редактируем шаблон под себя: заменяем тексты и картинки, добавляем нужные элементы, работаем с фоном.

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

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

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

Публикация одностраничника – для этого требуется нажать на соответствующую кнопку во вкладке «Рабочий стол».

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

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

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

 2,306 total views,  1 views today