Как сделать лендинг самому: инструкция от маркетолога. Landing Page от A до Я Создание лэндинг пэйдж

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

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

Для чего нужен лендинг

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

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

Как сделать лендинг пейдж

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

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

Есть и такой вариант - сверстать html-страницу самостоятельно, наполнить ее нужной информацией и ждать потока клиентов. Но и этот вариант подходит далеко не всем - не каждый имеет достаточные познания в верстке и не каждому будет интересно разбираться в этом. Значит ли это, что пора опускать руки и забывать о реализации своих планов? Вовсе нет, ведь на помощь приходит старый добрый Вордпресс.

Создание лендинга посредством WordPress

Несмотря на обилие всевозможных плагинов и тем, позволяющих собрать посадочную страницу, мы выберем один - Free Landing Pages Builder by Wishpond - и рассмотрим, как создать лендинг самому бесплатно - пошаговая инструкция для всех. Мы не будем рассматривать процесс самого создания и запуска сайта, а также установки плагина, поскольку туториалов в Рунете на эти темы представлено предостаточно. Приступим непосредственно к обзору сборки лендинга.

Создание Landing Page с помощью плагина Вордпресс

Первым делом необходимо пройти регистрацию, потому после установки жмем «SIGN UP», далее «STAR TRIAL FREE». Вводим адрес электронной почты, создаем пароль. Кликаем по «NEXT», после чего выбираем создание новой страницы - «NEW LANDING PAGE».

Процесс сборки посадочной страницы выглядит следующим образом:

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

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

Плюсы и минусы плагина Free Landing Pages Builder by Wishpond

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

Создание лендинга в конструкторе Wix

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

Переходим на сайт. Он встречает нас приветливым дизайном.

Жмем «Создать сайт». Появляется форма регистрации, которую можно быстро пройти, благодаря аккаунтам Facebook или Google.

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

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

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

Общие правила создания лендинга

Следующие советы помогут сделать лендинг в соответствии с требованиями маркетинга:

• Создаем запоминающийся логотип - это позволит повысить узнаваемость бренда.
• Заголовок - должен «цеплять» и интриговать потенциального посетителя, но ни в коем случае не отпугивать призывом к немедленной покупке. Пусть лучше он будет информативным и провокационным.
• Информация о компании и контактные данные - предназначены для создания атмосферы доверия для клиента. При наличии конкретного адреса он воспримет вашу фирму как серьезную организацию, а не как очередной сайт-однодневку.
• Данные о товаре или услугах - этот пункт должен совмещать подробное описание продукции, его фото- или видеообзор, а также реальные отзывы клиентов в отдельном блоке или виджете. Не злоупетребляйте шаблонными «Почему большинство выбирает нас» и т.д. - это скучно и не привлекает, используйте воображение.
• Плюсы сотрудничества должны быть представлены конкретным списком преимуществ бренда и покупки товара именно у вас. Никаких пространных рассуждений о том, до чего вы классные ребята. Только сухие факты и характеристики.
• Форма обратной связи или подписка на рассылку позволит вам поддерживать контакт и «добыть» заинтересовавшегося клиента.

Готовим прототип

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

Наполнение контентом

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

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

Ваша страница должна придерживаться параметров маркетингового стандарта AIDAS, где:

A - attention - привлечение внимания посетителя.
I - interest - пробуждение интереса потенциального клиента.
D - desire - разжигание желания.
A - action - побуждение пользователя к действию (покупке, заказу).
S - satisfaction - удовлетворение клиента приобретением и закрепление его для дальнейшего сотрудничества.

Оформление landing page

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

Несколько советов по оформлению:

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

Подведем итоги

Интернет дал миру огромный потенциал для создания сайтов практически любой тематики и направленности, в том числе и для Landing Page. Потому нет никакой необходимости отдавать деньги веб-студиям и фрилансерам, достаточно покорпеть в настройках и получить на выходе привлекательный и, главное, ни в чем не уступающий студийным или коробочным продуктам лендинг.

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

Не нужно делать «универсальный» лендинг со множеством категорий товаров в надежде охватить весь рынок. Лучшим вариантом будет запуск нескольких параллельных проектов с узкой специализацией.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лучший сервис для создания первого лендинга. Комплект из пары десятков одностраничных шаблонов подскажет наилучшие варианты оформления и подачи предложения. Редактор позволяет в считанные минуты собрать из готовых адаптивных блоков эффективную страницу. Главное - расположить секции в логическом порядке и красиво преподнести оффер. Изображения, табы, таймер для акций, отзывы, наглядная карта, коммуникации, включая заказ обратного звонка, и многое другое присутствует в полном объёме.

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

Плюсы:

• Идеально подходит для предпринимателей, далёких от разработки сайтов;
• Большой набор профильных виджетов;
• Солидный пакет коммуникаций: консультант, заказ звонка, социалки, формы, всплывающие окна, почтовые рассылки, CRM;
• Адаптивные шаблоны, структура которых идеальна для подачи лендингов;
• Простота освоения - от 1 часа до 1 дня;
• Крайне доступная стоимость.

Минусы:

• Отсутствуют встроенные инструменты для анализа конверсии. Можно компенсировать сторонней аналитикой;
• Тариф, позволяющий осуществлять приём оплаты онлайн, существенно дороже «Премиума», который отлично подходит для сборки лендингов.

1. Премиум ($4/мес) - набор ключевых возможностей.
2. Премиум + ($8/мес) - премиум-шаблоны и расширенная статистика.
3. Магазин ($9.6/мес) - корзина, приём оплат.
4. Про ($12/мес) - доступ ко правке кода.

Хотите получить скидку? Активируйте промокод UGUIDE-25 и сэкономьте -25% при оплате любого тарифного плана.

Конструктор лендингов uLanding → детальный обзор Наш выбор!

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

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

Плюсы:

• Понятная каждому подача статистических данных;
• Удобный интерфейс для одновременного тестирования нескольких страниц с подробной статистикой по результатам;
• Возможность вставки своего кода в макет страницы;
• Есть встроенный магазин (Ecwid);
• Доступна архивация лендингов и быстрое восстановление;
• Создание резервных копий в 1 клик;
• SMS с уведомлениями бесплатные;
• Интегрированная в панель управления amoCRM;
• Простой в использовании редактор;
• Хорошие по качеству адаптивные шаблоны, причём, поддерживается раздельное редактирование версий для ПК и смартфонов;
• Хорошая техподдержка.

Минусы:

• Небольшое количество готовых шаблонов;
• Мало готовых секций (не путать с виджетами).

Стоимость за месяц при оплате за год:

1. Начальный ($6.15/мес) - 1 проект, 5 лендингов, безлимитные SMS-уведомления, техподдержка 24/7.
2. Бизнес ($10.25/мес) - 3 проекта, 30 лендингов, живой чат с техподдержкой.
3. Продвинутый ($17.10/мес) - 10 проектов, 1000 лендингов.

Конструктор лендингов Wix → детальный обзор

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

Богатый набор виджетов, встроенный графический редактор, анимации, наборы иконок, растровых фигур и эффекты скроллинга позволят создать яркий лендинг, претендующий на высокую конверсию. Для работы с клиентской базой имеется встроенная CRM, возможность настройки маркетинговых и триггерных рассылок, для анализа результатов - Google Analytics. Использование Wix Code позволит настроить расписание вывода данных в зависимости от времени суток, региона и прочих вещей. Структура лендинга реализуется через анкорные ссылки на области макета.

Плюсы:

• Мощный редактор макетов страниц;
• Высокое качество и разнообразие готовых шаблонов;
• Множество виджетов, стоковых мультимедийных элементов;
• Возможность приёма онлайн-платежей;
• Встроенная CRM для обработки контактов;
• Множество маркетинговых приложений;
• Автоматизация сценариев поведения страницы при помощи Wix Code;
• Полный пакет приложений для коммуникаций: чат, заказ звонка, рассылки, всплывающие окна, комментарии, синхронизация с лентами социальных сетей и прочее;
• Возможность добавления своего кода на сайт: HTML/CSS, JavaScript.

Минусы:

• Новичкам потребуется время для освоения основной части возможностей редактора - он удобный, но не самый простой в обращении благодаря количеству и глубине настроек;
• Часть полезной функциональности доступна только в виде приложений - её нет из коробки в панели редактора, нужно подобрать и активировать приложение;
• Встроенные инструменты для анализа конверсии отсутствуют - воронки продаж, A/B-тесты, мониторинг по регионам/источникам трафика. Компенсируется подключением аналитических систем к странице.

Стоимость за месяц при оплате за год:

1. Connect Domain (123 руб/мес) - подключение домена, ключевая функциональность.
2. Combo (249 руб/мес) - домен в подарок, удаление копирайта системы.
3. Unlimited (375 руб/мес) - расширенное дисковое пространство, платные приложения бонусом.
4. eCommerce (488 руб/мес) - много места на диске, корзина, приём онлайн-оплат.
5. VIP (751 руб/мес) - почтовые рассылки плюс аудит сайта от эксперта Wix.

Конструктор лендингов LPGenerator → детальный обзор

LPGenerator - один из самых мощных специализированных конструкторов лендингов. В принципе, это идеальный сервис в своей нише. Относительная сложность редактора компенсируется огромными возможностями по кастомизации дизайна и функциональности страниц. Более 250 профессиональных шаблонов из 22 категорий. Продуманный и гибкий процесс прорисовки страницы с нуля, можно править код макетов вручную и загружать собственные. Есть витрина товаров с пагинацией - качественный мини-магазин внутри лендинга.

Полный набор инструментов для анализа конверсии и маркетинга (всесторонняя статистика, A/B-тесты, воронка продаж, источники трафика, цели конверсии, CRM, рассылки и прочее) позволяют выжать максимум эффекта со страниц. Редактор визуальный, виджетов очень много, есть удобный конструктор секций, мониторинг версий страницы с анализом конверсии и т. д. Аудитория системы - веб-студии и опытные разработчики. Для новичков есть «Академия лидогенерации» - мощный курс, который окажется полезным большинству пользователей.

Плюсы:

• Большой выбор шаблонов и возможность загрузки собственных;
• Ультимативный набор средств для анализа и увеличения конверсии;
• Поддержка множества сторонних приложений и синхронизаций с сервисами;
• Встроенная качественная CRM;
• Продуманная витрина одностраничного магазина с кучей настроек;
• Оповещения о событиях по SMS;
• Отличная обучающая программа для новичков и не только;
• Опционально можно заказать услуги от разработчиков.

Минусы:

• Дорогие пакетные тарифные планы, рассчитанные на профи;
• Сравнительная сложность использования - слишком много всего внутри.

Стоимость за месяц при оплате за год:

1. Базовый (558 руб/мес) - 1 домен, 3 страницы.
2. Продвинутый (1662 руб/мес) - 5 доменов, 50 страниц.
3. Безлимитный (2799 руб/мес) - всё без ограничений.
4. Корпоративный, White Label (11011 руб/мес) - свой брендинг для 15 аккаунтов, улучшенная техподдержка.

Конструктор лендингов uCoz → детальный обзор

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

Редактор поддерживает подключение сторонних PHP-скриптов и загрузку собственных шаблонов. При наличии опыта собрать лендинг - дело 1-2 вечеров. Сервис поддерживает синхронизацию с социалками, онлайн-чатами, конструкторами форм, калькулятором услуг и прочими полезными штуками. Кастомизация страниц происходит, в основном, через правку кода, хотя визуальный редактор тоже есть. Это вариант для тех, кто знает, как нужно верстать лендинги либо новичков, желающих опубликовать страницу на основе подарочного премиум-дизайна.

Плюсы:

Минусы:

• Сравнительно высокая сложность освоения;
• Среди стоковых шаблонов нет одностраничных;
• Необходимость владения кодом хотя бы на базовом уровне.

Стоимость за месяц при оплате за год:

1. Минимальный ($2.39/мес) - уменьшенный баннер, FTP-доступ, 1 Гб места.
2. Базовый ($4.79/мес) - снятие баннера, 2 Гб места, премиум-поддержка, HTTPS, Яндекс.Фиды.
3. Оптимальный ($6.39/мес)- 10 Гб места, премиум-шаблон и домен бесплатно.
4. Магазин ($7.99/мес) - 10 Гб места, модуль интернет-магазина.
5. Максимальный ($12.79/мес) - 20 Гб места, живой чат техподдержки.

Конструктор лендингов PlatformaLP → детальный обзор

PlatformaLP - специализированный конструктор посадочных страниц. Около полусотни классных шаблонов, куча стандартных виджетов, а также профильных вроде счётчиков/вкладок/декораций/спойлеров и визуальный редактор, позволяющий гибко отрегулировать структуру, содержимое каждой секции страницы для десктопного и мобильного формата в отдельности. Есть корзина - можно продавать онлайн. Поддерживается вставка HTML-кода, а также интеграция сторонних сервисов - Bitrix24, amoCRM, GetResponse, RoboKassa, MailChimp, Яндекс.Касса, JustClick, Mailer, Unisender, SendPulse и LeadVertex.

Поддерживаются мультилендинги: можно создать несколько вариантов посадочной страницы для демонстрации в различных регионах. Эффективность можно измерять A/B-тестами, аналитические данные получать от Google или Яндекса. Ещё можно добавить реакции лендинга на поведение посетителя - всплывающие окна различного содержания при уходе со страницы, прокрутке до футера, повторном заходе, подачи заявки, заполнении формы и т. д. Основано это на работе с Cookie (сообщение на согласие их использования есть). Можно включить lazy load для изображений (ускоряет загрузку страниц), добавить анимации, использовать Google Fonts.

Плюсы:

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

Минусы:

Стоимость за месяц:

1. Микро (490 руб/мес) - 1 домен, 1 страница, оповещения в Telegram.
2. Эконом (790 руб/мес) - 1 домен, 10 страниц, SSL, 100 SMS.
3. Бизнес (1390 руб/мес) - 5 доменов, 50 страниц, мультилендинг, A/B-тест, интеграции, корзина, многопользовательский режим.
4. Бизнес + (1990 руб/мес) - 5 доменов, 50 страниц, приём платежей.

Пакеты расширения для бизнес-планов:

1. +390 руб/мес (Бизнес) - +5 доменов, + 50 страниц.
2. +590 руб/мес (Бизнес+) - +5 доменов, + 50 страниц.

Конструктор лендинг пейдж Ucraft → детальный обзор

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

Поддерживаются интеграции 16 полезных сервисов (PayPal, Google, MailChimp и др.), стандартные SEO-настройки и приём онлайн-платежей. Значительно изменить стоковый шаблон можно при помощи инструментов дизайнера, идущих в комплекте. Новичкам пригодится шпаргалка прогресса сайта со списком задач и ссылками на области панели управления, в которых они решаются. Также есть эффекты, возможность командной разработки, гибкая настройка шрифтов и языков сайта. Всё это упаковано в приятный и простой интерфейс.

Плюсы:

• Возможность бесплатной публикации одностраничника со своим доменом и SSL;
• Множество готовых блоков, адаптивный дизайн;
• Поддержка мультиязычности сайтов и командной разработки;
• Возможность приёма оплаты онлайн;
• Встроенный конструктор логотипов, инструменты дизайнера;
• Шпаргалка прогресса для новичков.

Минусы:

• Отсутствие встроенных средств сбора статистики и анализа конверсии;
• Отсутствие некоторых характерных лендинговых виджетов вроде счётчика.

Стоимость за месяц при оплате за год:

1. Про Веб-сайт (₽670/мес) – 1 сайт, мультиязычность, блог, SEO, интеграции, круглосуточная техподдержка, снятие бренда «Ucraft»; добавление HTML/CSS/JS, 50 товаров для интернет-магазина, 70+ способов платежа и доставки;
2. Про Магазин (₽1400/мес) – неограниченное кол-во товаров, продажи без комиссии, мультивалютность, трекинг в реальном времени, неограниченный объём хранилища, скидочные купоны и оптовые скидк, управление магазином через iOS и Android, возможность отключения налогов, обратное начисление НДС;
3. Безлимит (₽2600/мес) – полное отсутствие лимита во всём, продажа на eBay, Facebook, Yandex.

Конструктор лендингов LPMotor → детальный обзор

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

Есть встроенная CRM хорошего качества, возможность тестирования вариантов одной и той же страницы (A/B-тест) и автоворонка продаж - интерфейс для настройки автоматических действий в случае выполнения пользователем заданного сценария (заполнил форму - получил письмо и т. д.). Поддерживаются всплывающие окна и множество интеграций: Jivosite, VK, Facebook, MailChimp, UniSender, GetResponse, Яндекс.Касса/Деньги, JustClick, amoCRM, PayPal, RoboKassa, Bitrix24, Yagla и прочее. Встроенная система сбора статистики приличная. Можно настроить получение уведомлений о заявках по SMS на почту или в Telegram. Есть анти-спам.

Плюсы:

• Классный редактор, гибкая настройка отдельных элементов и секций;
• Поддержка большого количества интеграций;
• Встроенные конструктор автоворонок, CRM, A/B-тесты и сбор статистики;
• Хорошие шаблоны, кастомизация, инструменты для создания дизайна с нуля;
• Возможность раздельного редактирования мобильной и десктопной версий страницы;
• Поддерживается вставка кода HTML;
• Есть встроенный магазин с корзиной и приёмом оплаты онлайн.

Минусы:

• Отключение подписи «LPMotor» в футере стоит дополнительные 600 рублей в год для каждой опубликованной страницы. Это отдельная услуга, не входящая в пакетные планы.
• В процессе работы нельзя сменить шаблон;
• В наборе элементов отсутствует таймер обратного отсчёта;
• Автоворонка подключается отдельно за дополнительную плату.

Стоимость за месяц при оплате за год:

1. Нано (360 руб/мес) - 1 домен, 10 сайтов, полная функциональность.
2. Мини (540 руб/мес) - 3 домена, 50 сайтов;
3. Стандарт (720 руб/мес) - 10 домен, 100 сайтов;
4. Безлимит (2400 руб/мес) - неограниченное количество доменов и страниц, без подписи сервиса.

Стоимость подключения автоворонки продаж (пробный период - 7 дней):

• Неделя - 990 рублей.
• Месяц - 2390 рублей.
• Год - 14990 рублей.

Конструктор лендингов Flexbe → детальный обзор

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

автоматически при добавлении домена. Можно вставить свой HTML-код на страницу.
Сервис поддерживает интеграцию приложений базовой важности (amoCRM, Bitrix24, CallbackHunter, Jivosite, GetResponse, UniSender), создание мультилендигов/геолендингов и предоставляет доступ к API. Приём онлайн платежей возможен через Яндекс.Касса, RoboKassa и карту Тинькофф. Можно подключить почтовые сервисы Google, Mail.ru и Яндекс. Кроме того, есть встроенная CRM среднего уровня и система сбора статистических данных. Можно настроить формат показа страницы при шаринге в социальных сетях. Присутствует мобильное приложение iOS/Android и настройки появления всплывающих окон.

Плюсы:

• Предельная простота сборки/настройки страниц из готовых блоков;
• Наличие встроенных CRM, статистики, A/B-тестов;
• Автоматически подключаемый SSL;
• Интерфейс для работы со всплывающими окнами;
• Поддержка интеграции ключевых для лендинга сервисов;
• Оповещения по SMS и почте о новых заказах;
• Возможность добавления администраторов страниц.

Минусы:

• Скудный набор готовых шаблонов;
• Встроенная CRM так себе;
• Отсутствие отдельных элементов/виджетов (только готовые секции);
• Кастомизация дизайна базового уровня.

Стоимость за месяц при оплате за год:

1. Стартовый (525 руб/мес) - 1 домен, 10 страниц, 250 SMS, SSL.
2. Бизнес (1050 руб/мес) - 5 доменов, 50 страниц, 500 SMS, мульти/геолендинг, A/B-тесты;
3. Ультра (2100 руб/мес) - домены и страницы не ограничены по количеству, 1000 SMS, 5 доп. пользователей.

Конструктор лендингов Mobirise → детальный обзор

Mobirise - бесплатная программа (Mac, Windows, Android), позволяющая собирать посадочные страницы из готовых блоков. Шаблоны представлены расширениями - платными наборами ($20-40) блоков, заточенных под конкретную задачу (бизнес, магазин, юрист, портфолио, ресторан и т. д.). Из коробки даётся 4 бесплатных шаблона. Также есть расширения для добавления интеграции социальных сетей и средств комментирования, перводчик, Soundcloud, Google Analytics, SEO-инструменты, а из платных - пакет иконок, корзина с оплатой через PayPal, редактор кода страниц и слайдер изображений.

Набор блоков (количество, структура, назначение) зависит от выбранного шаблона. Каждую секцию можно настроить, выбрав отображаемые элементы, цвета, эффекты, размеры и прочее. В целом, даже на бесплатном шаблоне блоков множество - их хватит с лихвой для сборки нормального лендинга со всеми фишками (отзывы, преимущества, колонки, табы, таймлайны, таймер, мультимедиа, прайс, карта, социалки и всё остальное). Страницы получаются адаптивные по умолчанию. Базовые SEO-настройки присутствуют. Для публикации страниц нужно купить хостинг и домен. Рекомендуем обратить внимание на пак со всеми платными расширениями.

Плюсы:

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

Минусы:

• Необходимо арендовать хостинг/домен отдельно;
• Обновление лендинга потребует наличия рабочих файлов проекта на ПК;
• Полное отсутствие средств сбора статистики и анализа конверсии ввиду формата сайтбилдера в виде приложения (можно подключить страницу ко внешним сервисам).

Стоимость:

1. Себестоимость страницы равна сумме, необходимой на аренду хостинга и доменного имени (примерно $20-30/год).
2. Стоимость полного пакета расширений составляет $197 - все шаблоны и интеграции.

Пошаговый план действий

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

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

Алгоритм создания лендинга

1. Регистрация в конструкторе.
2. Выбор шаблона подходящей тематики и/или структуры.
3. Добавление недостающих и удаление лишних для вашей задачи блоков.
4. Редактирование стокового контента под себя (тексты, цифры, изображения, ссылки) и заполнение с нуля свежедобавленных секций.
5. Настройка дизайна – цветов, эффектов, шрифтов, фонов, форм элементов и прочего.
6. Заполнение SEO-параметров.
7. Подключение необходимых интеграций (платёжные системы, социалки, рассылки, аналитика, статистика, живой чат, обратный звонок и прочее).
8. Оплата тарифного плана и подключение домена.
9. Публикация страницы.

Что должно быть?

Характер и порядок секций имеет огромное значение. Суть в том, что по мере листания страницы посетитель должен заразиться желанием последовать вашему предложению. И сделать это. А какие же блоки использовать для достижения цели? В каком порядке? 100% рецепта успеха любой страницы из любой ниши не существует, но кое-что можно обозначить:

• Шапка - качественное изображение или видеофон по теме, заголовок, передающий суть предложения, логотип, анкорное меню, и, возможно, здесь же кнопка (CTA - Call-To-Action, призыв к действию) - подписка, покупка, загрузка, переход куда-либо.
• Вторым блоком может быть таймер обратного отсчёта до конца какой-то акции с кнопкой CTA. Также сюда можно поставить описание вашего предложения (а уже после - CTA) - текст плюс изображение либо видео. Порядок зависит от того, насколько понятна суть оффера из шапки - нужно ли дополнительно показывать суть либо пора призывать к действию.
• Блок преимуществ предложения - буллитов. Можно оформить в виде слайдера (карусель) либо иконками с ёмкими, точными описаниями сильных сторон оффера. Лучше иконками с текстовыми подписями - так быстрее воспринимается информация, листать не нужно.
• Изображения или видео с продуктом в подходящем стилю страницы формате.
• Здесь может быть таймер до окончания предложения (если его не было вверху) либо тарифы, если речь идёт об услуге. Или короткий прайс в табах (2-5 позиций) на продукты. В общем, показ цен.
• Дальше можно поставить блок отзывов клиентов в формате табов или карусели.
• Здесь могут быть какие-то цифры, демонстрирующие популярность вашего продукта: количество скачиваний, довольных клиентов, подписок, сэкономленных средств, полученной пользы (смотря о чём речь), спасённых котятах и всего в таком духе.
• Форма - для совершения заказа, подписки, анкетирования либо чего-то ещё.
• Карта охвата географии вашей деятельности - реклама масштаба популярности (можно и без неё).
• Призыв к действию - кнопка CTA возле резюме предложения, подходящей иллюстрации либо в другом уместном формате.
• Футер логотипом, кратким содержанием оффера, адресом офиса, телефоном, мессенджерами, ссылками на социальные сети, основной сайт, блог и что-либо ещё в таком духе.

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

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

Оптимальными для большинства новичков будут uKit, uLanding и Wix - в них получаются хорошие лендинги. Недорого, быстро и красиво. Самый мощный профильный сервис - LPGenerator. Идущие следом PlatformaLP и LPMotor несколько уступают ему. uCoz может всё хорошо, и лендинги в том числе. Ucraft - неплохой вариант, Flexbe приятен и простоват, Mobirise - на любителя.

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

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

Здесь мы рассмотрим вариант бесплатного создания лендинга из html шаблона. Кстати, ваш лендинг будет на 100% адаптивным подо все мобильные устройства. А это сегодня важно.

Итак, вот пошаговый план самостоятельного создания лендинга:

И прежде всего давайте скачаем основу для нашего будущего лендинга — готовый профессиональный html шаблон.

#1 — Скачиваем бесплатный html шаблон лендинга

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

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

#2 — Заменяем картинку на главном экране

Когда скачаете — откройте папку «blue» и внутри вы найдете несколько файлов с расширением html. Кликните два раза на тот, который называется index.html.

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

Теперь нам надо его отредактировать. И удобнее всего это делать с помощью программы Notepad++ . Скачайте её и установите себе на компьютер.

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

Укажите размер файла «Большой». Пока для тренировки можете скачать . Мы как будто делаем лендинг для профессиональных юридических услуг.

Теперь копируйте это изображение в папку «images». Поменяйте его название на «banner.jpg». То изображение, которое уже называется «banner.jpg» в этой папке, переименуйте во что-нибудь другое.

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

Если выглядит что-то не так, то проверьте, правильно ли вы написали называние изображения, и точно ли вы скопировали картинку туда, куда надо.

Если все ОК, то переходим к редактированию текста.

#3 — Редактируем текст на главном экране

Кликайте правой кнопкой мыши по файлу «index.html» и выбирайте «Открыть с помощью — Notepad++».

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

И давайте сразу отредактируем главный экран нашего лендинга. Он самый важный, и конверсия в заказы будет на 80% зависеть именно от него.

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

:

После этого сохраняем документ, и обновляем лендинг в браузере. Получаем следующее:

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

Далее меняем подзаголовок. Чтобы посетитель сразу получил тот минимум информации, который необходим для заказа — прописываем наши конкретные предложения. Например: «Подготовка и сдача отчетности за 4 рабочих дня. Отчет УСН — от 5400р. ЕНВД без сотрудников — от 2100р.» Вставляем этот текст вот сюда:

Теперь меняем текст кнопок таким же образом. Пишем на белой «Заказать», на прозрачной — «Подробнее».

В итоге у нас получается вот такой главный экран лендинга:

#4 — Затемняем фоновую картинку

Все вроде бы неплохо, но мне, например, кажется, что фон у нас слишком светлый, и белые буквы на нем теряются. Предлагаю наложить более темный фильтр на картинку. Для этого переходим в папку «assets -> css ->images» и меняем названия у двух файлов, которые там расположены.

Более светлый называем, например «overlay2.png», а более темный — просто «overlay».

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

#5 — Заменяем форму подписки

Единственное, с чем у вас могут возникнуть сложности — это с формой подпиской в самом низу лендинга. Это надо регистрироваться в каком-нибудь сервисе рассылок, генерировать форму, вставлять её в лендинг и прочее.

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

То есть просто удаляйте всю форму и пишите в заголовке ваш номер телефона:

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