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