Здравствуйте, друзья. В этой статье я дам вам пошаговую инструкцию, как сделать лендинг самому — бесплатно и профессионально. То есть ваш лендинг будет выглядеть действительно красиво, не хуже, чем у конкурентов. Перед началом работы можете, кстати, от руки прописать .
Здесь мы рассмотрим вариант бесплатного создания лендинга из 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 лет =)
Лучший сервис для создания первого лендинга. Комплект из пары десятков одностраничных шаблонов подскажет наилучшие варианты оформления и подачи предложения. Редактор позволяет в считанные минуты собрать из готовых адаптивных блоков эффективную страницу. Главное - расположить секции в логическом порядке и красиво преподнести оффер. Изображения, табы, таймер для акций, отзывы, наглядная карта, коммуникации, включая заказ обратного звонка, и многое другое присутствует в полном объёме.
Меню лендинга поддерживает анкорные ссылки для быстрого доступа к секциям. Эффект параллакса, широкоформатные блоки с красивой подачей изображений и видеофоны помогут создать насыщенную и полезную страницу. Всплывающие окна позволят акцентировать внимание посетителей на акциях. Бесплатное подключение SSL укрепит доверие клиентов, отправляющих вам личные данные через форму. Оптимальный рецепт: выбираете наиболее близкий по тематике шаблон, заполняете своим контентом и публикуете, ничего структурно не меняя.
Плюсы:
- Идеально подходит для предпринимателей, далёких от разработки сайтов;
- Большой набор профильных виджетов;
- Солидный пакет коммуникаций: консультант, заказ звонка, социалки, формы, всплывающие окна, почтовые рассылки, CRM;
- Адаптивные шаблоны, структура которых идеальна для подачи лендингов;
- Простота освоения - от 1 часа до 1 дня;
- Крайне доступная стоимость.
Минусы:
- Отсутствуют встроенные инструменты для анализа конверсии. Можно компенсировать сторонней аналитикой;
- Тариф, позволяющий осуществлять приём оплаты онлайн, существенно дороже «Премиума», который отлично подходит для сборки лендингов.
- Премиум ($4/мес) - набор ключевых возможностей.
- Премиум + ($8/мес) - премиум-шаблоны и расширенная статистика.
- Магазин ($9.6/мес) - корзина, приём оплат.
- Про ($12/мес) - доступ ко правке кода.
Конструктор лендингов uLanding → детальный обзор
Специализированный конструктор посадочных страниц. Предназначен для тестирования маркетинговых гипотез, арбитража трафика и заработка на офферах веб-предпринимателями. Подходит и новичкам, и опытным пользователям. Редактор позволяет собирать страницы из готовых секций и виджетов, последовательно добавляя их один за другим. Выбор их достаточный: прайс, отзывы, этапы, таймлайн, таймер, таблица, заголовки, кнопка, галерея, свой код HTML, обратный звонок, живой чат, панели соцсетей и прочие.
Эффективные структуры дизайна для уверенных продаж, сдобренные эффектами переходов, корректно отображаются на всех типах экранов. Изюминка сервиса - отличная подача статистической информации. Конверсия в процентах, точки падения продаж, посещаемость по источникам и прочее - всё понятно для новичков и достаточно детально для опытных веб-мастеров. Подключение SSL бесплатное. Добавление всплывающих окон позволит получить ещё больше лидов. Простой в использовании и эффективный конструктор.
Плюсы:
- Понятная каждому подача статистических данных;
- Удобный интерфейс для одновременного тестирования нескольких страниц с подробной статистикой по результатам;
- Возможность вставки своего кода в макет страницы;
- Есть встроенный магазин (Ecwid);
- Доступна архивация лендингов и быстрое восстановление;
- Создание резервных копий в 1 клик;
- SMS с уведомлениями бесплатные;
- Интегрированная в панель управления amoCRM;
- Простой в использовании редактор;
- Хорошие по качеству адаптивные шаблоны, причём, поддерживается раздельное редактирование версий для ПК и смартфонов;
- Хорошая техподдержка.
Минусы:
- Небольшое количество готовых шаблонов;
- Мало готовых секций (не путать с виджетами).
Стоимость за месяц при оплате за год:
- Начальный ($6.15/мес) - 1 проект, 5 лендингов, безлимитные SMS-уведомления, техподдержка 24/7.
- Бизнес ($10.25/мес) - 3 проекта, 30 лендингов, живой чат с техподдержкой.
- Продвинутый ($17.10/мес) - 10 проектов, 1000 лендингов.
Конструктор лендингов Wix → детальный обзор
Wix - конструктор для создания лендингов с богатым, разнообразным дизайном и полным набором маркетинговых уловок. Можно нарисовать запоминающийся, уникальный шаблон либо воспользоваться одним из многочисленных готовых вариантов - заполняете своим контентом, и страница готова к публикации. Богатый набор приложений позволит добавить эффекты, таймеры, всплывающие окна, отзывы, интеграции социальных сетей, анимированные счётчики посетителей, подарочные карты, красивые формы обратной связи, сбора подписок, записи на приём и прочее по смыслу задачи.
Богатый набор виджетов, встроенный графический редактор, анимации, наборы иконок, растровых фигур и эффекты скроллинга позволят создать яркий лендинг, претендующий на высокую конверсию. Для работы с клиентской базой имеется встроенная CRM, возможность настройки маркетинговых и триггерных рассылок, для анализа результатов - Google Analytics. Использование Wix Code позволит настроить расписание вывода данных в зависимости от времени суток, региона и прочих вещей. Структура лендинга реализуется через анкорные ссылки на области макета.
Плюсы:
- Мощный редактор макетов страниц;
- Высокое качество и разнообразие готовых шаблонов;
- Множество виджетов, стоковых мультимедийных элементов;
- Возможность приёма онлайн-платежей;
- Встроенная CRM для обработки контактов;
- Множество маркетинговых приложений;
- Автоматизация сценариев поведения страницы при помощи Wix Code;
- Полный пакет приложений для коммуникаций: чат, заказ звонка, рассылки, всплывающие окна, комментарии, синхронизация с лентами социальных сетей и прочее;
- Возможность добавления своего кода на сайт: HTML/CSS, JavaScript.
Минусы:
- Новичкам потребуется время для освоения основной части возможностей редактора - он удобный, но не самый простой в обращении благодаря количеству и глубине настроек;
- Часть полезной функциональности доступна только в виде приложений - её нет из коробки в панели редактора, нужно подобрать и активировать приложение;
- Встроенные инструменты для анализа конверсии отсутствуют - воронки продаж, A/B-тесты, мониторинг по регионам/источникам трафика. Компенсируется подключением аналитических систем к странице.
Стоимость за месяц при оплате за год:
- Connect Domain (123 руб/мес) - подключение домена, ключевая функциональность.
- Combo (249 руб/мес) - домен в подарок, удаление копирайта системы.
- Unlimited (375 руб/мес) - расширенное дисковое пространство, платные приложения бонусом.
- eCommerce (488 руб/мес) - много места на диске, корзина, приём онлайн-оплат.
- VIP (751 руб/мес) - почтовые рассылки плюс аудит сайта от эксперта Wix.
Конструктор лендингов LPGenerator → детальный обзор
LPGenerator - один из самых мощных специализированных конструкторов лендингов. В принципе, это идеальный сервис в своей нише. Относительная сложность редактора компенсируется огромными возможностями по кастомизации дизайна и функциональности страниц. Более 250 профессиональных шаблонов из 22 категорий. Продуманный и гибкий процесс прорисовки страницы с нуля, можно править код макетов вручную и загружать собственные. Есть витрина товаров с пагинацией - качественный мини-магазин внутри лендинга.
Полный набор инструментов для анализа конверсии и маркетинга (всесторонняя статистика, A/B-тесты, воронка продаж, источники трафика, цели конверсии, CRM, рассылки и прочее) позволяют выжать максимум эффекта со страниц. Редактор визуальный, виджетов очень много, есть удобный конструктор секций, мониторинг версий страницы с анализом конверсии и т. д. Аудитория системы - веб-студии и опытные разработчики. Для новичков есть «Академия лидогенерации» - мощный курс, который окажется полезным большинству пользователей.
Плюсы:
- Большой выбор шаблонов и возможность загрузки собственных;
- Ультимативный набор средств для анализа и увеличения конверсии;
- Поддержка множества сторонних приложений и синхронизаций с сервисами;
- Встроенная качественная CRM;
- Продуманная витрина одностраничного магазина с кучей настроек;
- Оповещения о событиях по SMS;
- Отличная обучающая программа для новичков и не только;
- Опционально можно заказать услуги от разработчиков.
Минусы:
- Дорогие пакетные тарифные планы, рассчитанные на профи;
- Сравнительная сложность использования - слишком много всего внутри.
Стоимость за месяц при оплате за год:
- Базовый (558 руб/мес) - 1 домен, 3 страницы.
- Продвинутый (1662 руб/мес) - 5 доменов, 50 страниц.
- Безлимитный (2799 руб/мес) - всё без ограничений.
- Корпоративный, White Label (11011 руб/мес) - свой брендинг для 15 аккаунтов, улучшенная техподдержка.
Конструктор лендингов uCoz → детальный обзор
uCoz - удачный выбор для продвинутых разработчиков. Позволяет работать с кодом, есть конструктор шаблонов, в котором легко выстроить блочную структуру одностраничника. Для новичков наилучший вариант - использование премиум-шаблона, их очень много и там всё есть: красивый дизайн, правильная структура, функциональность (формы, заказ чего-либо, витрина и т. д.). Кроме того, продвинутая система сбора статистики поможет отслеживать эффективность страницы и продвигать, ведь контекстную рекламу можно контролировать прямо из панели управления.
Редактор поддерживает подключение сторонних PHP-скриптов и загрузку собственных шаблонов. При наличии опыта собрать лендинг - дело 1-2 вечеров. Сервис поддерживает синхронизацию с социалками, онлайн-чатами, конструкторами форм, калькулятором услуг и прочими полезными штуками. Кастомизация страниц происходит, в основном, через правку кода, хотя визуальный редактор тоже есть. Это вариант для тех, кто знает, как нужно верстать лендинги либо новичков, желающих опубликовать страницу на основе подарочного премиум-дизайна.
Плюсы:
Минусы:
- Сравнительно высокая сложность освоения;
- Среди стоковых шаблонов нет одностраничных;
- Необходимость владения кодом хотя бы на базовом уровне.
Стоимость за месяц при оплате за год:
- Минимальный ($2.39/мес) - уменьшенный баннер, FTP-доступ, 1 Гб места.
- Базовый ($4.79/мес) - снятие баннера, 2 Гб места, премиум-поддержка, HTTPS, Яндекс.Фиды.
- Оптимальный ($6.39/мес)- 10 Гб места, премиум-шаблон и домен бесплатно.
- Магазин ($7.99/мес) - 10 Гб места, модуль интернет-магазина.
- Максимальный ($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.
Минусы:
Стоимость за месяц:
- Микро (490 руб/мес) - 1 домен, 1 страница, оповещения в Telegram.
- Эконом (790 руб/мес) - 1 домен, 10 страниц, SSL, 100 SMS.
- Бизнес (1390 руб/мес) - 5 доменов, 50 страниц, мультилендинг, A/B-тест, интеграции, корзина, многопользовательский режим.
- Бизнес + (1990 руб/мес) - 5 доменов, 50 страниц, приём платежей.
Пакеты расширения для бизнес-планов:
- +390 руб/мес (Бизнес) - +5 доменов, + 50 страниц.
- +590 руб/мес (Бизнес+) - +5 доменов, + 50 страниц.
Конструктор лендинг пейдж Ucraft → детальный обзор
Сервис, хорошо приспособленный для сборки посадочных страниц. Два десятка профильных шаблонов хорошего качества, удобный визуальный редактор плюс возможность бесплатной публикации лендинга на своём домене. Набор виджетов и готовых блоков достаточен для публикации страниц классической структуры, а в меру гибкая кастомизация поможет украсить дизайн. Можно просто заменить стоковый контент в секциях шаблона своим и публиковать страницу.
Поддерживаются интеграции 16 полезных сервисов (PayPal, Google, MailChimp и др.), стандартные SEO-настройки и приём онлайн-платежей. Значительно изменить стоковый шаблон можно при помощи инструментов дизайнера, идущих в комплекте. Новичкам пригодится шпаргалка прогресса сайта со списком задач и ссылками на области панели управления, в которых они решаются. Также есть эффекты, возможность командной разработки, гибкая настройка шрифтов и языков сайта. Всё это упаковано в приятный и простой интерфейс.
Плюсы:
- Возможность бесплатной публикации одностраничника со своим доменом и SSL;
- Множество готовых блоков, адаптивный дизайн;
- Поддержка мультиязычности сайтов и командной разработки;
- Возможность приёма оплаты онлайн;
- Встроенный конструктор логотипов, инструменты дизайнера;
- Шпаргалка прогресса для новичков.
Минусы:
- Отсутствие встроенных средств сбора статистики и анализа конверсии;
- Отсутствие некоторых характерных лендинговых виджетов вроде счётчика.
Стоимость за месяц при оплате за год:
- Про Веб-сайт (₽670/мес) – 1 сайт, мультиязычность, блог, SEO, интеграции, круглосуточная техподдержка, снятие бренда «Ucraft»; добавление HTML/CSS/JS, 50 товаров для интернет-магазина, 70+ способов платежа и доставки;
- Про Магазин (₽1400/мес) – неограниченное кол-во товаров, продажи без комиссии, мультивалютность, трекинг в реальном времени, неограниченный объём хранилища, скидочные купоны и оптовые скидк, управление магазином через iOS и Android, возможность отключения налогов, обратное начисление НДС;
- Безлимит (₽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 рублей в год для каждой опубликованной страницы. Это отдельная услуга, не входящая в пакетные планы.
- В процессе работы нельзя сменить шаблон;
- В наборе элементов отсутствует таймер обратного отсчёта;
- Автоворонка подключается отдельно за дополнительную плату.
Стоимость за месяц при оплате за год:
- Нано (360 руб/мес) - 1 домен, 10 сайтов, полная функциональность.
- Мини (540 руб/мес) - 3 домена, 50 сайтов;
- Стандарт (720 руб/мес) - 10 домен, 100 сайтов;
- Безлимит (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 так себе;
- Отсутствие отдельных элементов/виджетов (только готовые секции);
- Кастомизация дизайна базового уровня.
Стоимость за месяц при оплате за год:
- Стартовый (525 руб/мес) - 1 домен, 10 страниц, 250 SMS, SSL.
- Бизнес (1050 руб/мес) - 5 доменов, 50 страниц, 500 SMS, мульти/геолендинг, A/B-тесты;
- Ультра (2100 руб/мес) - домены и страницы не ограничены по количеству, 1000 SMS, 5 доп. пользователей.
Конструктор лендингов Mobirise → детальный обзор
Mobirise - бесплатная программа (Mac, Windows, Android), позволяющая собирать посадочные страницы из готовых блоков. Шаблоны представлены расширениями - платными наборами ($20-40) блоков, заточенных под конкретную задачу (бизнес, магазин, юрист, портфолио, ресторан и т. д.). Из коробки даётся 4 бесплатных шаблона. Также есть расширения для добавления интеграции социальных сетей и средств комментирования, перводчик, Soundcloud, Google Analytics, SEO-инструменты, а из платных - пакет иконок, корзина с оплатой через PayPal, редактор кода страниц и слайдер изображений.
Набор блоков (количество, структура, назначение) зависит от выбранного шаблона. Каждую секцию можно настроить, выбрав отображаемые элементы, цвета, эффекты, размеры и прочее. В целом, даже на бесплатном шаблоне блоков множество - их хватит с лихвой для сборки нормального лендинга со всеми фишками (отзывы, преимущества, колонки, табы, таймлайны, таймер, мультимедиа, прайс, карта, социалки и всё остальное). Страницы получаются адаптивные по умолчанию. Базовые SEO-настройки присутствуют. Для публикации страниц нужно купить хостинг и домен. Рекомендуем обратить внимание на пак со всеми платными расширениями.
Плюсы:
- Приложение бесплатно для коммерческого использования;
- Богатый набор адаптивных блоков в стоковой поставке;
- Простота сборки и редактирования дизайна страниц;
- Расширения значительно увеличивают область применения программы;
- Встроенный FTP-интерфейс для загрузки/обновления файлов на хостинге.
Минусы:
- Необходимо арендовать хостинг/домен отдельно;
- Обновление лендинга потребует наличия рабочих файлов проекта на ПК;
- Полное отсутствие средств сбора статистики и анализа конверсии ввиду формата сайтбилдера в виде приложения (можно подключить страницу ко внешним сервисам).
Стоимость:
- Себестоимость страницы равна сумме, необходимой на аренду хостинга и доменного имени (примерно $20-30/год).
- Стоимость полного пакета расширений составляет $197 - все шаблоны и интеграции.
Пошаговый план действий
Цель посадочной страницы - заинтересовать посетителя и подтолкнуть к совершению запланированного вами действия. Исходя из этого тезиса нужно выстраивать блоки в порядке, ведущем к максимальному эффекту в вашем конкретном случае. Любой из вышеописанных конструкторов лендингов способен реализовать эту формулу. Иногда можно просто заменить демо-контент шаблона своими данными, получив хорошую страницу, - структура этих дизайнов не с потолка берётся, их собирают со знанием дела.
Тем не менее, существуют общепринятые направляющие, по которым собирают лендинги. Уже всё выверено давно - что работает, а что нет. Хотя для каждого конкретного случая нужно тестировать индивидуально, шлифуя нюансы до блеска (поменяли местами кнопки/блоки, цвет акцента, основной шрифт, формулировку оффера, количество полей в форме, расположение блока социалок - всё это может играть роль, нужно искать удачное сочетание). В целом, схема создания лендинга во всех конструкторах примерно одинакова:
Алгоритм создания лендинга
- Регистрация в конструкторе.
- Выбор шаблона подходящей тематики и/или структуры.
- Добавление недостающих и удаление лишних для вашей задачи блоков.
- Редактирование стокового контента под себя (тексты, цифры, изображения, ссылки) и заполнение с нуля свежедобавленных секций.
- Настройка дизайна – цветов, эффектов, шрифтов, фонов, форм элементов и прочего.
- Заполнение SEO-параметров.
- Подключение необходимых интеграций (платёжные системы, социалки, рассылки, аналитика, статистика, живой чат, обратный звонок и прочее).
- Оплата тарифного плана и подключение домена.
- Публикация страницы.
Что должно быть?
Характер и порядок секций имеет огромное значение. Суть в том, что по мере листания страницы посетитель должен заразиться желанием последовать вашему предложению. И сделать это. А какие же блоки использовать для достижения цели? В каком порядке? 100% рецепта успеха любой страницы из любой ниши не существует, но кое-что можно обозначить:
- Шапка - качественное изображение или видеофон по теме, заголовок, передающий суть предложения, логотип, анкорное меню, и, возможно, здесь же кнопка (CTA - Call-To-Action, призыв к действию) - подписка, покупка, загрузка, переход куда-либо.
- Вторым блоком может быть таймер обратного отсчёта до конца какой-то акции с кнопкой CTA. Также сюда можно поставить описание вашего предложения (а уже после - CTA) - текст плюс изображение либо видео. Порядок зависит от того, насколько понятна суть оффера из шапки - нужно ли дополнительно показывать суть либо пора призывать к действию.
- Блок преимуществ предложения - буллитов. Можно оформить в виде слайдера (карусель) либо иконками с ёмкими, точными описаниями сильных сторон оффера. Лучше иконками с текстовыми подписями - так быстрее воспринимается информация, листать не нужно.
- Изображения или видео с продуктом в подходящем стилю страницы формате.
- Здесь может быть таймер до окончания предложения (если его не было вверху) либо тарифы, если речь идёт об услуге. Или короткий прайс в табах (2-5 позиций) на продукты. В общем, показ цен.
- Дальше можно поставить блок отзывов клиентов в формате табов или карусели.
- Здесь могут быть какие-то цифры, демонстрирующие популярность вашего продукта: количество скачиваний, довольных клиентов, подписок, сэкономленных средств, полученной пользы (смотря о чём речь), спасённых котятах и всего в таком духе.
- Форма - для совершения заказа, подписки, анкетирования либо чего-то ещё.
- Карта охвата географии вашей деятельности - реклама масштаба популярности (можно и без неё).
- Призыв к действию - кнопка CTA возле резюме предложения, подходящей иллюстрации либо в другом уместном формате.
- Футер логотипом, кратким содержанием оффера, адресом офиса, телефоном, мессенджерами, ссылками на социальные сети, основной сайт, блог и что-либо ещё в таком духе.
В зависимости от характера вашего предложения можно использовать расписания мероприятий, меню блюд, ответы на популярные вопросы, фото команды, корзину с витриной и прочее. Важно соблюдать анатомию страницы. Например, меню кафе - это часть оффера, должна идти в чуть выше середины страницы, фото команды - ближе к футеру, как и FAQ. Всё по логике, но суть одна.
Благодаря конструкторам, любой человек может быстро опубликовать лендинг, способный приносить доходы. Дело не только удобстве формата, но и в других нюансах: правильные шаблоны, подогнанная под решение задачи функциональность, удобство сбора статистики, наличие техподдержки, FAQ и прочего.
Оптимальными для большинства новичков будут uKit, uLanding и Wix - в них получаются хорошие лендинги. Недорого, быстро и красиво. Самый мощный профильный сервис - LPGenerator. Идущие следом PlatformaLP и LPMotor несколько уступают ему. uCoz может всё хорошо, и лендинги в том числе. Ucraft - неплохой вариант, Flexbe приятен и простоват, Mobirise - на любителя.
Не стоит рассчитывать на бесплатную публикацию полноценного лендинга. Какой бы вы сервис не выбрали, оплатите подходящий тариф - это даст кучу преимуществ, избавит от проблем и увеличит конверсию, в итоге. Универсального рецепта идеальной страницы не существует, но вы можете ориентироваться на средневзвешенную структуру и получать хорошую прибыль.
Не каждый посетитель, попавший на ваш сайт, совершает целевое действие, потому что ему не хватило аргументов, стимулов или не привлек сайт. Толчком для нужных действий пользователя может стать правильный лендинг. Расскажем, какой лендинг будет работать на вас, а также дадим готовый to-do list для создания удачного лендинга.
Чем лендинг отличается от сайта?
Лендинг - это посадочная страница с призывом что-то сделать: подписаться на рассылку, купить товар или оставить заявку на услуги. Обычный сайт перегружен информацией. Лендинг работает с конкретной целью и ведет посетителя за руку до момента, когда он совершит целевое действие. На лендинг направляют рекламный трафик.
Хорошим показателем конверсии для сайта считается 2-3 % от всех посетителей. Для лендинга эта цифра - 14-15 %. Такого результата помогают добиться кнопки с призывом к действию.
Принципы успешного лендинга
Есть несколько приемов, которые помогают привлечь и удержать внимание посетителя.
Принцип первого экрана или Above The Fold . Газеты продают сложенными вдвое, поэтому титульная страница делится на видимую и невидимую часть. Если заголовок или фотография на видимой части привлекают внимание, хочется купить газету и дочитать до конца.
С лендингом та же ситуация: читатель должен с первого экрана заинтересоваться и понять, нужно ли ему скроллить дальше. Поэтому особое внимание уделите первому экрану. Он не должен быть перегружен информацией, но в то же время должен содержать самую суть. Самая главная кнопка для целевого действия как правило размещается на первом экране и повторяется ближе к концу лендинга.
Scannability и структура . Люди хотят быстро получить информацию, поэтому лендинг должен быть четко структурированным и понятным. Для этого информацию делят на смысловые блоки, используют подзаголовки, списки, иллюстрации и цитаты.
Учет тепловой карты страницы . Важные смысловые блоки расставляют на виду так, чтобы пользователь находил нужные элементы на привычном месте. Есть несколько моделей поведения на сайте, актуальные из которых: Z-Pattern и Guttenberg Pattern
Z-Pattern на примере Фейсбука. Пользователи подсознательно знают, что кнопка действия находится в правом нижнем углу.
Диаграмма Гутенберга делит экран на четыре части. В левой верхней читатель ищет самую важную информацию и смотрит на нее в первую очередь. В правой нижней принимает решение, здесь ставят кнопку заказа или призыв к действию.
Доступная навигация . Лендинг - это длинная страница. Чтобы пользователю было удобно сориентироваться и найти нужное, в шапке размещают ссылки на важные блоки.
Call-to-action элементы . Призыв к действию - логическое завершение длинного пути, который переводит читателя на новый этап воронки продаж. На лендинге размещают кнопки подписки или покупки, ссылки на товар и формы для электронной почты. На принятие решения влияют форма и цвет кнопки, ограниченное предложение («Осталось три места на вебинаре») и место размещения.
Контакты на видном месте . Некоторые пользователи не хотят читать, им нужно задавать вопросы, поэтому форма обратной связи, почта и телефон должны быть всегда под рукой.
Принцип A/B тестирования. Иногда оказывается, что если поменять текст на странице или переместить кнопку заказа на два сантиметра выше, то пользователи охотнее совершают целевое действие. Поэтому на лендингах используют разные гипотезы и тестируют их на отдельных группах посетителей. Нет универсального рецепта, нужно пробовать и менять структуру в зависимости от результатов.
Как создать лендинг?
Хорошо, если в компании уже работают копирайтер, дизайнер и верстальщик, которые понимают задачи лендинга и могут разработать идеальную страницу. Если нет, самым эффективным решением будет заказать лендинг у фрилансеров. Выбрать исполнителя можно в том числе и на Kwork .
Выбирая исполнителя на Kwork, обратите внимание на основные параметры предложений фрилансеров: какая работа и в каком объеме входит в кворк, за какую цену и срок будет сделана. Предложения продавцов отсортированы по рейтингу, который основан на реальных отзывах, ответственности, качестве и других внутренних алгоритмов системы. Рейтинги, отзывы, портфолио значительно упрощают выбор исполнителя.
В фильтре можно отметить дополнительные услуги, например, размещение лендинга на хостинг, адаптивный дизайн, установка формы связи, чтобы заказать их у одного продавца.
Достаточно выбрать нужную услугу, оплатить, при необходимости скорректировать задачу прямо в заказе и получить качественный результат в срок.
To-do list для заказчика по созданию лендинга
Создание лендинга делится на следующие этапы:
- продумывание структуры лендинга
— создание примерного плана, который станет основой ТЗ для дизайнера и копирайтера;
- Закажите сбор и анализ конкурентов. Сравните себя с конкурентами и международными лидерами в вашей нише. Выпишите ваши конкурентные преимущества, а также “фишки”, которые можно позаимствовать у конкурентов.
- Ответьте для себя на вопрос, что должен совершить пользователь после прочтения посещения лендинга? Это будет целью лендинга. Эту цель обязательно нужно обозначить перед исполнителями
- написание контента - текст, который будет «продавать» продукт. Основная рабочая схема написания текста “Боль клиента — Усиление боли — Идиллия — Решение — Предложение сделки”;
- дизайн - создание полного макета. Подробнее про дизайн мы написали чуть ниже;
- верстка - оформление сайта в соответствие с его функционалом и макетом дизайнера;
- программирование - реализация необходимого функционала сайта;
- настройка рекламы - запуск контекстной рекламы для генерации трафика на ваш лендинг.
Все эти услуги можно заказать на Kwork не только через магазин услуг, но и через Биржу . На бирже вы создаете заявку на услугу — описываете, что нужно сделать и какой у вас бюджет, и компетентные исполнители сами откликаются на вашу заявку. Вы выбираете наиболее подходящего для вас исполнителя и работаете с ним через безопасную сделку на Kwork.
При работе с дизайнером и верстальщиком нужно учесть следующие моменты:
- Макет и прототип страницы - согласуйте основные блоки, структуру и путь читателя от элемента к элементу.
- Логотип - если у компании еще нет логотипа, самое время добавить его на лендинге, чтобы сделать бренд узнаваемым.
- Шапка для сайта - с информацией о продукте, логотипом и навигацией.
- Иллюстрации - хороший дизайнер не будет наполнять страницу фотографиями с фотостока. Он отрисует иллюстрации самостоятельно или запросит у вас качественные изображения технологического процесса или продукта.
- Кнопки с призывом к действию - дизайнер поможет определиться, какие CTA-элементы нужны на странице и где их расставить.
- Форма обратной связи - это может быть номер телефона, кнопка «Перезвоните мне» или значок онлайн-чата в углу страницы.
- Иконки - помогают читателю разделить блоки и визуально выделить важное.
Руслан Шарапов подготовил для сайт обзор самых популярных конструкторов, позволяющих создавать лендинги. Параметрами для сравнения стали цена и наличие визуального редактора, адаптивной верстки, встроенной статистики, а также интеграции с другими сервисами.
Мода на landing page пришла в рунет вот уже несколько лет назад и до сих пор не сбавляет обороты. Лендинг чаще всего создается под конкретное таргетированное торговое предложение, чтобы не вводить потенциального клиента в ступор выбора. Целью такого ресурса обычно является сбор лидов - контактных данных целевой аудитории. Нацеленность на конкретную аудиторию и удобный сжатый формат подачи информации об услуге или товаре в некоторых случаях может дать прирост конверсии до 10–15%, чего очень сложно добиться, привлекая трафик на основной сайт.
Идея создания одностраничных сайтов для любого вида бизнеса, услуги или продажи товаров так захватила умы маркетологов, что это явление породило целый пласт веб-студий и сервисов, которые оказывают одну-единственную услугу - создание продающей страницы. Запутаться в этом многообразии оказалось очень просто, поэтому мы в нашем рекламном агентстве решили подготовить обзорный материал со списком самых популярных русскоязычных конструкторов посадочных страниц.
Мы нашли 16 действующих конструкторов, предоставляющих возможность создания посадочных страниц без всякого опыта в программировании и верстке. Сервисов было больше, но, судя по всему, многие из них уже не поддерживаются создателями.
Прежде чем перейти к описанию каждого сервиса, позвольте прокомментировать некоторые нюансы сводной таблицы:
- Стоимость - это тариф с оплатой за один месяц. Если помесячной оплаты не предусмотрено, то это отражено в таблице.
- Визуальный редактор - в этом пункте мы подразумевали возможность произвольного построения структуры одностраничника. Например, если конструктор не позволяет свободно перемещать блоки и можно только лишь выбрать один из предложенных вариантов, то мы считали, что в таком сервисе нет визуального редактора.
- Встроенная статистика - наличие какой-либо CRM, позволяющей выстроить конверсионную воронку.
- Адаптивность верстки - если собранный в конструкторе сайт сносно адаптируется под разные размеры экранов, то адаптивность мы засчитывали.
- Интеграция с другими сервисами - это возможность интеграции стороннего сервиса нажатием пары кнопок, то есть без необходимости копаться в скриптах.
Wix
Международная облачная платформа, которая позволяет создавать не только лендинги, но и полноценные . Wix попал в обзор, потому что ребята прекрасно ориентируются в трендах и выделили конструктор посадочных страниц в отдельное мини-направление.
У платформы есть бесплатная версия (с рекламой и без привязки собственного домена), но для более или менее комфортного использования придется заплатить не менее 243 рублей за месяц. Тарифная сетка довольно гибкая, к тому же проводятся регулярные распродажи с оплатой года, поэтому всегда есть возможность урвать дешевый вариант.
Всего у Wix 458 шаблонов, из которых только 23 «заточены» под лендинги, - однако практически любой темплейт из общего каталога можно использовать для одностраничника, убрав лишние блоки. Визуальный редактор на HTML5 достаточно гибкий, но к нему надо привыкнуть, со второго-третьего лендинга вы будете прекрасно в нем ориентироваться. У готовых шаблонов есть десктопная и мобильная версия.
Основная фишка платформы - собственный App Market, в котором более 140 приложений, готовых к интеграции с вашим сайтом. Эти приложения закроют все ваши задачи: есть онлайн-консультанты, CRM, платежные опции и так далее.
«Флексби »
Один из самых простых конструкторов в нашем обзоре, но тем он и ценен: в нем вы уж точно не сделаете плохую посадочную страницу. Сервис не дает ошибиться за счет того, что в нем нельзя свободно перемещать блоки и по небрежности случайно разрушить структуру. Выбираете блок из предложенного списка и размещаете его на нужной позиции в вертикальной плоскости.
Очевидно, что в этом же и слабая сторона «Флексби»: если полет вашей фантазии шире, чем у создателей сервиса, то конструктор не подойдет для реализации идей. Только самый что ни на есть стандартный одностраничник, только хардкор. Зато по скорости создания страницы «Флексби» абсолютный фаворит: нам за десять минут удалось создать вполне себе неплохую посадочную страницу, которая приемлемо работает на всех устройствах.
В целом, сервис идеально подходит для проверки гипотез интернет-маркетологов, особенно учитывая двухнедельный бесплатный период использования. Правда цена после его окончания, в сравнении с конкурентами, немного кусается - 750 рублей в месяц.
«Платформа LP »
Сервис с незамысловатым названием «Платформа LP» во многом схож с предыдущим участником списка, но позволяет в большей мере кастомизировать страницу. Лендинги из этого конструктора уже не выглядят сделанными под копирку.
В помощь начинающему пользователю предлагается 26 готовых шаблонов. Есть интеграция с популярными почтовыми рассыльщиками и CRM. Из интересных фишек - A/B-тестирование и встроенная статистика по UTM-меткам.
Кого-то наверняка может отпугнуть аскетичный UI, да и сама посадочная страница сервиса. Ребята, серьезно, сделайте своему сервису не такой грустный лендинг, что ли.
Hello-site
Hello-site сложно назвать полноценным сервисом - это простой конструктор, который на выходе отдает вам исходные файлы для заливки на свой хостинг.
Возможностей минимум, зато все полностью бесплатно. Сомнительная выгода, но вдруг кому-то пригодится.
LPTrend
Конструктор с приятным глазу интерфейсом администрирования, но с ограниченными возможностями в верстке. Предлагается выбрать один из 61 шаблонов без возможности создания страницы с нуля. У каждого шаблона есть заданные разделы, которые можно включать и отключать по желанию. Логика изменения контента внутри разделов нам показалась не слишком очевидной - какое-то безумное множество вкладок вместо привычного визуального редактора.
Интеграций со сторонними сервисами тоже не обнаружено, зато присутствует вкладка «Полезные сервисы», нашпигованная реферальными ссылками на различные инструменты. Из штатных возможностей есть только функционал A/B-тестирования.
LPGenerator
Самый дорогой сервис в нашем обзоре, да и бесплатный период у него совсем условный. За 1960 рублей в месяц вас еще и ограничат в количестве уникальных посетителей. Безлимит стоит уже 3999 рублей в месяц. Однако и возможностей конструктор предоставляет с лихвой. Визуальный редактор позволяет создать полностью кастомную страницу и настроить несколько десятков параметров и элементов. Сервис предлагает 108 бесплатных и более 200 платных шаблонов - последние можно приобрести в специальном магазине посадочных страниц.
Порадовало обилие сервисов для интеграции и детальная аналитика воронки конверсий. Возможность A/B-тестирования реализована на странице с пафосным названием «Центр оптимизации конверсии» - там вы можете настроить вес показов того или иного варианта страницы, а сводная информация по источникам трафика и конверсия представляются в удобной таблице. В целом, LPGenerator - один из самых продвинутых сервисов в своей нише, но его богатые возможности пригодятся далеко не каждому, да и цена, скажем откровенно, многих может отпугнуть.
Q-page.ru («Купаж»)
Сервис встретит вас необходимостью выбора из 114 шаблонов - создать страницу с нуля здесь не дадут. Полноценного визуального редактора вы тоже не найдете. Выбираете элемент страницы и настраиваете один из трех возможных вариантов расположения контента. Можно задавать порядок расположения элементов по вертикали, фон и формы кнопок. На этом возможности кастомизации практически исчерпаны, и это роднит Q-page с «Флексби». Удобно, что поиграться с редактором можно без всякой регистрации: это сильно экономит время и позволяет быстро оценить, нужен ли вам этот сервис.
Интеграцию с другими сервисами обнаружить не удалось, зато адаптивность шаблонов и встроенная аналитика присутствуют.
LPMotor
Конструктор LPMotor встретит вас со всей суровостью - начиная с неприкрытых следов bootstrap в интерфейсе и заканчивая не слишком доброжелательной технической поддержкой. Ах да, триала тоже не предусмотрено: можно поковыряться в админке, создать страницу, но опубликовать ее дадут только после оплаты - как минимум 600 рублей за месяц.
Сервис предлагает 29 шаблонов и не слишком удобный визуальный редактор. Адаптивности не предусмотрено, а для получения хоть какой-либо статистики просят подключить «Яндекс.Метрику». Из интеграции предлагается только amoCRM.
Landingi
Сервис, как и предыдущий, встречает нас не слишком опрятной главной страницей, но первое впечатление становится лучше, когда попадаешь в редактор. Можно начать с нуля или воспользоваться одним из 105 готовых шаблонов. Редактор богат - для неподготовленного человека, возможно, даже слишком - возможностями настройки и неплохо так нагружает браузер.
Встроенная аналитика показывает источники переходов на одностраничник, тип устройств, данные по конверсиям и позволяет проводить A/B-тестирование различных вариантов дизайна. Из дополнительных плюшек можно отметить возможность сбора отдельных версий лендинга под разные типы мобильных устройств. С интеграцией тоже все в порядке: Landingi предлагает подключить 28 различных сервисов CRM и email-рассылки. За доступ к сервису просят от 690 рублей за месяц.
UMI CMS
Возможность создания лендингов есть и у индустрии UMI CMS. Полноценного визуального редактора в системе нет, а возможности редактирования блоков, будем откровенны, удручают. Вроде бы все основные фишки есть, но смотрится это как привет из начала нулевых. UMI предлагает 46 шаблонов для посадочных страниц и, если честно, почти все из них выглядят морально устаревшими.
Штатная CRM присутствует, а статистика доступна при подключении Google Analytics. Адаптивность под мобильные имеется только на определенных вариантах шаблонов. Что касается интеграции, можно отметить разве что возможность создания проекта в SeoPult, не выходя из личного кабинета UMI. Кстати, оплатить подписку за один месяц нельзя - просят сразу 1470 рублей за три месяца, хотя можно выкупить десять лет за 11900 рублей.
Spagece
«Стильно, модно, молодежно» - это про Spagece. Сервис в некотором роде уникальный: ребята сознательно отказались от шаблонов, ратуя за уникальные решения. Довольно удобный визуальный редактор, приятный дизайн админки и множество полезных подсказок на каждом шагу.
В наличии удобная встроенная статистика, аналитика конверсии и адаптивность, а еще отличная техподдержка, отвечают шустро. С техподдержкой нам пришлось столкнуться многократно, что уж точно нельзя отнести к плюсам. Созданный нами сайт самопроизвольно изменял вид - например, регулярно слетали кастомные стили. Багрепортов мы отправили изрядное количество, но с частью проблем техподдержка так и не смогла помочь и даже воспроизвести их - хотя у нас они до сих пор повторяются в разных браузерах и на разных компьютерах.
Месяц использования конструктора стоит 490 рублей (двухнедельный триал прилагается), но за каждый дополнительный чих с вас будут брать деньги сверх этой суммы. Хотите получать SMS о поступивших лидах? Просим пройти к кассе. Задумались о проведении A/B-теста? И снова занимайте очередь. Захотелось интеграции, например, с MailChimp? Вы, пожалуй, уже сами знаете, куда следует идти. Тариф за 490 рублей в месяц подойдет только совсем зеленым новичкам - за вменяемые возможности придется выкладывать уже 1500–1980 рублей ежемесячно.
«Базиум »
«Базиум» не специализируется на лендингах, но в угоду трендам все же добавил и такую функциональность. Нам предлагают три шаблона для страницы захвата (так сервис называет посадочные страницы): коротенький, чуть длиннее и совсем длинный. Такой вот богатый выбор.
Сносного редактора страницы мы, сказать честно, не заметили: дают поменять в основном только тексты и картинки. Встроенной статистики и возможности интеграции сторонних сервисов тоже не обнаружено. Зато платить можно за каждый день в отдельности. Решили устроить себе и бизнесу выходной? Не заносите в сервис 35 рублей - и гуляете весь день на широкую ногу. Пришло время подзаработать и продать пару контейнеров китайских наушников? Будьте добры оплатить 35 рублей - и принимайте лиды хоть целые сутки.
Landix
Кандидат на звание «Мистер скрытность». Во-первых, стандартной формы регистрации на сайте не нашлось - только подача заявки на допуск в систему. Во-вторых, кнопка «Попробовать без регистрации» таки ведет на форму подачи заявки. В-третьих, несмотря на то, что Landix позиционируется как онлайн-конструктор, в личном кабинете все кричит посетителю: «Не используй меня, лучше закажи у нас создание страницы под ключ!».
За минимальный тариф сервис запрашивает скромную цену - 290 рублей в месяц. Правда, судите сами: шаблонов здесь нет, нормального визуального редактора нет, статистики нет, адаптивности и интеграции со сторонними сервисами - тоже. А если вы спустя некоторое время захотели вернуться в сервис, но забыли пароль, как это произошло с нами, то по нажатию на кнопку «Восстановить пароль» вас перебросит на страницу 404. Ну и ладно, Landix, так и быть.
Energy-bm
Конструктор лендингов от одной веб-студии, который, судя по всему, служит скорее для привлечения внимания к основным услугам компании. На старте нам предлагают заказать уникальный дизайн, зарегистрировать домен и подключить онлайн-чат производства этой самой студии.
В конструктор вшито 104 готовых шаблона, присутствует возможность начать с чистого листа. Визуальный редактор не без особенностей, но наловчиться можно, функций в нем хватает.
Триал-периода нет. Можно заверстать страничку, но опубликовать ее дадут только после оплаты - от 200 рублей за месяц. За возможность A/B-тестирования и аналитики рекламных каналов тоже придется заплатить, но единоразово.
Leadkit
Этот сервис запомнился нам прежде всего крайне недружелюбным редактором. Вроде бы куча крутой анимации, но визуально менять можно, по сути, только текст, ссылки и некоторые изображения в рамках выбранного шаблона. Зато можно свободно править все, что душе угодно, в исходном коде - включая CSS и различные скрипты. Интерфейс админки опять «побаловал» нас неприкрытым bootstrap, но в целом у нас получилось не запутаться в ее дебрях.
Пробный период длится всего семь дней, после его окончания придется выкладывать не менее 999 рублей в месяц за использование сервиса. Простейшая статистика присутствует, но вот про интеграцию с другими сервисами совершенно забыли.
LPCloud
LPCloud на первом же экране предлагает нам импортировать уже имеющийся сайт, залить файлы верстки или начать с выбора шаблона, которых у сервиса всего 20. Соглашаемся на шаблонное решение, и система быстро прогоняет нас по туториалу, после чего отпускает в вольное плавание. Редактор богат на функциональность, но среднестатистическому маркетологу покажется излишне сложным. К тому же здесь нет привычной многим возможности перетаскивать блоки движением мышки.
Вообще, возникло ощущение, что создатели сервиса намеренно создали конструктор не для маркетологов, а скорее для ленивых верстальщиков и других технически подкованных людей. Все эти копания в CSS и контейнерах легко испугают неподготовленного клиента. Зато есть возможность расшаривать права доступа другим участникам команды. Есть интеграция со Slack, которой список интеграций и ограничивается.
С адаптивностью и responsive у сервиса все в порядке, статистика и CRM тоже адекватные. Триала нет: можно создать страницу, после чего занести не менее 190 рублей за месяц и жить спокойно. Ну как спокойно: оплату принимают только с привязанной карты, поэтому конструктор будет исправно списывать деньги, даже если вы забудете о своем лендинге.
Мы намеренно не стали брать на себя ответственность за построение какого-то рейтинга, потому что потребности у всех индивидуальны и выделять топ лучших конструкторов было бы бесполезно.
Также мы допускаем, что упустили из виду какой-либо из интересных сервисов. Если вы представитель пропущенного конструктора, то, возможно, ваш маркетинг не на высоте. За две недели подготовки этого материала мы перерыли пару десятков страниц поиска и попали под ретаргетинг и контекст, пожалуй, от всех сервисов, которые сейчас активно продвигаются.
Если вы заметили какую-либо неточность в сводной таблице - пишите в комментариях, поправим.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Все чаще интернет-предприниматели переходят от многостраничных сайтов к 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
Найдите в интернете наиболее удачные решения дизайна посадочных страниц. Нарисуйте примерный макет в графическом редакторе или на бумаге и впредь руководствуйтесь им.
Несколько советов по оформлению:
- Не допускайте сильных разбросов в цветовой гамме - ваша страница должна привлекать взгляд приятным сочетанием, а не крикливостью красок.
- Используйте минималистичный стиль, так как это, во-первых, упростит задачу, а во-вторых, согласно исследованиям, повысит доверие пользователя.
- Не забывайте о структуре сайта - одни блоки (первостепенные) должны привлечь внимание раньше других (второстепенных), находящихся в соподчинении первым. Потому выделяйте их разными цветами и абрисами, задавайте им разные размеры.
- Соблюдайте дистанцию между блоками и элементами, не позволяйте им слиться воедино.
Подведем итоги
Интернет дал миру огромный потенциал для создания сайтов практически любой тематики и направленности, в том числе и для Landing Page. Потому нет никакой необходимости отдавать деньги веб-студиям и фрилансерам, достаточно покорпеть в настройках и получить на выходе привлекательный и, главное, ни в чем не уступающий студийным или коробочным продуктам лендинг.
Запустив страницу в свободное плавание и открыв ее для индексации, не прекращайте работу над модификацией внешнего вида и содержания. С помощью сервиса Вебвизор от Яндекс.Вебмастер вы можете посмотреть, что отталкивает и что, наоборот, притягивает пользователей на вашем ресурсе. И, исходя из полученных данных, произвести необходимые изменения.
Не нужно делать «универсальный» лендинг со множеством категорий товаров в надежде охватить весь рынок. Лучшим вариантом будет запуск нескольких параллельных проектов с узкой специализацией.