Элементы
Элемент это минимальная единица контента — кнопка, текст, изображение, форма, заголовок, иконка и другие.
Когда вы создаете страницу или добавляете новую секцию — шаблоны уже заполнены базовыми элементами. Это примеры наших дизайнеров, чтобы продемонстрировать дизайн и возможность использования каждой отдельной секции.
На странице сайта вы можете редактировать мышкой любые элементы — ниже пример редактирования элемента «кнопка».
Визуальная система редактирования позволяет сразу видеть изменения на сайте.
Добавление элемента
Если вы хотите добавить элемент в секцию, уже содержащую контент, наведите курсор на верхнюю или нижнюю границу текущего элемента и кликните по иконке +.
Чтобы найти + — наведите курсор на любой элемент на странице.
После клика на «+» откроется окно добавления элемента. Выберите подходящий вам тип элемента, чтобы добавить его в выбранную область секции.
Если вы удалили все элементы из секции, то при наведении курсора на пустую область вы увидите область добавления контента — Нет элементов. Кликните, чтобы добавить.
Перемещение элемента
Для перемещения элемента наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления. Левая кнопка этой панели отвечает за перенос элемента как в пределах секции, так и из секции в секцию.
Копирование элемента в буфер
Чтобы скопировать элемент в буфер обмена и потом использовать его на любой странице текущего сайта — нажмите Копировать в буфер.
Одновременно в буфере можно хранить шесть элементов, они хранятся три часа.
Чтобы копировать элемент в буфер обмена, нажмите Ctrl + C или ⌘ + C.
Чтобы вставить последний скопированный элемент из буфера обмена, нажмите Ctrl + V или ⌘ + V.
Если вы хотите вставить один из шести элементов буфера обмена, наведите курсор на любой текущий элемента и кликните по иконке +.
После этого откроется буфер обмена, и вы можете выбрать нужный элемент.
Дублирование элемента
Для дублирования элемента наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления текущим элементом. Кликните по правой иконке этой панели «...» . Выберите пункт меню Дублировать, если хотите копировать элемент на страницу.
Вы также можете дублировать элемент горячими клавишами. Наведите курсор на элемент и нажмите Ctrl + D или ⌘ + D.
Удаление элемента
Чтобы удалить элемент, наведите на него курсор мыши, в правом верхнем углу вы увидите панель управления. Кликните на «...» и выберите пункт меню Удалить.
Также вы можете удалить элемент, нажав Ctrl + Delete или ⌘ + Delete.
Редактирование текста
После добавления одного из элементов группы Текст (заголовок, подзаголовок, текст, цитата) вы сможете приступить к его редактированию.
Текст во Flexbe редактируется прямо на странице. Наведите на текст или выделите любое слово и откроется редактор.
Вы можете выбрать начертание и цвет текста, вставить и отредактировать ссылку, вставить символ валюты, настроить выравнивание и параметры текста, добавить список, изменить стиль текста.
При клике по кнопке «...» вы увидите дополнительные опции редактирования текста: удаление форматирования и текста, проверку орфографии, рекомендации Главреда, настройки SEO.
Действия при клике
Вы можете настраивать, что происходит при нажатии на некоторые элементы. Кнопки, формы, изображения, слайдер и меню имеют опцию Действие при клике и обладают уникальным набором действий.
Добавить в корзину — настройка на кнопке, которая позволяет добавить товар в корзину.
Использовать настройку кнопки — когда изображение имеет те же настройки, что и кнопка. Это нужно, например, в карточке товара — когда пользователь заказывает доставку еды, и нажимает на картинки меню из ресторана. После нажатия на картинку блюдо отправляется в корзину — то есть происходит тоже самое, как если бы он нажал на кнопку «Заказать». Настройку можно применить к элементам Изображение или Слайдер.
Начать квиз — при нажатии на кнопку открывается всплывающее окно с квизом.
Отправить e-mail — при нажатии на кнопку или изображение откроется почтовый клиент для отправки электронного письма. Так прямо на сайте можно отправить резюме, оставить отзыв о работе, написать вопрос менеджеру.
Перейти к оплате — если у вас подключен платежный сервис, то вы можете сделать оплату прямо на сайте. Это опция подключается только в элементе Форма — потому что нужно запросить у клиента почтовый адрес, чтобы прислать чек.
Перейти по ссылке — на Кнопке, Форме и Изображении есть возможность настроить переход на другую страницу.
Позвонить — клиент может нажать на Кнопку или Изображение и позвонить по указанному номеру.
Показать всплывающее окно — при нажатии на Кнопку, Форму или пункт Меню откроется всплывающее окно. Можно выбрать из списка шаблонов квиз, заявку, окно благодарности, карточку товара, карту или настроить окно самому.
Скачать файл — при нажатии на Кнопку пользователь сможет скачать изображение, текстовый файл или презентацию.
Скролл к секции — вы можете выбрать любую секцию на странице, и пользователь попадет на нее при нажатии на Кнопку, Форму, Изображение или Меню.
Увеличить картинку — когда пользователь нажмет на элементы Изображения или Слайдер, то откроется окно с увеличенным изображением.
Настройка медиа
Окно настроек медиа позволяет настроить изображение, слайдер и видео. Наведите курсор на один из этих элементов, вы увидите иконку шестеренки. При клике откроется редактор этого элемента.
Настройка карты
Настройка кнопки
Кликните по созданной кнопке. В открывшемся окне настроек вы можете изменить текст, стиль и цвет кнопки, настроить действие при клике и вставить код для срабатывания целей в системах аналитики.
Настройка иконок
Элемент Иконки имеет две вкладки настроек. Первая касается вида иконки: вы можете выбрать иконку из подготовленного нами списка, воспользоваться поиском по базе с более чем двумя миллионами иконок или загрузить свою.
Вторая вкладка настроек открывается при нажатии Стиль и позволяет настроить визуальный стиль иконки – цвет, подложку и прочее.
Настройка социальных сетей
Добавив элемент Социальные профили, вы можете настроить ссылки и стиль отображения иконок.
Другие элементы редактора имеют схожие настройки или являются группой элементов разных типов – например, иконка с описанием.