Элементы

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы скопировать элемент в буфер обмена и потом использовать его на любой странице текущего сайта — нажмите Копировать в буфер.

Одновременно в буфере можно хранить шесть элементов, они хранятся три часа.

Чтобы копировать элемент в буфер обмена, нажмите Ctrl + C или ⌘ + C.

Чтобы вставить последний скопированный элемент из буфера обмена, нажмите Ctrl + V или ⌘ + V.

Если вы хотите вставить один из шести элементов буфера обмена, наведите курсор на любой текущий элемента и кликните по иконке +.

После этого откроется буфер обмена, и вы можете выбрать нужный элемент.

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

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

Вы также можете дублировать элемент горячими клавишами. Наведите курсор на элемент и нажмите Ctrl + D или ⌘ + D.

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

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

Также вы можете удалить элемент, нажав Ctrl + Delete или ⌘ + Delete.

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

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

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

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

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

Действия при клике

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

Добавить в корзину — настройка на кнопке, которая позволяет добавить товар в корзину.

Использовать настройку кнопки — когда изображение имеет те же настройки, что и кнопка. Это нужно, например, в карточке товара — когда пользователь заказывает доставку еды, и нажимает на картинки меню из ресторана. После нажатия на картинку блюдо отправляется в корзину — то есть происходит тоже самое, как если бы он нажал на кнопку «Заказать». Настройку можно применить к элементам Изображение или Слайдер.

Начать квиз —  при нажатии на кнопку открывается всплывающее окно с квизом. 

Отправить e-mail — при нажатии на кнопку или изображение откроется почтовый клиент для отправки электронного письма. Так прямо на сайте можно отправить резюме, оставить отзыв о работе, написать вопрос менеджеру.

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

Перейти по ссылке — на Кнопке, Форме и Изображении есть возможность настроить переход на другую страницу.

Позвонить — клиент может нажать на Кнопку или Изображение и позвонить по указанному номеру. 

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

Скачать файл — при нажатии на Кнопку пользователь сможет скачать изображение, текстовый файл или презентацию. 

Скролл к секции — вы можете выбрать любую секцию на странице, и пользователь попадет на нее при нажатии на Кнопку, Форму, Изображение или Меню.

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

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

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

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

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

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

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

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

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

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

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

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

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