Данное руководство ориентировано на вновь зарегистрированных пользователей платформы LPgenerator и призвано помочь им в кратчайшие сроки освоиться в навигации по инструментам, доступным в основной панели редактора.
Все основные действия (добавление и удаление элементов, смена порядка элементов и т. п.) производятся с помощью инструментов, размещенных в основном меню редактора. Внешне оно выглядит следующим образом:
Если элементы панели смещены и/или некликабельны: убедитесь, что масштабирование браузера установлено на значении 100%. Уменьшить значение можно в настройках браузера или нажав сочетание клавиш Ctrl + - (минус/дефис).
Итак, первые 6 элементов в основной панели инструментов редактора (слева направо):
1. Инструмент «Сохранить» – позволяет сохранить изменения, внесенные на странице.
Полезно:
сохранять страницу можно сочетанием клавиш Ctrl+S
не советуем работать с одной страницей в разных вкладках или браузерах, чтобы не запутаться, так как страница запоминает последнее сохранение
2. Инструмент «Просмотр» – позволяет просмотреть актуальное состояние оформления страницы.
3. Инструмент «Отменить» – отменяет последнее внесенное изменение.
4. Инструмент «Повторить» – возвращает состояние страницы после отмены изменений.
5. Инструмент «Секция страницы» - позволяет добавить секцию страницы. Секции применяются для логической группировки элементов целевой страницы (по высоте).
Для добавления дополнительной секции нажмите кнопку «Секция страницы» в «Основном меню» редактора. Высоту любой секции легко регулировать посредством направляющей, выделенной пунктиром по бокам целевой страницы.
Полезно:
вы можете создать страницу с нуля используя тематически оформленные готовые секции, которые созданы в лучших традициях лендостроения. Подробнее здесь - Конструктор секций
6. Инструмент «Блок» — позволяет добавлять блоки. Блоки применяются в качестве фона для группы элементов.
Все элементы, «лежащие» на блоке, будут сохранять свои позиции при его перемещении, если поставить галочку “Перетаскивать элементы внутри блока” в его свойствах справа.
Следующая «шестерка» элементов:
7. Инструмент «Изображение» — позволяет выбирать изображения, доступные в галерее, и загружать собственные.
Для того, чтобы добавить свои изображения на страницу, нажмите кнопку «Изображение» в «Основном меню» редактора. В появившемся окне выберите нужный файл на жестком диске и подтвердите загрузку. Изображения можно использовать в качестве фона вашей целевой страницы.
Все необходимое для работы с изображениями:
8. Инструмент «Текст» — добавляет текстовый блок на страницу. Легко заполняйте целевую страницу необходимой информацией.
Для добавления текстового блока нажмите кнопку «Текст» в «Основном меню» редактора. Вставьте текст, отформатируйте его инструментами, доступными в верхней панели редактора текста, и опубликуйте, нажав кнопку «Сохранить».
Подробнее о функционале текстового редактора читайте здесь.
9. Инструмент «Кнопка» — добавляет CTA-элемент (кнопку). Вставьте текст, направленный на призыв к действию (CTA), которое вы ожидаете от пользователя.
Введите URL-адрес страницы, на которую должен переадресовываться пользователь, в строку «Ссылка» и выберите, каким образом она будет открываться («В том же окне» или «В новом окне»). Подтвердите создание новой кнопки, нажав «Сохранить».
Внимание: не путать с кнопкой для формы!
Настройки кнопки Вы можете изменять по собственному желанию, используя правую панель редактора.
Обратите внимание: по умолчанию текст располагается внутри кнопки в одну строку. Для того чтобы сделать кнопку многострочной, достаточно установить соответствующую галочку в правой панели редактора:
10. Инструмент «Форма» — добавляет лид-форму на страницу.
Меняйте порядок полей формы, удаляйте или добавляйте их в зависимости от того, какую информацию о пользователе вы хотите получить.
11. Инструмент «HTML»
Позволяет интегрировать дополнительные элементы (галереи, внешние формы, виджеты, плееры и т. п.) с применением сторонних кодов (например, JS). Вы можете вставить в свою страницу любой HTML-код, например, ссылку на Twitter или видеоролик с YouTube.
12. Инструмент «Слой вверх» — меняет порядок слоев, выдвигая выделенный элемент вперед относительно остальных блоков.
Простыми словами, один элемент может быть ближе или дальше от вас.
В примере z-index "Слой 2" больше, чем z-index "Слой 1":
И последние 6 инструментов в панели редактора:
13. Инструмент «Слой вниз» — меняет порядок слоев, смещая выделенный элемент под другие элементы.
14. Инструмент «Копия» — копирует выделенный элемент (не срабатывает на группе элементов, объединенных в блок). Перед применением действия убедитесь, что был выбран нужный элемент.
15. Инструмент «Удалить» — удаляет выделенный элемент.
Внимание: требуется подтверждение действия!
16. Инструмент «Мета-теги»
Позволяет прописать такие важные для SEO параметры как Title (Заголовок), Description (Описание), Keywords (Ключевые слова). Кроме того, здесь же можно настроить защиту от поисковых роботов (noindex, nofollow).
Также данный инструмент позволяет установить разметку Open Graph, необходимую при продвижении ваших целевых страниц в социальных сетях. Более подробно читайте в данном руководстве.
Заполните строчки, внеся соответствующую информацию. Сохраните изменения.
17. Инструмент «Скрипты» — позволяет интегрировать сторонние скрипты, коды аналитических систем (Яндекс.Метрика, Google Analytics), настроить стиль страницы (CSS) и т.п.
18. Инструмент «Цели конверсии» — позволяет установить нужные цели конверсии, например, заполнение лид-формы или переход по ссылкe.
Важно:
кроме лид форм в целях конверсии могут учитываться переходы по ссылкам или чат. То есть достигнутая цель конверсии не всегда является заполненной лид или попап формой;
посмотреть какие именно цели были достигнуты можно с помощью Карты целей
С помощью кнопки в левом верхнем углу вы можете увидеть какой вариант редактируете, а также добавить новый вариант страницы для сплит-теста.
Панель виджетов редактора LPGenerator
Слева в редакторе вам доступны виджеты.
1. Виджет «Конструктор секций» — поможет всего в несколько кликов создать полноценный лендинг.
О том, как работать с виджетом, читайте здесь.
2. Виджет «Магазин» — добавляет на лендинг модуль интернет-магазина.
Внимание: на текущий момент виджет отключён на платформе и недоступен для работы.
3. Виджет «Таймер» — позволяет добавить на лендинг таймер обратного отсчета.
Подробнее о том, как добавить таймер, а также о его возможностях, вы можете прочитать здесь.
4. Виджет «Попап» — добавляет на лендинг всплывающую форму.
Подробнее о настройке читайте здесь.
5. Виджет «Галерея» — дает возможность создать составные слайды, увеличение по клику и настроить собственный стиль.
Подробнее о галерее вы можете прочитать здесь.
6. Виджет «Видео» — служит для добавления видеороликов на лендинг и их настроек.
Подробнее о виджете можно прочитать здесь.
7. Виджет «Слайдер» — с помощью него можно добавить слайдер отзывов с фото и текстом.
Подробнее о слайдере отзывов читайте здесь.
8. Виджет «Карта» — позволяет добавить Яндекс.Карту и Google Map на лендинг.
Подробнее о виджете читайте здесь.
9. Виджет «Дополнительные шрифты» — позволяет загрузить шрифты с Google Fonts.
Подробное руководство здесь.
10. Виджет «Платёжные системы» — с его помощью можно интегрировать платежную систему «Робокасса» или «Яндекс.Касса».
О том, как пользоваться виджетом, читайте здесь (Робокасса) или здесь (Яндекс.Касса).
Элементы страницы
Все элементы страницы отображаются в панели слева. Чтобы развернуть панель нажмите на стрелочку слева:
Для того чтобы переименовать элемент, дважды кликните по его названию, введите текст и нажмите на дискетку “Сохранить”.
Для выхода из редактора и перехода в тест-центр отредактированной страницы, личный кабинет или CRM воспользуйтесь кнопкой «Закрыть редактор» (справа) и кликните по нужному варианту:
Перед закрытием редактора не забывайте сохранять изменения!
Высоких вам конверсий!
С уважением,
техническая поддержка LPgenerator