Как устроен Flexbe

В этой статье мы расскажем из чего состоит конструктор Flexbe.

Панель управления

Панель управления это основной способ навигации по разделам. Другими словами — пульт управления Flexbe.

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

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

Здесь вы можете поменять шрифт, настроить всплывающие окна, перейти в настройки страницы, переключиться на адаптивный режим, посмотреть историю версий, отменить свои действия на странице, перейти в предпросмотр страницы.

Проект

Проект — это и есть ваш сайт. Проект может состоять из множества страниц, но все они объединены единым доменом. 

Четыре ссылки в верхней панели: Страницы, Заявки, Аналитика, Настройки — относятся к выбранному проекту. Настройки этих разделов работают в рамках всего проекта.

Страница

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

Если помимо сайта вы хотите создать одностраничник на поддомене или с отдельным доменом — создайте новый проект из одной страницы.

Количество страниц в проекте не ограничено. 

Секция

Страница состоит из горизонтальных секций. У каждой секции своя структура, количество колонок, свой фон.  

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

Когда откроется список шаблонов секций — выбирайте подходящий.

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

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

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

Контент-зона

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

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

У контент-зоны можно задать фон, отступы по краям, вертикальное и горизонтальное выравнивание.

При удалении контент-зоны удаляются все элементы внутри.

Элемент

Элемент — это минимальная единица контента.

Для добавления элемента нажмите на синий ➕в левой части контент-зоны.

Откроется список элементов — выбирайте необходимый и добавляйте его на страницу. Все элементы после добавления можно редактировать.

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

Но можно выбрать элемент Двойная кнопка или Кнопка + Описание.

Такие ограничения сделаны специально, чтобы контент на странице оставался в одном стиле.

Редактирование элементов

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

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

Просто наведите мышку и нажмите на элемент который хотите изменить, чтобы увидеть Редактор этого элемента.

Текст во Flexbe редактируется прямо на странице. Наведите на текст или выделите любое слово и откроется редактор текста.

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

Работая в редакторе, вы сразу видите, как меняется внешний вид сайта — как его будут видеть посетители.