Как создать лендинг?

Создание новой посадочной страницы состоит из 3 шагов.

Подробно рассмотрим каждый из них.

Шаг 1. Создание лендинга.

Для того, чтобы создать лендинг, откройте раздел "Контент" -> "Конструктор лендингов" и нажмите кнопку "Добавить лендинг":

Image 262

В открывшемся окне вы увидите несколько настроек:

  1. Активность - отвечает за вывод лендинга на сайте. Если эту галочку не устанавливать, лендинг не будет выводиться в публичной части сайта.
  2. Название - название будет использоваться в дальнейшем только в административной части сайта.
  3. Сортировка - отвечает за порядок вывода лендингов в общем списке в административной части сайта.

Image 263

После завершения данных настроек, нажимаем на "Сохранить".

Шаг 2. Создание страницы для размещения лендинга.

Для того, чтобы вывести лендинг на сайт, для него необходимо создать отдельную страницу. Для этого зайдем в раздел "Контент"-> "Файлы и папки" -> Папка "lp":

Image 264

В указанной папке нажимаем кнопку "Добавить" и выбираем "Добавить папку".

Image 265

В открывшемся окне представлены настройки папки:

  1. Название раздела - введите название для будущего раздела, например, "Акция на все автомобили Nissan".
  2. Имя папки - заполняется только латинскими буквами, будет использоваться для формирования адреса страницы.
  3. Создать пункт меню - данная галочка должна быть отключена.
  4. Создать индексную страницу раздела - данная галочка должна быть установлена, она отвечает за создание самой страницы.
  5. Шаблон - поле заполнять не требуется.
  6. Перейти к редактированию - если данная галочка установлена, после сохранения всех настроек мы попадем в интерфейс редактирования содержимого страницы. Рекомендуем установить эту галочку, так как нам понадобится внести изменения в страницу.

Image 266

Image 267

После внесения всех изменений сохраняем страницу и попадаем в интерфейс редактирования страницы. Также, в него можно попасть из публичной части сайта, введя в адресную строку после домена сайта адрес страницы, например, в нашем случае - /lp/new-page/. На панели алминистрирования необходимо нажать кнопку "Изменить страницу":

Image 268

Откроется всплывающее окно с интерфейсом редактирования. Убедитесь, что у вас включен режим визуального редактора:

Image 269

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

Image 270

После этого откроется окно с настройками компонента (если оно не открылось, кликните дважды по иконке компонента).

В поле "Выберите лендинг" устанавливаем лендинг, который мы создали в первом шаге:

Image 271

Сохраняем изменения. Теперь при переходе на страницу нашего лендинга мы видим, что страница недоступна, и это нормально:

Image 272

Шаг 3. Наполнение лендинга.

Теперь нам необходимо наполнить наш лендинг контентом. 

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

Image 273

Перейдем на эту вкладку. Здесь находится интерфейс редактирования. Лендинги собираются из блоков, список которых вы можете видеть справа. Каждый блок может выводить свою информацию. На страницу они добавляются путем перетаскивания из правой панели в область редактирования. Чтобы поменять блоки местами, их достаточно перетащить:

Image 274

Image 275

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

Image 276

Собрав свой лендинг, сохраните изменения. После этого лендинг будет доступен в публичной части сайта.

Эта статья была полезна для 1 человека. Эта статья помогла Вам?

Сервис поддержки клиентов работает на платформе UserEcho