Блоки
Все типы блоков в конструкторе Framix — текст, кнопки, изображения и другие элементы
Блоки
Блоки — это строительные элементы вашего сайта. Каждый блок имеет свой тип, размер, позицию и набор настроек. Все блоки добавляются перетаскиванием из левой панели на холст.
Стандартные блоки
Текст
Блок для любого текстового содержимого. Поддерживает форматирование:
- Заголовки разных уровней
- Жирный, курсив, подчёркнутый текст
- Цвет текста
- Ссылки
Для редактирования текста дважды кликните по блоку — появится текстовый редактор.
Ссылка
По сути тот же текстовый блок, но с предустановленной ссылкой. Удобно для создания текстовых ссылок в навигации.
Кнопка
Интерактивная кнопка с настраиваемым текстом и действием. В настройках можно указать:
- Текст на кнопке
- Ссылку для перехода при клике
- Стили — цвет фона, скругление, тень
Изображение
Блок для отображения картинки. Можно:
- Загрузить изображение через файловый менеджер
- Указать URL изображения
- Настроить отображение — заполнение, позиционирование, режим наложения
Блок (div)
Простой прямоугольный блок с настраиваемым цветом фона. Используется как декоративный элемент или контейнер — например, для создания цветных подложек или разделителей.
Видео
Блок для встраивания видео. Вставьте ссылку на видео, и оно отобразится на вашей странице.
HTML
Продвинутый блок для вставки произвольного HTML-кода. Полезен для:
- Встраивания виджетов сторонних сервисов
- Добавления кастомных элементов
- Вставки скриптов и iframe
Этот блок предназначен для пользователей, знакомых с HTML. Если вы не знаете, что это — просто пропустите его.
Блоки формы
Эти блоки используются для создания форм сбора данных. Подробнее о формах — в разделе Формы.
Поле ввода
Обычное текстовое поле, в которое посетитель может ввести данные (имя, email, телефон). В настройках можно указать текст-подсказку (placeholder).
Галочка (чекбокс)
Поле с галочкой — для согласия с условиями, подписки на рассылку и т.д.
Текстовое поле (textarea)
Большое поле для ввода длинного текста — например, для сообщения или комментария.
Общие свойства блоков
У каждого блока есть набор общих свойств, которые можно настроить в правой панели:
| Свойство | Описание |
|---|---|
| Позиция X, Y | Координаты блока на холсте (в пикселях) |
| Ширина | Ширина блока — в пикселях (px), процентах (%) или единицах vw |
| Высота | Высота блока — в пикселях (px), процентах (%) или единицах vh |
| Порядок слоёв (z-index) | Какой блок отображается поверх другого |
| Блокировка | Заблокировать блок от случайного перемещения |
Как добавить блок
- Найдите нужный блок на левой панели
- Зажмите его мышкой
- Перетащите на холст в нужное место
- Отпустите — блок появится на странице
- Настройте его размер и содержимое через правую панель