Как я могу использовать секции в редакторе лендингов в версии legacy?

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

У секций есть две основные функции:

  • Они организуют элементы в логичные группы.
  • Они позволяют легко управлять контентом.

Большая часть наших шаблонов лендингов состоит из секций. Вы также можете добавить дополнительные секции к своему шаблону.

Как работать с секциями?

Чтобы добавить новую секцию, перенесите её иконку из панели инструментов на поле редактора.

Иконка секции в панели инструментов

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

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

  • Используя кнопки перемещения (они становятся видимыми после того, как вы кликните часть секции, не содержащую элементы).
    Элементы управления секцией
  • Кликните секцию и перемещайте её, удерживая кнопку мыши.

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

Элемент управления высотой секции

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

Как я могу давать ссылки на секции?

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

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

Вы можете использовать один из наших шаблонов, таких как Active Gym и Fitness Journey, которые уже включают объединённые элементы (мы также продолжаем работать над созданием новых шаблонов). Вы также можете выбрать собственный шаблон и элементы, и соединить их подходящим образом. Для этого:

  1. Выберите кликабельный элемент, в который вы хотите добавить ссылку и перенесите его на секцию.
  2. Кликните элемент два раза, чтобы открыть панель редактора.
панель редактирования кликабельных элементов
  1. Кликните иконку ссылки в панели, чтобы просмотреть опции.
редактирование кликабельного элемента
  1. В поле Тип выберите Секция. После этого, выберите секцию, на которую хотите дать ссылку (например секция, где находится форма).
  2. Кликните OK.

Теперь вы можете опубликовать, или продолжить редактировать лендинг. Если вы перемещаете секции, настройки элементов обновляются динамически. Они «реагируют» на изменения, которые вы вносите и дают ссылку на секцию в её новом месте. Это значит, что номер секции в редакторе кнопки обновляется автоматически. Вам не требуется возвращаться и вносить какие-либо изменения.

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

Примечание: Эта функция не перемещает вас между секциями, пока вы находитесь в редакторе. Чтобы увидеть её работу, вам необходимо опубликовать страницу.

Могу ли я использовать быстрые клавиши в редакторе лендингов?

Существует несколько сочетаний клавиш для Mac и Windows, которые вы можете использовать, чтобы ускорить процесс работы.

  • нажмите CMD/CTRL+S чтобы сохранить изменения
  • нажмите CMD/CTRL+D чтобы дублировать один или более выбранный элемент, или секцию
  • нажмите CMD/CTRL+C чтобы копировать один или более выбранный элемент, или секцию
  • нажмите CMD/CTRL+V чтобы вставить один или более выбранный элемент
  • нажмите CMD/CTRL + клик левой кнопкой мыши, чтобы выбрать несколько элементов
  • нажмите CMD/CTRL+Z чтобы отменить действие
  • нажмите SHIFT+CMD/CTRL+Z чтобы повторить действие
  • нажмите CMD/CTR+O – чтобы оптимизировать расположение элементов (только для мобильной версии)
  • нажмите кнопку ВВЕРХ, ВНИЗ, ВЛЕВО, ВПРАВО, чтобы передвинуть выбранный элемент на 1 пиксель
  • нажмите SHIFT+Кнопку ВВЕРХ, ВНИЗ, ВЛЕВО, ВПРАВО, чтобы переместить выбранный элемент на 10 пикселей
  • нажмите ПРОБЕЛ – удалить элемент
 

 

Похожие статьи

Популярные ресурсы