Как устроен Flexbe

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

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

Верхняя панель отвечает за настройки сайта и профиля.

Отсюда вы можете перейти в список доступных вам Сайтов и Страниц. Во вкладке Товары  можно управлять каталогом товаров и создавать товары с вариантами. В разделе Заявки хранятся все заявки от пользователей сайта. В Аналитике можно посмотреть статистику посещения сайта и конверсию в заявки. Настройки сайта — это обширный раздел, где можно настроить язык сайта, валюту, управления доменами, подключение интеграций, управление интернет-магазином, шрифты и многое другое. 

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

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

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

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

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

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

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

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

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

В конструкторе есть шаблоны базовых и свободных секций.

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

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

Вы можете сочетать на странице базовые и свободные секции. 

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

Секция состоит из контент-зон. Контент-зона — это контейнер для группы элементов.

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

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

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

Элемент — это минимальная единица контента: текст, изображение, кнопка, метка.

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

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

Элементы бывают статичные и абсолютные. Деление зависит от типа позиционирования элемента. 

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

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

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

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

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

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

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

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

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