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

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

Почему так происходит? Причина банальна – желание сэкономить. Платите мало – профильные специалисты не хотят погружаться в проблему. Над созданием по-настоящему работающих landing pages нужно хорошо потрудиться. Поэтому сначала об основных вариантах.

Варианты создания лендингов

1. Найм фрилансеров/профильных команд. Очень эффективный способ создания лендингов, но наиболее затратный по времени и деньгам. Если первое (время) ещё как-то можно пережить, то денег у малого и микробизнеса катастрофически не хватает. Это не какое-то угнетение в правах, это констатация общесистемного факта. Одно только открытие своего дела требует крупных вложений, везде одни расходы (налоги, зарплата, закупка сырья/расходников и т.д., это бесконечный список). Кроме того, настоящих профессионалов тоже нужно найти, не факт, что первый же специалист, к которому вы обратитесь, справится с задачей. Где-то помогут рекомендации, где-то отзывы клиентов. Но суть не меняется. Риск попасть на неграмотного исполнителя большой.
2. Своими руками. Что называется «дёшево и сердито». Но и здесь не без минусов. Всю работу, которую должны были сделать профи, придётся делать самостоятельно. Это займёт время, придётся набить «шишки», погрузиться в тему, освоить какие-то технические навыки и т.д. Зато при самостоятельном создании лендинга вы экономите деньги. Ориентировочный бюджет 1 страницы у мастеров – 40-60 тыс. руб. А сэкономленные деньги – всё равно что заработанные. Главное, придерживаться плана и адаптироваться «на ходу». Ещё одна проблемная сторона – подбор правильного инструмента, чтобы создать лендинг бесплатно самому. Поиск и выяснение всех технических нюансов могут отнять много времени и нервов.

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

Выбор инструмента

Здесь есть свои нюансы. В случае с онлайн-сервисами могут быть ограничения в тех или иных тарифах. Если использовать коробочную CMS, то придётся задуматься о подборе хостинга. И т.д. Вообще, создание любого сайта – это целый пласт технических проблем.

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

uKit — лучший конструктор лендингов для малого бизнеса

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

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

Функциональность

Достаточный выбор готовых тематических шаблонов. Хотя всегда можно начать и с «чистого листа» (см. примеры сайтов на uKit). Типовое наполнение в шаблонах на русском языке, поэтому объём правок – минимальный. Если у вас уже есть страничка в соцсетях (Facebook или ВКонтакте), можно воспользоваться специальным инструментом по переносу контента.

В качестве системы аналитики можно использоваться встроенный сервис, а можно подключить свой вариант (например, Google Analytics или Яндекс.Метрика).

Созданные страницы автоматически адаптируются под экраны мобильных устройств, сертификаты SSL генерируются бесплатно. Есть интеграция с самыми востребованными инструментами: CRM-системы, SMS-рассылки, платёжные шлюзы и т.д.

Цены/стоимость

Бесплатных тарифов нет. Есть только тестовый период 14 дней для каждого нового сайта. «Премиум» обойдётся от 4,5 до 7,5 USD/месяц. Даже в минимальном тарифе уже будут включены SMS-уведомления с сайта и безлимитный хостинг. Но будет присутствовать неотключаемый копирайт платформы. Чтобы выключить его, придётся перейти как минимум на тариф «Базовый» (от 5,5 USD/месяц). Дальнейшее повышение тарифов особых преимуществ для лендингов не даёт. Старшие тарифы имеет смысл подключать, если вам нужны функционал онлайн-магазина, вставка своего HTML-кода или тонкая настройка цветовой палитры.

Минусы

В uKit очень небольшой перечень готовых интеграций с внешними сервисами. Предложенные могут кому-то не понравиться. Аналогичная ситуация с готовыми темами и цветовыми схемами. Нет механизма сплит-тестирования. Функционала онлайн-конструктора будет явно недостаточно для профессиональных разработчиков.

Создать лендинг самому на uKit →

Детальный обзор uKit →

---

WordPress — популярная бесплатная система для своего хостинга

WordPress — это универсальная коробочная CMS с открытым исходным кодом и огромным количеством дополнений. Максимально простой и понятный интерфейс. Любые функции, которых изначально нет в системе, можно добавить с помощью плагинов. Масштабное предложение готовых тем и шаблонов оформления. Есть как платные, так и полностью бесплатные решения.

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

Функциональность

Базовый функционал движка на самом деле скудный, что автоматически приводит к необходимости поиска и установки соответствующих дополнений. Вместе с тем, такой подход позволяет «собрать» движок под себя, точнее под стоящие задачи. Чтобы работать с лендингами было удобнее, можно установить плагин Elementor или аналогичные альтернативные редакторы страниц. Есть плагины для ЧПУ, для поддержки HTTPS-протокола, для интеграции с онлайн-чатами и т.д. В любой момент исходный код как шаблонов, так и плагинов можно доработать под себя (читайте здесь: примеры Wordpress-сайтов).

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

Цены/стоимость

Если говорить о движке и многих плагинах – они предоставляются полностью бесплатно. По крайней мере, при создании лендингов точно можно обойтись бесплатными вариантами. Если вы решили воспользоваться готовыми темами оформления, то на профильных ресурсах их можно найти по 20-90 USD. Они значительно ускорят и упростят разработку интерфейса.

Минусы

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

Создать лендинг самому →

Детальный обзор WordPress →

---

Nethouse — ведущая российская платформа для создания лендингов

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

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

Функциональность

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

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

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

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

Конструктор имеет стандартные seo-настройки, инструменты для создания рекламных кампаний в Яндексе и социальных сетях.

Цены/стоимость

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

Платные пакеты Сайт и Магазин стоимостью 400 руб. и 850 руб. в месяц отличаются количеством товаров в каталоге, объемом загружаемых фотографий и набором функциональных инструментов. При оплате за длительный период действуют скидки от 5% до 20%. Скрытие копирайта сервиса оплачивается отдельно (99 руб./месяц).

Минусы

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

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

Создать лендинг самому на Nethouse →

Детальный обзор Nethouse →

---

Tilda — самый технологичный сервис для лендингов

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

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

Функциональность

Именно технические возможности – сильная сторона сервиса. Помимо Lazy loading, Тильда может предложить: поддержку всех необходимых SEO-параметров (от индивидуальных тегов Alt для изображений до ЧПУ и ручного ввода мета-тегов, автоматическая генерация файла robots.txt и карты сайта, и т.д.). Если готовые блоки, доступные в редакторе, вам по какой-то причине не подходят, вы можете создать свой, полностью уникальный элемент (функционал «Нулевого блока» - Zero Block). Созданные страницы можно выгрузить в виде HTML-файлов и разместить на своём хостинге.

Есть встроенная CRM-система и сервис рассылок. При желании, можно воспользоваться API или готовыми интеграциями. Есть поддержка гео- и мультилендингов (когда отдельный текст или целые блоки показываются для различных категорий пользователей).

Цены/стоимость

Бесплатный тарифный план Free не имеет ограничений по времени, но с ним у вас не получится привязать собственный домен (есть и другие существенные ограничения). Можно получить тестовый доступ к премиум-функциям, но только на 2 недели.

Тариф Personal (от 10$/месяц) позволяет разместить только 1 сайт, выгрузить HTML нельзя. Максимум возможностей в тарифе «Business» - от 20$/месяц (есть вариации, отличающиеся количеством сайтов).

Готовые шаблоны – бесплатно. При оплате любого тарифа на 1 год – домен в подарок (тоже только на 1 год).

Минусы

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

Создать лендинг самому на Tilda →

Детальный обзор Tilda →

---

Flexbe — заточен под создание лендингов

На платформе Flexbe можно создавать сайты, интернет-магазины и даже квизы, но главный акцент сделан на продающие высоко конверсионные страницы. Несмотря на простоту и сдержанность интерфейса, конструктор позволяет проводить А/Б тестирование, создавать мультилендинги и геолендинги, работать с программным кодом и профессионально обрабатывать фотографии.

Функциональность

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

В Flexbe имеются инструменты для повышения конверсии сайта:

• мультисекция – создание нескольких вариантов лендинга для настройки рекламных кампаний;
• геосекция – персонализация содержимого сайта в зависимости от местоположения посетителя;
• А/Б тестирование – выбор наиболее эффективного варианта сайта на основании анализа контрольных элементов.

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

Функционал конструктора также позволяет организовать небольшой интернет-магазин с приемом онлайн-платежей.

Цены/стоимость

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

• Стартовый – 1 сайт без использования маркетинговых инструментов, 750 руб./месяц;
• Малый бизнес – 1 сайт, полный функционал конструктора, 950 руб./месяц;
• Бизнес – 5 сайтов, полный функционал конструктора, доступ для дополнительного пользователя, 1500 руб./месяц.

Во все тарифы включен SSL-сертификат и бесплатный домен в зонах .ru или .рф. При оплате пакета за 3 месяца действует скидка 10%, за год – 30%.

Минусы

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

Стоимость тарифных планов Flexbe является завышенной по отношению к возможностям системы.

Создать лендинг самому на Flexbe →

Детальный обзор Flexbe →

---

Mobirise — простая и удобная программа для создания лендингов

Mobirise – зарубежная оффлайн программа для разработки небольших адаптивных сайтов. Создание сайта осуществляется на локальном сервере в среде Windows, Linux или MacOS, а также мобильном Android приложении.

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

Функциональность

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

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

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

Необходимые блоки перетаскиваются в нужное место в drag-n-drop редакторе.

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

Цены/стоимость

Mobirise может использоваться абсолютно бесплатно как в личных, так и коммерческих целях. При желании пользователи могут приобрести платные шаблоны и дополнительный функционал, например, прием онлайн-платежей или HTML/CSS-редакторы кода страниц. Кроме этого, размещение сайта в Интернете подразумевает приобретение хостинга и доменного имени.

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

Минусы

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

Без дополнительных платных инструментов сложно избавиться от однотипности макетов, а бесплатного набора расширений недостаточно для создания эффективных бизнес-проектов. Приобретение пакета All-in-one-kit целесообразно только при потоковом создании сайтов.

Создать лендинг самому на Mobirise →

Детальный обзор Mobirise →

---

Основные шаги для создания лендинга

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

Дополнительные инструменты для лендинга

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

1. Онлайн-чат. Возможность получить консультацию в настоящий момент времени увеличивает конверсию посетителей сайта в клиентов. С помощью виджета онлайн-чата можно настроить живой диалог не только на сайте, но и в удобном для посетителя мессенджере или соцсети. В число популярных сервисов, предоставляющих виджеты мультифункционального чата, входят Live Chat, JivoSite, LiveAgent и др.
2. Обратный звонок. Функция обратного вызова является еще одним способом построения коммуникации с пользователями и повышения лояльности. Клиент вводит свой номер и указывает удобное для разговора время, после чего данные передаются менеджеру или оператору call-центра. Реализовать технологию Callback на сайте можно через специальные сервисы, например, JivoSite, LeadBack, Envybox и др.
3. Метрика. Инструменты веб-аналитики предназначены для сбора информации о посетителях с целью поисковой оптимизации сайта и повышения эффективности рекламных кампаний. Принцип действия метрики заключается в установке на сайт специального счетчика-кода, который передает собранные по различным параметрам сведения сервису-разработчику. Наиболее популярными являются бесплатные сервисы от Яндекса и Google.
4. Ретаргетинг. Маркетинговый механизм, позволяющий повысить конверсию рекламных кампаний путем демонстрации онлайн-рекламы заинтересованным пользователям. Ретаргетинг реализуется путем установки на сайт фрагмента кода от используемой рекламной сети. Это может быть Яндекс.Директ, Google Реклама, социальные сети ВКонтакте, Facebook, Instagram, TikTok и пр.
5. CRM. Системы учета клиентов и сделок позволяют оптимизировать различные бизнес-процессы: планирование, управление, сбор и анализ статистики, построение коммуникаций и др. Существуют компьютерные программы и облачные CRM-системы, доступные с любого устройства. Популярностью пользуются универсальные онлайн-сервисы, которые можно настроить под любую сферу деятельности – AmoCRM, Битрикс24, Мегаплан.
6. Калькулятор. При продаже товаров или услуг с «плавающей» ценой целесообразно размещение на сайте онлайн-калькулятора, который дает возможность посетителю самостоятельно произвести расчеты с учетом различных параметров. Его использование улучшает поведенческие факторы, увеличивает посещаемость сайта и количество продаж. Разработать такой калькулятор можно самостоятельно с помощью онлайн-конструкторов, например, uCalc, Сalccreator, FormDesigner.
7. Сбор базы подписчиков. База подписчиков может включать в себя как email-адреса, так и номера телефонов в зависимости от вида планируемых рассылок. Для сбора удобней использовать сервис, с помощью которого в дальнейшем будет осуществляться рассылка. Одной из мультифункциональных платформ является SendPulse, которая позволяет осуществлять почтовые, SMS и Viber рассылки.

Выводы

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

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

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