База знаний
по возможностям платформы

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

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

Все основные действия (добавление и удаление элементов, смена порядка элементов и т. п.) производятся с помощью инструментов, размещенных в основном меню редактора. Внешне оно выглядит следующим образом:

Панель инструментов редактора LPgenerator

Если элементы панели смещены и/или некликабельны: убедитесь, что масштабирование браузера установлено на значении 100%. Уменьшить значение можно в настройках браузера или нажав сочетание клавиш Ctrl + - (минус/дефис).

Итак, первые 6 элементов в основной панели инструментов редактора (слева направо): 

инструменты

1. Инструмент «Сохранить» – позволяет сохранить изменения, внесенные на странице.
2. Инструмент «Просмотр» – позволяет просмотреть актуальное состояние оформления страницы.
3. Инструмент «Отменить» – отменяет последнее внесенное изменение.
4. Инструмент «Повторить» – возвращает состояние страницы после отмены изменений.
5. Инструмент «Секция страницы» - позволяет добавить секцию страницы. Секции применяются для логической группировки элементов целевой страницы (по высоте).

Секция страницы

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

Подробнее о работе с секциями вы можете прочитать здесь.

6. Инструмент «Блок» — позволяет добавлять блоки. Блоки применяются в качестве фона для группы элементов.

Блок

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

Блок

Следующая «шестерка» элементов:

инструменты

7. Инструмент «Изображение» — позволяет выбирать изображения, доступные в галерее, и загружать собственные.

Инструмент «Изображение»

галерея

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

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

Инструмент «Текст»

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

Подробнее о функционале текстового редактора читайте здесь.

9. Инструмент «Кнопка» — добавляет CTA-элемент (кнопку). Вставьте текст, направленный на призыв к действию (CTA), которое вы ожидаете от пользователя.

Инструмент «Кнопка»

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

Инструмент «Кнопка»

Внимание: не путать с кнопкой для формы!

10. Инструмент «Форма» — добавляет лид-форму на страницу.

Инструмент «Форма»

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

Инструмент «Форма»

11. Инструмент «HTML»

Инструмент «Произвольный HTML»

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

12. Инструмент «Слой вверх» — меняет порядок слоев, выдвигая выделенный элемент вперед относительно остальных блоков.

И последние 6 инструментов в панели редактора:

инструменты

13. Инструмент «Слой вниз» — меняет порядок слоев, смещая элемент под другие блоки.

14. Инструмент «Копия» — копирует выделенный элемент (не срабатывает на группе элементов, объединенных в блок). Перед применением действия убедитесь, что был выбран нужный элемент.

15. Инструмент «Удалить» — удаляет выделенный элемент. Внимание: требуется подтверждение действия!

Инструмент «Удалить»

16. Инструмент «Мета-теги»

Инструмент «Мета-теги»

Позволяет прописать такие важные для SEO параметры как TITLE, Description, Keywords. Кроме того, здесь же можно настроить защиту от поисковых роботов (noindex, nofollow).

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

Заполните строчки, внеся соответствующую информацию. Сохраните изменения.

Мета-теги

17. Инструмент «Скрипты» — позволяет интегрировать сторонние скрипты, коды аналитических систем (Яндекс.Метрика, Google Analytics), настроить стиль страницы (CSS) и т.п.

Инструмент «Скрипты»

Инструмент «Скрипты»

18. Инструмент «Цели конверсии» — позволяет установить нужные цели конверсии, например, заполнение лид-формы или переход по ссылкe.

Инструмент «Цели конверсии»

Инструмент «Цели конверсии»

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

сплит-тест

Панель виджетов редактора LPGenerator

Слева в редакторе вам доступны виджеты.

Панель виджетов

1. Виджет “Таймер” — позволяет добавить на страницу таймер обратного отсчета.

 Виджет “Таймер”

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

 Виджет “Таймер”

2. Виджет “Попап” — добавляет на страницу всплывающую форму.

Виджет “Попап”

Подробнее о настройке читайте здесь.

Виджет “Попап”

3. Виджет “Карта” — позволяет добавить Яндекс.Карту и Google Map на страницу.

Виджет “Карта”

Подробнее о виджете читайте здесь.

Виджет “Карта”

4. Виджет “Слайдер” — с помощью него можно добавить слайдер отзывов с фото и текстом.

Виджет “Слайдер”

Подробнее о слайдере отзывов читайте здесь.

Виджет “Слайдер”

5. Виджет “Галерея” — дает возможность создать составные слайды, увеличение по клику и настроить собственный стиль.

Виджет “Галерея”

Подробнее о галерее вы можете прочитать здесь.

Виджет “Галерея”

6. Виджет “Видео” — служит для добавления видеороликов на страницу и их настроек.

Видео

Подробнее о виджете можно прочитать здесь.

Редактор видео

7. Виджет “Дополнительные шрифты” — позволяет загрузить шрифты с Google Fonts.

Шрифты

Подробное руководство здесь.

Редактор шрифтов

8. Виджет “Робокасса” — с его помощью можно интегрировать платежную систему.

Робокасса

О том, как пользоваться виджетом, читайте здесь.

9. Виджет “Конструктор секций” — поможет всего в несколько кликов создать полноценный лендинг.

Конструктор секций

О том, как работать c виджетом, читайте здесь.

 Секций конструктор

Элементы страницы

Все элементы страницы отображаются в панели слева. Чтобы развернуть панель нажмите на стрелочку слева:

Элементы страницы

Элементы страницы

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

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

Для выхода из редактора и перехода в тест-центр отредактированной страницы, личный кабинет или CRM воспользуйтесь кнопкой «Закрыть редактор» (справа) и кликните по нужному варианту:

Закрыть редактор

Перед закрытием редактора не забывайте сохранять изменения!

Создали страницу? Можете смело приобретать домен и публиковать на нем ваш лендинг.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 8 из 8
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Лина Малькова

    Здравствуйте! Для перемещения нескольких объектов поместите их на блок. Если блока нет, создайте его, поместите под элементы, которые нужно переместить и в меню справа установите галочку "Перетаскивать элементы внутри блока": http://awesomescreenshot.com/0da1ow2ye4

    После того, как переместите элементы на нужное место, если блок более не нужен, его можно выделить и удалить.

  • Avatar
    Пользователь fabrics_i

    Добрый день. В тестовом режиме не удается редактировать текст. После двойного щелчка появляется окошко, но печатать там что-либо не удается (нет курсора, также не получается вставить текст). Возможна такая проблема из-за ОС? стоит windows 8

  • Avatar
    Лина Малькова

    Здравствуйте! Нет, такая проблема возникает изза использования браузера Internet Explorer.

    К сожалению, он некорректно обрабатывает некоторые скрипты.

    На время работы с редактором, пожалуйста, пользуйтесь любым другим браузером (например, Chrome или Firefox), и все будет в порядке.

    Мы работаем над устранением конфликта с Internet Explorer.

    Приносим свои извинения за причиненные неудобства.

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

  • Avatar
    Пользователь suren-fusion2012

    Здравствуйте! При просмотре моей целевой странице я не вижу ЛИД форму. Но при редактировании страницы я ее вижу. Что мне делать?

  • Avatar
    Василий Суймин

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

  • Avatar
    Лина Малькова

    Здравствуйте!

    suren-fusion2012 (https://lpgenerator.zendesk.com/users/465822773), скорее всего это всплывающая форма, которая видна в редакторе, чтобы Вы могли ее редактировать, но при просмотре она появляется только при нажатии на кнопку "Заказать звонок".  
    amazingo (https://lpgenerator.zendesk.com/users/465932053), для этого добавьте секцию на страницу (инструмент "Секция"). 

  • Avatar
    Евгения

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

  • Avatar
    Лина Малькова

    Здравствуйте, Евгения! О том как настроить цену за клик и некоторые другие данные воронки конверсии, читайте здесь: https://lpgenerator.zendesk.com/entries/22005583

    Также, прописывайте "Сумму сделки" в карточке лидов, чтобы в воронке конверсии показывались данные.

    Цели конверсии можно установить для каждой страницы отдельно в редакторе (инструмент "Цели конверсии").

  • Avatar
    Евгения

    а каким образом их там установить? просто у меня автоматически какие-то цифры проставились и не убираются. везде в примерах изначально 0% указано в целях, а у меня 16. и эта цифра меняется 

  • Avatar
    Олег

    добрый вечер! подскажите как реализовать такую задачу:

    кнопка "заказать звонок". человек кликает на неё -возникает лидформа (маленькое окошечко, в котором указывается, что именно нужно сделать человеку и , в конце, снова кнопка -ОТПРАВИТЬ). человек всё заполняет, нажимает на кнопку и это окошечко превращается в окно "спасибо-наш манагер с вами свяжется). человек кликает на крестик в правом верхнем углу и оконце исчезает.

    подскажите!Очень надо!

    Заранее спасибо!

  • Avatar
  • Avatar
    Андрей Заяц

    Добрый вечер.

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

  • Avatar
    Лина Малькова

    Здравствуйте, Андрей! Есть два варианта: попробовать самостоятельно добавить дизайн послойно с помощью доступных инструментов редактора. Либо обратиться в отдел дизайна, чтобы они сверстали страницу по Вашему макету: landing@lpgenerator.ru

  • Avatar
    Андрей Заяц

    Спасибо. Если дорабатывать самому, то есть ряд вопросов:

    1. Шрифты. Мне необходимо добавить шрифт Calibri Bold. Я видел инструкцию выше, но не совсем понял алгоритм: сначала добавить скрипт, потом Google Font, а потом WebFont или это 3 варианта одного и того же. Не могли бы вы объяснить пошагово.

    Далее в каком виде я это шрифт увижу в своем интерфейсе? Этот шрифт появится в списке шрифтов?

    1. Интервал между абзацами. В редакторе текста есть Межстрочный интервал и он хорошо работает, все ОК. Но стоит только нажать Enter в тексте, так появляется дополнительный интервал между абзацами. Можно ли мне его отрегулировать или вообще убрать вашими силами?

    2. Дизайн всплывающей формы "Заказать Звонок". Можно ли самому отредактировать дизайн всплывающей формы?

     

    Заранее благодарен.

  • Avatar
    Лина Малькова

    Здравствуйте, Андрей! 1. Это три возможных варианта подключения. Например, Вы находите нужный Вам шрифт на WebFont, подключаете его через скрипты, а затем прописываете его название через "Источник" в текстовом редакторе для нужного текста. Пересохраняете страницу.

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

    2. Да, можно. Для этого можно выбрать и подключить любую тему отсюда: http://jqueryui.com/themeroller/

    Достаточно просто заменить название темы в скрипте.

  • Avatar
    Пользователь mrupysheva

    Здравствуйте!

    Меня интересует вопрос публикации лэндинга в сети. Я зарегистрировала домен и купила хостинг на reg.ru, привязала 5 лэндингов на поддомены через CNAME. Получилось так: привязала как deti.event-generator.ru, а в списке страниц поддомен ведь указывается в конце, как event-generator.ru/deti. По какому адресу в результате будет находиться страница? Привязку я делала на сайте reg.ru, может, здесь тоже что-то надо было сделать?

    И еще вопрос: как удалить лид из списка,я просто тестировала страницу. спасибо

  • Avatar
    Лина Малькова

    Здравствуйте! В разделе "Домены" указываете поддомен именно так, как привязывали, т.е deti.event-generator.ru. Привязка уже сработала и можно переносить на поддомен страницы.

    К сожалению, удалить лиды невозможно. Но можно скрыть тестовые лиды, чтобы они не мешали работе. Для этого пометьте их галочками и из настроек выберите "Скрыть": http://awesomescreenshot.com/0a11pzyi19

  • Avatar
    Пользователь luatavska

    Как сделать чтобы при нажатии на кнопку страница опускалась(прокручивалась) до той информации которая соответствует этой кнопке?

  • Avatar
  • Avatar
    Богдан

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

  • Avatar
    Лина Малькова

    Здравствуйте, Богдан! Пришлите на support@lpgenerator.ru ссылку на страницу в редакторе, проверим, что не так.

  • Avatar
    Константин

    Добрый день! Как добавить секцию в середину страницы, т.е. между имеющимися секциями? По-умолчанию добавляется в конец страницы.

  • Avatar
    Лина Малькова

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

  • Avatar
    Сергей

    Здравствуйте,при послойном редактировании шаблона возникла такая сложность : не получается внизу страницы добавить резиновый блок на всю ширину.  Интуитивно понял,что делать это нужно с помощью инструмента "секции",но разобраться не получилось. Максимум,смог его вставить в самый низ с шириной 300 пикселей,как можно отредактировать ширину до 130?  Ссылка на тестовый вариант : http://lpgenerator.ru/var/158166 (http://lpgenerator.ru/var/158166) 

     

  • Avatar
    Лина Малькова

    Здравствуйте, Сергей! На указанной странице у Вас есть только одна секция, называется она "Верх". Новые секции добавляются снизу уже имеющихся. Чтобы увеличить длину страницы, добавьте нужное количество секций, их высоту можно регулировать в меню справа: параметр "Высота": http://awesomescreenshot.com/0331r6cf37

  • Avatar
    Алексей

    Здравствуйте уважаемая служба поддержки.

    Есть ряд вопросов:

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

    2. Не смог вложить элементу друг в друга, есть такая возможность?

    3. Есть возможность подключить css файл? Именно подключить файл, а не добавить код в теги

    4. Есть возможность массовой загрузки изображений?

    5. Может вдруг случайно у вас есть возможность загрузки готового свёрстанного макета в ваш сервис?

     

    Спасибо.

  • Avatar
    Лина Малькова

    Здравствуйте, Алексей! 1. Как создать фон старницы, описано здесь: https://lpgenerator.zendesk.com/entries/22010123-%D0%9A%D0%B0%D0%BA-%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D1%84%D0%BE%D0%BD-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B-

    Вы можете настроить внутренний и внешний фон страницы в меню справа: http://awesomescreenshot.com/0521s2ly1e

    1. Пожалуйста, поясните, что Вы имеете в виду.

    2. Подключить css можно на вкладке "Расширенные" в меню справа.

    3. К сожалению, нет. Вы можете загружать изображения по одному через галерею.

    4. Для этого нужно обратиться в отдел дизайна по адресу: design@lpgenerator.ru. Либо добавлять готовый дизайн самостоятельно послойно с помощью доступных инструментов в редакторе.

  • Avatar
    Алексей
    1. Да, я это понимаю. В редакторе фоновые изображения добавляются, но при просмотре их почему то нету.

    2. Имею ввиду есть ли возможность положить один элемент в другой, не наложить сверху,а именно в него положить.

    //Контейнер

        //Вложенный блок

  • Avatar
    Лина Малькова
    1. Пришлите ссылку на страницу в редакторе. Проверим, почему не отображаются изображения.

    2. Для этого воспользуйтесь инструментом HTML, с помощью него на страницу можно добавить любой произвольный html-код.

  • Avatar
    Алексей

    Спасибо, со всем разобрался. Фоны вставил другим путём.

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