Как сделать хороший лендинг (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;
банковские карты;
через телефон;
Яндекс.Деньги;
«Евросеть».

Преимущества

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

Недостатки

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

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

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

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

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

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

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

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

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

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