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

Создание проекта

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

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

Количество проектов зависит от того, какой тариф вы используете. Если работаете на пробном периоде, то создать можно только 1 проект, а внутри него — 5 лендингов. Нам этот вариант подходит

Разработка лендинга

Внутри проекта мы создаём одностраничники. Делается это тоже просто: нажимаем кнопку «Добавить лендинг», оказываемся в библиотеке шаблонов, выбираем подходящий вариант, вводим уникальный адрес для страницы и попадаем в визуальный редактор. Шаблонов в каталоге немного, но они нужны только для определения структуры одностраничника. Работать над его внешним видом мы в любом случае будем в визуальном редакторе.

Разработка лендинга в uLanding представляет собой буквальное конструирование его интерфейса. Редактор сайта мигрировал из uKit — такой же удобный и функциональный.

Сергей Гаврилов, https://site-builders.ru

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

1. Переходим в раздел «Конструктор» и добавляем на страницу блоки и виджеты, которые нам нужны.
2. Редактируем интерфейс: убираем ненужные элементы, настраиваем отображение блоков, заменяем тексты и фотографии. Всё это делается в визуальном режиме и не требует специальных навыков — сложность такая же, как при работе в Microsoft Word.
3. Переходим на вкладку «Дизайн» и работаем над внешним видом проекта: меняем цветовую схему и шрифты, добавляем фон, шапку и подвал страницы, включаем анимацию, создаём версию для слабовидящих, если в ней есть необходимость.
4. Возвращается на вкладку «Страницы». Заполняем SEO-параметры главной, настраиваем внешний вид и поведение всплывающих окон. По умолчанию создано три всплывающих окна: «Обратная связь», «Заказ товара» и «Заказ услуги». Вы можете добавить ещё одно окно и настроить все параметры его отображения.
5. Открываем раздел «Адаптивная версия» и проверяем, как лендинг выглядит на экране десктопа, планшета и смартфона.

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

Тестирование разных вариантов

Мы создали одну версию лендинга. Выглядит неплохо, но как понять, что она понравится клиентам? Без тестирования — никак. Поэтому нам нужно создать ещё парочку похожих вариантов. Не беспокойтесь, с нуля строить мы ничего не будем. Нажимаем на кнопку в виде трёх точек возле первого лендинга и выбираем опцию «Дублировать». Секундное ожидание, и у нас есть второй точно такой же одностраничник. Открываем его и вносим изменения, которые хотим проверить в сравнении с первоначальным вариантом.

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

1. Переходим на вкладку «Тестирование».
2. Выбираем, какие одностраничники будут участвовать в сравнении. Для этого используются переключатели в столбце «Участие в тесте».
3. Нажимаем «Начать тестирование».
4. Для сбора информации система предложит подключить Google Analytics — соглашаемся с этим.
5. Настраиваем условия эксперимента: указываем, какие цели нужно учитывать и когда завершить тестирование — вручную, после достижения лимита визитов, конверсий или дней.

После завершения эксперимента подробная статистика будет доступно в разделе «Результаты». Данные появляются не сразу, так как их обработка инструментами Google Analytics требует времени.

Публикация лучшего решения

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

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