Конструктор страниц

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

Раздел позволяет администраторам сайта:

  • управлять структурой главной страницы сайта, получая полный контроль над структурой;

  • изменять порядок блоков;

  • настраивать внешний вид блоков, ускоряя внедрение изменений без привлечения разработчиков;

  • выбирать различные варианты отображения одного и того же блока.

Все изменения выполняются через интерфейс админ-панели и применяются непосредственно к главной странице сайта.

Визуальное редактирование (WYSIWYG)

Page Builder работает по принципу «что видишь — то и получаешь» (WYSIWYG).

Это означает:

  • отображение блоков максимально приближено к реальному виду сайта;

  • отсутствие необходимости редактировать код;

  • возможность управлять страницей без технических знаний.

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

2. Назначение раздела

Раздел Page Builder создан для того, чтобы:

  • упростить управление главной страницей;

  • дать администраторам полный контроль над визуальной частью сайта;

  • ускорить запуск и тестирование новых вариантов дизайна;

  • минимизировать зависимость от технических специалистов.

3. Структура интерфейса Page Builder

Интерфейс Page Builder состоит из следующих ключевых элементов:

3.1 Полотно страницы

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

Полотно отображает:

  • порядок блоков сверху вниз;

  • текущий тип и внешний вид каждого блока;

  • доступные элементы управления блоком.

3.2 Блоки страницы

Блок - это отдельный функциональный и информационный элемент главной страницы, здесь могут быть расположены все доступные для дальнейшего использования блоки, например:

  • Описание сайта;

  • Блок популярных направлений обмена;

  • Форма обмена;

  • Партнёры;

  • Новости;

  • Блок партнёров;

  • Баннеры.

Каждый блок:

  • можно переместить как отдельную секцию на полотно;

  • имеет собственные настройки как в разделе, так и отдельные настройки после их применения на самом полотне;

  • может быть изменён независимо от других блоков.

4. Управление расположением блоков

4.1 Изменение порядка блоков

Page Builder позволяет управлять порядком отображения блоков на главной странице.

Администратор может:

  • менять последовательность блоков;

  • выстраивать приоритетные блоки выше или ниже;

  • изменять вид конктретного блока на один из адаптированных вариантов.

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

Блоки отображаются на сайте строго в том порядке, в котором они расположены на полотне Page Builder. Все изменения порядка применяются после сохранения и сразу отражаются на клиентской части сайта.

5. Настройка внешнего вида блоков

5.1 Иконка настроек (шестерёнка)

У каждого блока на полотне присутствует иконка шестерёнки — это основной элемент управления внешним видом блока.

Нажатие на иконку шестерёнки открывает меню настроек конкретного блока.

Блок описание сайта - независимая редактируемая форма для заполнения и редактирования, нажав шестерёнку по ней, Вы сможете получить доступ к редактированию прямо в разделе Конструктора страниц.

5.2 Варианты отображения блоков

В настройках блока администратору доступны:

  • различные варианты дизайна блока;

  • альтернативные шаблоны отображения;

  • разные визуальные представления одного и того же функционала.

Например, один и тот же блок может:

  • отображаться в компактном виде;

  • иметь расширенную версию;

  • использовать другой визуальный стиль или структуру.

5.3 Переключение вариантов

Администратор может:

  • выбрать один из доступных вариантов отображения;

  • моментально применить изменения;

  • визуально оценить результат прямо в Page Builder.

Это позволяет гибко адаптировать главную страницу под:

  • бизнес-задачи;

  • маркетинговые кампании;

  • сезонные изменения;

  • A/B-тестирование визуальных решений.

6. Сохранение изменений

После внесения любых изменений (изменение порядка блоков или выбор варианта отображения):

  • изменения необходимо сохранить;

  • после сохранения они применяются к главной странице сайта;

  • обновление происходит без необходимости дополнительных действий.

Рекомендуется проверять результат на клиентской части сайта после каждого значимого изменения.

Рекомендации по использованию

  • Изменяйте структуру страницы постепенно, проверяя результат.

  • Используйте разные варианты блоков для повышения конверсии.

  • Располагайте ключевые блоки выше по странице.

  • Перед масштабными изменениями рекомендуется зафиксировать текущую структуру страницы.

Последнее обновление