Создание лендинг пейдж

Процесс создания лендинга

Итак, давайте рассмотрим пошаговый процесс создания сайта для центра косметологии «Грация» в LPmotor.ru.

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

Первое, что нас ждет после регистрации – окно визуального редактора.

Важно сразу понять и принять логику сервиса:

1. Основной элемент конструктора – секции. Желтый цвет редактирования.
2. Внутри секции располагаются контейнеры. Зеленый цвет редактирования
3. В контейнерах размещаются блоки. Синий цвет редактирования.

Используя LPmotor, есть 3 варианта для конструирования сайта:

— Выбрать один из готовых шаблонов и заполнить своим контентом:

Начать собирать сайт полностью с нуля:

Сконструировать свой продающий сайт из готовых секций:

Для начала, мы выберем шаблон общей тематики и заменим изображение фона:

Затем внесем свое торговое предложение и заполним контакты. Редактор содержит оптимальное количество шрифтов, но мы подключим новый шрифт Cuprum — делается это очень легко, посредством вставки кода сервиса Google Fonts.

Далее опишем преимущества:

При необходимости, в редакторе можно заменить изображения и иконки материалами из библиотеки или загрузить свои:

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

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

• настроить домен сайта, то есть при вводе какого адреса (url) он будет открываться. Сервис LPmotor предлагает бесплатно воспользоваться поддоменом на lpmotortest.ru, то есть ваш сайт будет открываться по адресу, который вы укажете в настройках. Так же можно зарегистрировать и привязать свой собственный домен. В сервисе есть пошаговая инструкция.
• Подключить статистику сайта. Мы рекомендуем воспользоваться Яндекс.Метрикой, поскольку это наиболее простая, и в то же время информативная система аналитики. Для начала вам необходимо создать счетчик, а затем в два клика привязать его к сайту.
• Заполнить мета-теги сайта. Эта техническая информация нужна поисковым системам для успешной индексации сайта, а так же пользователям, поскольку Titile отображается в заголовке окна браузера.

Как мы и озвучивали выше, LPmotor не просто конструктор сайтов, но и полноценный кабинет предпринимателя для управления заявками и развития своего бизнеса.

Одна из основных целей бизнеса в интернете — это увеличение потока входящих заявок. Для управления заказами в сервисе есть простая CRM система:

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

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

Важно: функционал работает только после связки с Яндекс.Метрикой

3 место в обзоре конструкторов landing page

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

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

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

Обратите также внимание на ТОП конструкторов landing page, по мнению читателей блога. Не забудьте оставить и свой голос

2 место в рейтинге онлайн-конструкторов лендингов

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

Мне кажется, если позволите такую аналогию, что LPgenerator — это как Битрикс в области CMS.

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

Небольшое видео с демонстрацией редактора:

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

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

Думаю, что в lpgenerator стоит брать подписку тем, кто уверен в своих силах, кто уже более-менее уверенно держится на плаву и закрепился в нише.

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

Если это про вас, то смело используйте этот конструктор посадочных страниц.

10 популярных конструкторов лендингов

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

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

Предлагаю вам перечень из 10 онлайн-конструкторов. Некоторые из них имеют тестовый период, некоторые нет. Однако однозначно могу сказать, что они подходят для разработки landing page. Итак, если вы все еще пребываете в поисках, прошу ознакомиться.

10 востребованных сервисов:

• Bloxy;
• LPTrend;
• Tobiz;
• Wix;
• Nethouse;
• Diafan;
• Q-page;
• Landingi;
• A5.

3 совета по созданию сайта на конструкторе

Допустим, вы выбрали платформу. Теперь осталось разобраться с тем, как сделать лендинг самому на конструкторе

Здесь важно понимать, что одностраничник — это не совсем простой сайт. Это маркетинговый инструмент, призванный продавать ваши товары и услуги в режиме 24/7

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

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

Этап-1 Разработка структуры

Подумайте, для какого товара или услуги требуется landing page. В соответствии с этим составьте УТП (уникальное торговое предложение). Это заголовок, который будет располагаться на 1 экране.

Далее нужно разработать структуру лендинга. Продумать, какие блоки должны на нем присутствовать, чтобы поэтапно завлекать посетителя в воронку продаж. Читайте о грамотной структуре лэндинга в статье: «Что такое лендинг простыми словами» (откроется в новой вкладке).

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

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

Этап-2 Написание текста

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

Хотите обойти конкурентов? Тогда подумайте, чем вы действительно отличаетесь и выпишите список таких преимуществ в столбик. А рядом сделайте еще один столбик с перечнем того, какую выгоду получает клиент от использования каждого такого преимущества. Методика не нова и носит название ХПВ (характеристика-преимущество-выгода).

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

Это очень важно, иначе потратите время и силы впустую

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

Этап-3 техническая настройка (запуск)

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

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

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

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

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

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

Далее меню предоставляет нам модификации сайтов — мы выбираем пункт «Лендинги».

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

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

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

Заключение

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

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

Основной минус для меня — это отсутствие встроенных аб-тестов. Можно конечно использовать бесплатный сервис abtest. Но разработчики обещали скоро выкатить аж 3 варианта тестирований: АБ тесты, мультилендинги и мультиварианты.

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