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

Обновлено: 19.04.2024

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

Создайте
свой лендинг самостоятельно

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

Визуальный конструктор

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

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

Свободная секция

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

Прямо как в «Фотошопе».

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

Прямо как в «Фотошопе».

Шаблоны сайтов

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

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

Встроенная CRM

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

Аналитика

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

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

Оплаты на лендинге

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

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

Посмотрите видео и создайте свой landing page в mottor!

Как создать
лендинг пейдж самостоятельно?

Стандартный Landing Page состоит из смысловых секций.
Внутри секций размещаются блоки: текст, картинки, формы
обратной связи, видео, кнопки, слайдеры и другие объекты.

В зависимости от задачи лендинг пейдж может состоять
из 5-10 секций. Посмотрите примеры секций Landing Page:

Стандартный Landing Page состоит из смысловых секций. Внутри секций размещаются блоки: текст, картинки, формы обратной связи, видео, кнопки, слайдеры и другие объекты.

В зависимости от задачи лендинг пейдж может состоять из 5-10 секций. Посмотрите примеры секций Landing Page:

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

Unisender Business — это не просто конструктор лендингов

Здесь все, что нужно для продаж в интернете.

Создайте лендинг на базе лучшего шаблона для вашей отрасли. Выберите уникальное доменное имя сайта. Используйте готовые инструменты Unisender: шаблоны страниц, встроенные email-рассылки, чат-боты, онлайн-запись, аналитику.

Настройте приём онлайн-платежей. Сделайте покупки простыми для пользователей и удобными для вас.

Онлайн-запись не даст потерять потенциальных клиентов. Чат-боты разгрузят ваш директ. Email-рассылки вернут покупателей.

Устраивайтесь поудобнее. Смотрите, как растут ваши продажи

30 минут — и ваш бизнес в онлайне

Чтобы сделать лендинг в конструкторе Unisender, вам не нужно быть дизайнером или программистом.

Выберите один из вариантов создания сайта.

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

Мы создали 30+ шаблонов для разных сфер бизнеса, чтобы вы потратили минимум времени на запуск сайта. Забирайте готовый дизайн, наполняйте своим контентом.

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

Соберите лендинг и нажмите кнопку «Опубликовать» — ваш сайт уже работает на вас.

Контент, дизайн, реклама, аналитика, полезные ресурсы и примеры сайтов – постарались кратко раскрыть самые важные моменты.

В конце статьи доступна ссылка на PDF версию.

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

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

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

Какая информация поможет создать доверие к компании:

1. Информация о компании:

Достижения, чем занимаетесь и почему.
Факты.
Команда.

2. Сертификаты и награды.

4. Ответы на часто задаваемые вопросы.

5. Список клиентов и партнеров.

Эта информация раскроет продукт и предложение:

Уникальное торговое предложение (УТП).
Какие задачи вы решаете.
Кеисы, результаты, ассортимент,.
Преимущества компании и продукта, относительно конкурентов, для потребителя.
Цены, решения, тарифы.
Алгоритм, процесс работы, этапы работы.

Мы рекомендуем создать и расположить блоки в такои последовательности:

УТП
Какие задачи вы решаете
Преимущества продукта
Кеисы, ассортимент, результаты
Форма захвата
Ваши клиенты, партнеры
Как работает продукт, процесс, этапы, алгоритм
Цена, решения, тарифы
Форма захвата
Сертификаты
Отзывы
Вопросы и ответы
Форма захвата

Добавляите Формы захвата через 2-3 блока.

Стараитесь формулировать заголовки нетривиально, но не ради креатива, а чтобы заинтересовать клиента и за счет заголовка рассказать интересные факты. Например, не «Наши кеисы», а «Разработали 59 логотипов».

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

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

Содержание

Какой конструктор выбрать?
Этапы разработки лендинга
Описание ЦА
Поиск конкурентов
Создание прототипа
Верстка на конструкторе
Подключение метрики, настройка целей и виджетов
Заключение

Какой конструктор выбрать?

Существует множество конструкторов сайтов. Я перепробовал больше 5 и остановился на Платформа LP. Меня он полностью устраивает. Ниже основные причины, почему я выбираю именно его.

Выгодный тариф (14 дней бесплатно, далее от 490р/мес в зависимости от тарифа)
Легко разобраться в конструкторе
Встроенная CRM система для учета заявок
Широкий функционал возможностей для создания лендинга (свободные блоки, квизы, адаптивность под разные устройства и т.д.)
Интеграции с метрикой, системами онлайн оплаты, почтовой рассылки

Этапы разработки лендинга

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

Описание ЦА
Поиск конкурентов
Создание прототипа
Верстка на конструкторе
Подключение метрики, настройка целей и виджетов

1. Описание ЦА

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

Как это сделать?

Создаем таблицу и описываем в ней следующие критерии.

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

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

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

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

2. Поиск и изучение конкурентов

Конкуренты – это ваши лучшие друзья. Многие из них уже проделали большую работу по маркетингу и хорошо вложились в лендинги. Поэтому ваша задача перенять этот опыт и использовать его в свою пользу. Для этого ищем лендинги своих конкурентов (не обязательно брать только прямых конкурентов, можно использовать другие регионы, например). Фиксируем следующие моменты:

— Какой призыв используют на лендинге

— Какие преимущества указывают на сайте, что обещают

— Желание совершить целевое действие после прочтения сайта

— Общая оценка сайта (от 1 до 10)

3. Создание прототипа

Прототип – это структура будущего лендинга с текстовым наполнением. Без дизайна. Прототип упростит вам процесс создание лендинга и сэкономит время.

В прототипе вам нужно отобразить желаемые блоки вашего лендинга. Например – оффер, преимущества, тарифы, о компании, отзывы, контакты.

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

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

4. Верстка на конструкторе

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

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

5. Подключение метрики, настройка целей и виджетов

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

Настроить уведомления о заявках в платформе.
Подключить систему приема платежей (если собираетесь принимать оплату)
Подключить свой домен. Рекомендуется, но не обязательно. Платформа ЛП предоставляет свой поддомен бесплатно.
Подключить метрику и настроить цели. Это поможет вам узнать, что посетители делают на вашем сайте – куда кликают, что читают и т.д.
Подключить виджет обратного звонка и онлайн чат. Это существенно повышает конверсию сайта.
Настроить поисковую оптимизацию, чтобы больше людей могли найти ваш сайт по нужному запросу.
Настроить мета теги для соцсетей (картинка и описание, которое появляется при публикации вашей странице в соцсетях).
Загрузить фавикон. Это значок, который отображается в браузере перед названием страницы.

Заключение

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

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

Создать лендинг и запустить на него трафик с контекста или таргета - классика среди систем привлечения клиентов, которые стабильно поставляют заявки в бизнес. Поэтому неудивительно, что самый частый вопрос начинающих интернет-маркетологов: “Как научиться делать посадочные страницы”? Сегодня на этот вопрос мы постараемся ответить в полном объеме.

Начнем с определения.

Целевая страница (англ. landing page, также «посадочная страница») — одностраничный веб-сайт, основной задачей которого является сбор контактных данных целевой аудитории.

Подготовительная работа

Создание лендинга требует предварительной подготовки. Структура landing page закладывается рано, на исследовательском этапе. Исследование рынка включает в себя:

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

На этом этапе рождается гипотеза целевой аудитории (кто и зачем покупает ваш продукт?).

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

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

Как сделать лендинг с нуля самостоятельно?

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

В таком случае стоит начать с изучения основ в бесплатных источниках. К ним относятся:

блоги и youtube-каналы диджитал агентств и школ онлайн-маркетинга;
блоги и youtube-каналы онлайн-сервисов для маркетологов (например, сервисов-конструкторов);
специализированные цифровые СМИ;
бесплатные обучающие курсы от крупных диджитал компаний и сервисов;

Задание прямо сейчас : изучите 2-3 большие статьи по разработке посадочных страниц и сделайте из конспекты в гугл-таблицу.

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

Задание прямо сейчас : изучить 5 подборок лендингов по вашей тематике и выписать как минимум 10 идей в гугл-таблицу. Посмотрите также специальные сайты с шаблонами лендингов, где вы можете найти примеры: themeforest, free-landingpage, или стандартные лендинги в сервисе Tilda.

Затем, не откладывая в долгий ящик, регистрируемся в сервисе по созданию лендингов на конструкторе и используем по максимуму триальный период. Есть несколько подобных сервисов: Tilda, LPgenerator, WIX и аналоги.

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

Мы намеренно пропустили такие этапы как дизайн и верстка, обычно эти этапы относятся ко второстепенным и чаще всего маркетологи делегируют их профессионалам. Создание дизайн макета и HTML верстка требуют отдельных навыков, которые не освоишь за 1 день. Для создания дизайна нужно как минимум хорошо владеть Photoshop, а для верстальщика просто необходимо знание html+css+jquery (и это только обязательный минимум)! На практике верстку можно заменить конструктором, а разработку дизайна - готовыми шаблонами.

После создания лендинга на конструкторе не забудьте про базовые настройки:

настройка сбора заявок на почту, в гугл-таблицу или в CRM
настройка аналитики (Яндекс.Метрика и Google Analytics)
настройка мета-данных для SEO

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

Читайте также: