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

Секции

Здравствуйте, уважаемые пользователи LPgenerator!

Секция — это инструмент логического разделения лендинга на функциональные и информативные блоки. На техническом уровне это выглядит как блок, на котором размещаются остальные графические элементы.

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

Перемещение секций

Вы можете изменять положение секций целевой страницы путем ее перемещения.

Рассмотрим данный функционал на примере нового шаблона:

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



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

Существует два способа перемещения секций:

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

Щелкните на секцию, которую хотите переместить. В панели справа должно отобразиться название секции.

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



Кнопки «Вверх»/«Вниз»

Также секции можно переносить нажатием кнопок «Вверх»/«Вниз» на панели свойств в правой части редактора LPgenerator.

При нажатии кнопки «Вверх» выделенная секция меняется местами с секцией, которая расположена над ней. При нажатии кнопки «Вниз» происходит обратное действие.

Если в нашем примере сейчас нажать «Вверх», то секция с логотипом и телефон вернется в свое изначальное положение над меню.


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

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

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

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

Удаление секций

Удалить можно любую секцию, независимо от ее положения. Удаление осуществляется нажатием клавиши «Delete» на клавиатуре или кнопки удалить в верхнем меню редактора. При этом удаляемая секция должна быть выделена.


Если вам необходимо удалить секцию со всеми элементами, находящиеся в ней, то поставьте в диалоговом окне галочку «Удалить все элементы секции»


Сохранение и копирование секций.

1) Откройте страницу в визуальном редакторе LPgenerator:

Визуальный редактор LPgenerator

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

Конкретная секция

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

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

или с помощью виджета «Конструктор секций».

3) После того, как вы выделили секцию, в панели справа будут отображаться ее свойства:

Свойства справа

Опуститесь в самый низ этой панели и нажмите «Сохранить в галерею»:

Сохранить в галерею

4) Задайте название макета. Рекомендуем назвать его так, чтобы вам в дальнейшем было удобно найти его в галерее:

Название макета

Количество блоков, которое указано под полем “Название” — это информация о том, сколько элементов находится на секции.

Нажмите кнопку «Сохранить»:

Сохранить секцию

Всплывающее сообщение будет свидетельствовать об успешном добавлении секции.
Нажмите “ОК”, если это требуется:

Ок

Обратите внимание: если для элементов сохраняемой секции используются скрипты, то они не скопируются и не сохранятся вместе с секцией.
Несмотря на то, что макет сохраняется вместе с элементами (в том числе и HTML заглушками), при его использовании на странице идентификаторы элементов уже будут отличаться от изначальных, поэтому в старых скриптах, работающих с прежними id, смысла не будет.

5) Готово. Макет секции сохранен в галерее. Для того, чтобы использовать его нажмите на иконку «Конструктор секций» на панели виджетов слева:

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

6) Перейдите в раздел «Мои секции» — в нем будет доступна ваша добавленная секция. Кликните по названию, если захотите использовать ее на странице:

Использовать макет

7) По умолчанию секция из галереи добавится на страницу после всех имеющихся на странице секций. Если страница пустая, то новая секция будет располагаться в самом верху, так как будет являться единственной.

Секции можно менять местами. Подробнее об этом читайте здесь:

8) Для того, чтобы удалить макет секции нажмите на крестик справа от названия:

Удаление макета

По всем вопросам пишите нам по адресу support@lpgenerator.ru

Высоких конверсий!

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

Комментарии

  • Avatar
    Оганнес Сарибекян

    Класс, шагаете семимильными шагами... Молодцы

  • Avatar
    Дмитрий

    Спасибо, Оганнес

  • Avatar
    Сергей Игнатов

    Скажите пожалуйста, как я могу поменять высоту секции, изменения параметра недоступно. К тому же drag and drop не применимо к секции (на пустом шаблоне по крайней мере)

  • Avatar
    Максим Гуйван

    Здравствуйте, Сергей!

    Для секций действительно не предусмотрено задание высоты через ввод значения в правой части редактора страницы — только через "растягивание" за нижнюю границу секции. Для этого нужно навести курсор на пунктирную линию в нижней части секции, зажать левую клавишу мыши и протянуть вниз.

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

    Если у вас возникнут затруднения или дополнительные вопросы — пишите в службу поддержки на support@lpgenerator.ru — обязательно найдём решение!

  • Avatar
    Алексей Воробьёв

    Добавьте пожалуйста возможность копирования секций. В нескольких местах лендинга я вставляю практически один и тот же блок с формой заказа. Было бы удобно его скопировать и переместить куда нужно. Копирование позволит:
    1. Сократить время
    2. Все элементы на этих блоках будут в одинаковой пропорции

  • Avatar
    Максим Гуйван

    Здравствуйте, Алексей!

    Спасибо за предложение, мы передадим его разработчикам, и возможно, в будущих обновлениях функция "копирование блоком" появится.

  • Avatar
    Александр

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

  • Avatar
    Максим Гуйван

    Здравствуйте, Александр!

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

  • Avatar
    Артем Боровиков

    Присоединяюсь, по поводу копирования блоков (секций), в т.ч. и между лэндингами. Очень нужная функция! Артем

  • Avatar
    Денис Гайдыш

    Здравствуйте, скажите как я могу перенести секцию с набором элементов из одной страницы на другую?

  • Avatar
    Максим Гуйван

    Здравствуйте, Денис!

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

  • Avatar
    Артур

    Доброго дня!
    Подскажите, пожалуйста, можно ли закрепить верхнюю секцию таким образом, чтобы при прокрутке лендинга она всегда оставалась видимой вверху страницы?

  • Avatar
    Максим Гуйван

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

    Технически это возможно, однако не вполне понятно - зачем? Если вы хотите реализовать меню - есть способ для создания именно "статичного меню" - он описан в статье по ссылке: https://lpgenerator.zendesk.com/hc/ru/articles/201661433

    Если же задача состоит в чём-то другом - лучше обратитесь в нашу службу поддержки support@lpgenerator.ru - и опишите, в чём состоит задача.

  • Avatar
    Артур

    Максим, вы всё верно поняли, спасибо большое за ссылку.

  • Avatar
    Andrei Yegorov
    Нигде не нашел ответа на вопрос, как закрепить секцию вверху лэндинга, что-бы меню не прокручивалось и всегда было на виду. Пожалуйста сообщите, как сделать ?
  • Avatar
    Максим Гуйван
    Здравствуйте, Андрей! Закрепить секцию затруднительно, однако вам, скорее всего, подойдёт предыдущий ответ из комментариев - настройка статичного(закреплённого) меню: этот способ описан в статье по ссылке: https://lpgenerator.zendesk.com/hc/ru/articles/201661433 Если возникнут сложности - пишите нам на support@lpgenerator.ru и обязательно укажите адрес страницы.
На базе технологии Zendesk