Содержание:
- Что такое Фром?
- Структура
- Интерфейс системы управления
- Дизайн
- Контент
- Взаимодействие с посетителями
- Электронная коммерция
- Кастомизация
- Настройки
1. Что такое Фром?
Фром - это универсальная онлайн-платформа для создания сайтов и мобильных приложений. С ее помощью пользователи могут разрабатывать лендинги, многостраничные сайты и интернет-магазины без навыков программирования и сторонних инструментов. Конструктор Фром предоставляет не просто набор веб-страниц с дизайном, а цельную информационную систему со своей структурой, компонентами и связями. Его функционал четко разделяет пользовательские данные и их отображение на сайте. Это позволяет гибко изменять дизайн и другие параметры сайтов, не ставя под угрозу безопасность персональной информации.
2. Структура
Интерфейс конструктора содержит следующие компоненты:
Дизайн
- Шаблон
- Логотип
- Меню
- Футер
Контент
- Блоки
- Разделы
- Материалы
Взаимодействие с посетителями
- Формы
- Обработчики
Электронная коммерция
- Интернет-магазин
- Обработка заказов
Кастомизация
- Виджеты
- Схемы
- Редактор шаблонов
- Редактор кода
- Окна
Настройки
- Параметры
- SEO
- Доступ
3. Интерфейс системы управления
Система управления сайтами в конструкторе Фром построена по принципу “от простого к сложному” и включает 5 уровней:
- Главное — базовые настройки дизайна, структура сайта, SEO-инструменты, формы обратной связи и т.д.
- Инструменты — дополнительные настройки для разработки и оформления сайтов. Произвольные текстовые и цветовые схемы, пользовательские шаблоны для блоков и разделов, CSS-код и UTM-метки.
- Коммерция — компоненты интернет-магазина (заказ, корзина, доставка), обработка заказов, прием платежей.
- Материалы — дополнительные разделы сайта с произвольными параметрами (услуги, товары, события, новости и т.д.)
- Статистика — данные о посещаемости сайта с разделением по каналам трафика.
4. Дизайн
Здесь вы можете настроить выбранный шаблон сайта, оформить его меню и футер (подвал), а также добавить логотип.
Шаблон
- Базовые — ширина сайта, цветовая схема, цвет фона и прелоадер.
- Тексты — шрифт, его размер и текстовая схема.
- Блоки — управление вертикальным отступом у блоков (px).
- Формы — стиль кнопок (скругленные или прямоугольные).
- Разделы — цвет фона и выравнивание текста заголовков, высота и разделитель (например, линия или отступ).
Логотип
- Название — бренд, имя, вид деятельности.
- Логотип — допустимые форматы: svg, png, jpg, gif.
- Фавикон — значок сайта во вкладке браузера.
- Слоган — блок для размещения слогана.
Меню
- Тип меню — тип, ширина и схема меню сайта.
- Основное — расположение и высота меню, вариант закрепления, цвет фона и подсветки, размер шрифта, поля для текста, номера телефона и формы обратной связи, кнопка мобильного меню.
- Дополнительное меню — блок для подробных контактов (адрес, телефон, режим работы и т.д.)
- Мобильное меню — фон, оформление кнопки.
Футер (подвал)
- Основное — тип футера, цвет, поле для текста и знака копирайта.
- Прикрепить — формы обратной связи и ссылки на социальные сети.
5. Контент
Этот элемент конструктора Фром позволяет наполнить сайт контентом и управлять его содержимым.
Блоки — основной структурный компонент главной и внутренних страниц сайта. Их можно редактировать, сортировать, копировать, публиковать, отправлять в архив и удалять.
Доступны типовые и кастомизированные блоки с внешними изображениями, формами обратной связи и индивидуальным оформлением (выбор шаблона, изменение высоты и ширины, добавление разделителя между блоками). Есть несколько вариантов сборки главной страницы для многостраничных сайтов. Разные типы блоков имеют свой набор вкладок, у стандартного блока они такие:
- Тип — название блока, его статус (опубликован или архив), тип и сортировка.
- Тексты — название блока в меню, текст над заголовком, сам заголовок и подзаголовок, выравнивание и размер заголовка, тип анимации.
- Фон — цвет или изображение фона.
Разделы/Материалы — добавление и редактирование внутренних разделов сайта. Фром поддерживает вложенность разделов, позволяя создавать сайты с произвольной структурой.
- Статический раздел — текст, изображения, выбор блоков и подключение форм обратной связи.
- Раздел с материалами — помимо вышеперечисленных элементов здесь есть настройки оформления списка и страниц. Возможно указать параметры материалов (размер/цвет/цена товаров и т.д.)
6. Взаимодействие с посетителями
Следующая категория инструментов Фром обеспечивает связь между администрацией сайта и его посетителями.
Формы — основной канал коммуникации. Есть несколько типов форм и настройки их оформления.
- Форма (попап) — доступны следующие поля: имя, телефон, email.
- Ссылка — URL следует указать в параметрах.
- Файл — блок для загрузки файлов.
Обработчики — добавьте варианты обработки форм, отправку запросов, настройки интеграций. Например, можно сделать запрос в вашу CRM-систему, ответить на поступившее через форму обратной связи сообщение и т.д.
7. Электронная коммерция
На этой вкладке находятся инструменты для разработки и управления коммерческими сайтами.
- Интернет-магазин — добавление соответствующих страниц сайта (заказ, корзина, доставка) и способов онлайн-платежей.
- Обработка заказов — подключение модуля для приема и обработки заказов.
8. Кастомизация
Представленный здесь перечень опций позволяет изменить дизайн сайта исходя из задач и пожеланий пользователя.
- Виджеты — дополнительные компоненты дизайна сайта (оформление заголовка, обратный отсчет, карты, соцсети и т.д.)
- Схемы — загрузка дополнительных цветовых и текстовых схем для дизайна сайта.
- Редактор шаблонов — изменение предустановленных дизайн-шаблонов.
- Редактор кода — добавление внешнего кода (онлайн-чата, счетчиков посещений и т.д.)
- Окна — настройка всплывающих окон на разных страницах сайта (информация о cookies или иные уведомления).
9. Настройки
С инструментами этой вкладки пользователи могут управлять техническими параметрами сайта, настройками SEO-оптимизации и совместного доступа.
- Параметры — выбор типа навигации, включение/отключение статистики, закрытие сайта паролем, добавление телефона/email для приема уведомлений.
- SEO — работа с метатегами, редиректами, файлами robots.txt.
- Доступ — возможность предоставить другим пользователям доступ для совместного управления сайтом.