Как устроен Flexbe

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

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

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

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

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

Сайт может состоять из множества страниц, все они будут объединены единым доменом. Количество страниц на сайте неограничено.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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