Как устроен Flexbe
В этой статье мы расскажем, из чего состоит конструктор Flexbe.
Панель управления
Панель управления это основной способ навигации по разделам. Другими словами — пульт управления Flexbe.
Верхняя панель отвечает за навигацию. Отсюда можно перейти в список сайтов и на страницы, посмотреть заявки и аналитику, настроить сайт, зайти в свой профиль.
Нижняя панель отвечает за текущую редактируемую страницу. Панель отображается только если вы редактируете страницу вашего сайта.
Здесь вы можете поменять шрифт, настроить всплывающие окна, перейти в настройки страницы, переключиться на адаптивный режим, посмотреть историю версий, отменить свои действия на странице, перейти в предпросмотр страницы.
Сайт
Сайт может состоять из множества страниц, все они будут объединены единым доменом. Количество страниц на сайте неограничено.
Четыре ссылки в верхней панели: Страницы, Заявки, Аналитика, Настройки — относятся к выбранному сайту. Настройки этих разделов работают в рамках всего сайта.
Страница
Страница — одна из составляющих сайта. В рамках одного сайта у отдельной страницы не может быть своего домена.
Если помимо сайта вы хотите создать одностраничник на поддомене или с отдельным доменом — создайте новый сайт из одной страницы.
Количество страниц на сайте не ограничено.
Секция
Страница состоит из горизонтальных секций. У каждой секции своя структура, количество колонок, свой фон.
Вы собираете сайт из готовых секций, каждая из которых решает свою задачу: это могут быть карточки товаров, контакты, галерея, отзывы и другие. Список доступных секций открывается при нажатии на ➕в редакторе страницы.
Когда откроется список шаблонов секций — выбирайте подходящий.
Секция состоит из элементов: заголовок, изображение, кнопка, форма заявки и другие. С их помощью вы можете менять секции под свои задачи. К элементам относятся все части секции.
У каждой секции своя верстка, вы можете менять контент, стиль контент-зон и элементов, а также количество карточек в ряд или ширину колонок, но все изменения возможны только в рамках предлагаемой верстки.
Например, в секции Наша команда три карточки, а в секции Связаться с нами — одна колонка. Каждая секция имеет свой макет — в рамках имеющегося макета вы добавляете контент.
Контент-зона
Контент-зона это набор элементов, из которых состоит секция. Например, колонка, карточка товара, область заголовка.
В режиме редактирования контент-зоны выделяются синей рамкой при наведении.
У контент-зоны можно задать фон, отступы по краям, вертикальное и горизонтальное выравнивание.
При удалении контент-зоны удаляются все элементы внутри.
Элемент
Элемент — это минимальная единица контента.
Для добавления элемента нажмите на ➕в левой части контент-зоны.
Откроется список элементов — выбирайте необходимый и добавляйте его на страницу. Все элементы после добавления можно редактировать.
Элементы всегда располагаются вертикально. Вы не можете добавить два элемента в одну линию, например, нельзя добавить две кнопки в один ряд или расположить текст сбоку от кнопки.
Но можно выбрать элемент Двойная кнопка или Кнопка + Описание.
Редактирование элементов
Визуальная система редактирования позволяет сразу видеть изменения на сайте.
На странице сайта вы можете редактировать мышкой практически все, что видите — добавлять, удалять или менять местами секции, менять контент этих секций, настраивать контент-зоны и элементы.
Просто наведите мышку и нажмите на элемент который хотите изменить, чтобы увидеть Редактор этого элемента.
Текст во Flexbe редактируется прямо на странице. Наведите на текст или выделите любое слово и откроется редактор текста.
Кнопки, изображения, логотипы и другие визуальные элементы настраиваются в отдельных всплывающих окнах — наведите мышку, кликните по значку настроек и откроется редактор элемента.
Работая в редакторе, вы сразу видите, как меняется внешний вид сайта — как его будут видеть посетители.