LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней

Возможности редактора целевых страниц

Обновленная статья по работе с редактором здесь:

1. Начните работу с создания страницы

Добавить страницу

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

Добавить новую страницу

2. Основные части редактора

Основные части редактора

  1. Основное меню
  2. Свойства элемента
  3. Рабочая область
  4. Список элементов

3. Редактирование элементов

Для того, чтобы редактировать элемент на странице, сделайте двойной щелчок по нему.

3.1. Графические элементы и изображения

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

Графические элементы и изображения

3.2. Текст

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

Текст

3.3. Кнопка

Меняйте надпись на кнопке в соответствии с целями, которые вы преследуете («Скачать», «Перейти на сайт», «Купить», «Отправить» и тому подобное).

Кнопка

3.4. Лид-форма

Меняйте, удаляйте или добавляйте поля, необходимые для заполнения.

Лид-форма

 

4. Набор свойств элементов

В «Свойствах» можно изменить цвет элемента, его размеры, настроить фон или границу (рамку) или воспользоваться другими настройками.

Выбор цвета

Все действия можно отменить, вернув настройки в прежнее положение, к примеру для очистки фона достаточно нажать на кнопку «Прозрачный» (около строки выбора цвета):

Прозрачный

5. Изменение размеров элементов целевой страницы

Высоту, ширину и размер элемента можно изменить, потянув за правую или нижнюю сторону его границы при появлении соответствующего курсора.

Изменение размеров элемента

Для пропорционального увеличения или уменьшения размера поняните за правый нижний угол элемента.

Пропорциональное изменение размеров элемента

6. Порядок элементов

Для изменения порядка элементов, используйте кнопки «Слой вверх» и «Слой вниз» в «Основном меню» редактора. Перед применением действия убедитесь, что был выделен нужный элемент.

Порядок элементов

7. Дублирование и удаление элементов

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

удаление элементов

8. Элементы редактора

8.1.Секции

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

Секция

8.2. Блоки

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

Блоки

8.3. Изображения

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

Изображения

8.4.Текст

Легко заполняйте целевую страницу необходимой информацией. Для добавления текстового блока нажмите кнопку «Текст» в «Основном меню» редактора. Вставьте текст, форматируйте его инструментами, доступными в верхней панели редактора текста, и опубликуйте, нажав кнопку «Сохранить».

Текст

8.5. Кнопки

Вы можете создавать собственные кнопки с помощью инструмента «Кнопка» в «Основном меню» редактора.

Кнопки

Вставьте текст, направленный на призыв к действию (CTA), которое вы ожидаете от пользователя. Введите URL-адрес страницы, на которую должен переадресовываться пользователь, в строку «Ссылка» и выберите, каким образом она будет открываться («В том же окне» или «В новом окне»). Подтвердите создание новой кнопки, нажав «Сохранить».

Сохранить

После этого вы сможете отредактировать внешние характеристики — изменить цвет кнопки, добавить рамку, форматировать текст в «Свойствах элемента».

Свойства элемента

8.6. Лид-форма

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

Лид-форма

8.7. Произвольный HTML-код

Вы можете вставить в свою страницу любой HTML-код, например, ссылку на Twitter или видеоролик с YouTube. Для этого нажмите кнопку «Произвольный HTML-код» в «Основном меню» редактора.

HTML-код

8.8. Мета-теги страницы

Для добавления мета-тегов на вашу страницу нажмите кнопку «Мета-теги» в «Основном меню» редактора. Заполните строчки, внеся соответствующую информацию. Сохраните изменения.

Мета-теги

Мета-теги

8.9. Скрипты

Вы можете интегрировать в свою страницу необходимый скрипт, например, от системы Google Analytics. Для этого нажмите кнопку «Скрипты» в «Основном меню» редактора, заполните форму и сохраните изменения.

Скрипты

Скрипты

8.10. Цели конверсии

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

Цели конверсии

Цель конверсии

8.11. Большие фоновые изображения

1. В редакторе кнликните по фоновому пространству (справа или слева от границ страницы).
2. В разделе “Фон” меню “Свойства” нажмите ссылку “Галерея” в поле “Изображение”:

Изображение

3. Выберите в галерее фоновую заливку, загруженное изображение или загрузите новое с компьютера.

Обратите внимание, что размер изображения не должен превышать 1 Мб!

4. В разделе “Фон” меню “Свойства” установите положение “Центр” для фона:

меню “Свойства”

Если вы выбрали фоновую заливку, то задайте для "Повторения" параметр "Размножить".

5. Кликните 1 раз по внутреннему фону страницы. В разделе “Внутренний фон” выберите значение “Прозрачный” или, если это требуется, выберите нужный цвет или изображение:

Цвет

Серые границы внутреннего фона видны только внутри редактора для ориентирования! Они не будут отображаться на внешней странице.

9. Настройка "якорей".

Чтобы установить “якорь” на какой либо блок страницы нужно:

1. Кликнуть в редакторе по блоку, на который будет ссылаться “якорь” один раз (это может быть совершенно любой элемент - лид-форма, текстовый блок, кнопка, изображение и т. п.).

2. В свойствах данного элемента войти в раздел “Расширенные” и скопировать ID якоря в соответствующем разделе:

Расширенные

3. Создайте объект, который будет отвечать за функцию ссылки на “якорь”. Это может быть кнопка, изображение, фрагмент текста.

Если вы создали в качестве ссылки на якорь кнопку, то вставьте ID якоря, который вы скопировали, вместо ссылки в ее настройках:

кнопка

Если изображение, то в меню “Свойства” вставьте ID вместо URL в пункте “Ссылка”:

изображение

Если в качестве ссылки на якорь вы устанавливаете текст, то кликните 2 раза по текстовому редактору, выделите нужный фрагмент текста и нажмите инструмент “Ссылка”:

Ссылка

и в появившемся окне вставьте ID якоря в качестве URL:

Настройка ссылки

10. Сохраните изменения

Пожалуйста, не забывайте сохранять изменения, осуществленные в процессе работы со страницей.

Сохранение

11. Опубликуйте страницу

Публикация

Повышайте конверсию вместе с нами!

27 апреля 2011

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".