Элементы

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

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

На странице сайта вы можете редактировать мышкой любые элементы — ниже пример редактирования элемента «кнопка».

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

Добавление элемента

Если вы хотите добавить элемент в секцию, уже содержащую контент, наведите курсор на верхнюю или нижнюю границу текущего элемента и кликните по иконке +.

Чтобы найти +  — наведите курсор на любой элемент на странице.

После клика на «+» откроется окно добавления элемента. Выберите подходящий вам тип элемента, чтобы добавить его в выбранную область секции.

Если вы удалили все элементы из блока секции, то при наведении курсора на пустую область вы увидите блок добавления контента — Нет элементов. Кликните, чтобы добавить.

Перемещение элемента

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

Копирование элемента

Для копирования элемента наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления текущим элементом. Кликните по правой иконке этой панели «...» . Выберите пункт меню Дублировать.

Удаление элемента

Чтобы удалить элемент, наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления. Кликните на «...» и выберите пункт меню Удалить.

Редактирование текста

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

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

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

При клике по кнопке «...» вы увидите дополнительные опции редактирования текста: удаление форматирования и текста, проверку орфографии, рекомендации Главреда, настройки SEO.

Настройка медиа

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

Настройка карты

Кликните по добавленному элементу, чтобы открыть окно настроек Карта. Вы можете подключить карты от Яндекса или Google, настроить адрес маркера и его цвет.

Настройка кнопки

Кликните по созданной кнопке. В открывшемся окне настроек вы можете изменить текст, стиль и цвет кнопки, настроить действие при клике и вставить код для срабатывания целей в системах аналитики.

Настройка иконок

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

Вторая вкладка настроек открывается при нажатии Стиль и позволяет настроить визуальный стиль иконки – цвет, подложку и прочее.

Настройка социальных сетей

Добавив элемент Социальные профили, вы можете настроить ссылки и стиль отображения иконок.

Другие элементы редактора имеют схожие настройки или являются группой элементов разных типов – например, иконка с описанием.