Собирайте содержание страницы услуги или лендинга из готовых блоков, оформляйте новости и описания товаров. Выберите задачу — посмотрите пример структуры.
УСЛУГИ / ПРОЕКТИРОВАНИЕПРИМЕР СТРУКТУРЫ
От замысла к пространству.Отзамыслакпространству.
01Слушаем02Проектируем03Создаём
СОДЕРЖАНИЕ, КОТОРОЕ ВЫ СОБРАЛИ САМИ01 / 04
Страница услуги
Расскажите о подходе, покажите этапы работы и помогите посетителю сделать следующий шаг.
ГДЕ В БИТРИКСЕОбласть редактирования на странице сайта
Первый экран
Этапы в колонках
Ответы на вопросы
Кнопка обращения
ВНУТРИ 1С-БИТРИКС: УПРАВЛЕНИЕ САЙТОМ
Новый способ работать. Ваш привычный Битрикс.
Визуальный конструктор страниц работает внутри «1С-Битрикс: Управление сайтом». Разработчик подключает области и поля, настраивает оформление и права; контент-редактор собирает и обновляет содержание из блоков.
Сайт → Страница → Область контента
Меняйте содержание там, где его видят.
Разработчик подключает компонент редактора к нужной области. Контент-редактор открывает её на сайте, собирает блоки и проверяет результат в контексте страницы.
Существующий шаблон сайта и его навигация сохраняются.
Черновик можно доработать перед публикацией.
Посетители получают опубликованный HTML страницы.
01Открыть область→
02Изменить блоки→
03Проверить и опубликовать→
01 / В МОДУЛЕ
Адаптив для каждого экрана
Переключайтесь между компьютером, планшетом и телефоном прямо в редакторе. Настраивайте размеры текста, отступы, колонки и оформление отдельно для нужного экрана. Общие значения наследуются, а изменения для конкретного режима сохраняются в документе.
Предпросмотр✓
Всё на своём месте.
Подробнее ↗
На большом экране
Ваша страницаВсё на своём месте.
Подробнее ↗
↔И на телефоне
02 / В МОДУЛЕ
Разделение доступа в команде
Доступ к редактированию и сохранению определяется правами страницы или инфоблока в Битриксе. Для общих шаблонов можно задать аудиторию по сайтам и группам. Просмотр диагностики и изменение настроек модуля имеют отдельные права — специалисту можно открыть состояние сайта без доступа к настройкам.
03 / В МОДУЛЕ
Страница состояния сайта
В админке Битрикс собрана диагностика работы редактора на сайте: версии, установленные файлы, хранилище, привязки полей, фоновые задания и подключённые расширения. Видны предупреждения и рекомендации; отчёт можно скачать в JSON для разбора проблемы.
04 / В МОДУЛЕ
Смена стилей и дизайн вашего сайта
Меняйте шрифты, цвета, размеры, фон и отступы в редакторе. Разработчик подключает CSS-классы сайта, настраивает карту классов, список шрифтов, палитру и варианты кнопок. Редакторы выбирают готовое оформление и сохраняют повторяющиеся секции как шаблоны.
Одно содержаниеВаша идея.
Открыть ↗
Ваш характерВаша идея.
Открыть ↗
Aa✓
✓В стиле вашего сайта
Медиабиблиотека Битрикс+
Выбирайте изображения из доступных коллекций, загружайте файлы и используйте их в блоках. Доступ к медиабиблиотеке проверяется на стороне Битрикс.
Дизайн вашего проекта+
Настройте шрифты, цвета, CSS-классы и варианты кнопок. Повторяющиеся секции можно сохранять как шаблоны и использовать снова.
Интерактивные блоки+
Кроме базовых элементов, полный редактор содержит изображения, видео, слайдеры и вкладки. Их поведение на опубликованной странице обеспечивает публичная часть модуля.
Подключение к существующему сайту+
Разработчик выбирает области и поля для редактирования, настраивает оформление и права. Остальные компоненты, каталог и бизнес-логика сайта продолжают работать в проекте.
Возможности установленного модуля. На этой странице доступна ограниченная демоверсия без подключения к серверу Битрикс.
ИНТЕРФЕЙС УСТАНОВЛЕННОГО МОДУЛЯ
Так выглядит работа с содержанием.
Реальные снимки редактора на примере страницы услуги. Их также можно посмотреть в карточке модуля в Marketplace.
Содержание в контексте страницы
Текст и блоки редактируются на холсте. Панель слева добавляет элементы, панель сверху меняет оформление выделенного текста.
Порядок и вложенность блоков
Дерево структуры показывает контейнеры, заголовки и колонки. Оно помогает выбрать нужный блок внутри составной секции.
Проверка адаптивного оформления
Режим телефона показывает, как секция складывается в одну колонку. Оформление можно настроить для нужного экрана.
Снимки опубликованного интерфейса от 5 октября 2026 года. Возможности демо на этой странице ограничены; серверные функции доступны после установки в Битриксе.
СВОБОДА ПОПРОБОВАТЬ
Передумали? Это нормально.
Отменяйте действия, возвращайтесь к сохранённым версиям и продолжайте с нужного места. Черновик и опубликованная страница хранятся отдельно.
Попробуйте визуальный конструктор страниц в браузере без регистрации. В ограниченной демоверсии доступны текст, колонки, таблицы, кнопки и встроенные секции.
Демо модуля 0.133.0. Без регистрации. Работа сохраняется в этом браузере.
ДЛЯ КОМАНДЫ РАЗРАБОТКИ
Ваш сайт. Ваши правила.
Редактор встраивается в существующий Битрикс-проект. Используйте стили сайта, подключайте собственные блоки через Runtime SDK, данные проекта через Provider SDK и шаблоны для команды.
Как расширить редактор?+
Runtime SDK подключает блоки, их настройки и действия на публичной странице. Agent API позволяет читать и изменять документ с проверкой его версии. Расширение можно поставлять отдельным модулем Битрикс, без сборки ядра редактора.
Нужен ли Node.js?+
Для работы редактора — нет. HTML формируется в браузере и сохраняется в Битриксе. Node.js позволяет выполнять регенерацию на сервере без открытой вкладки.
Как хранится контент?+
Редактируемый документ хранится в Lexical JSON, а публичная страница получает HTML-снимок. Черновики и история обслуживаются модулем на стороне Битрикс.
Можно использовать дизайн сайта?+
Да. Модуль поддерживает карту CSS-классов, настройки шрифтов, цветов и вариантов кнопок. Шаблоны контента можно подключать через Content Template API.
Что работает в этой демонстрации?+
Здесь работает оригинальный интерфейс редактора: панель форматирования, свойства элементов и дерево страницы. Каталог ниже описывает все доступные блоки. Демоверсия объединяет текст, колонки, таблицу, кнопку и сворачиваемый блок. Данные остаются в вашем браузере. Для публикации, прав доступа, совместной работы и серверной истории нужен установленный модуль.
ДВА ПРЕДСТАВЛЕНИЯ. ОДНА СТРАНИЦА.
// Для редактированияdocument.json
{
"root": {
"type": "root",
"children": […]
}
}
// Для посетителейpage.html
<h1>Ваша идея.</h1>
<p>Теперь на странице.</p>
React + Lexical + 1С-Битрикс
ДАЛЬНЕЙШЕЕ РАЗВИТИЕ
Дорожная карта
История документов и отдельных блоков, шаблоны, источники данных, Runtime SDK и Agent API уже доступны в модуле. Следующий шаг — помощник для подготовки и редактирования содержания.
01
AI-помощник
Помощник сможет предлагать изменения текста и структуры страницы. Пользователь проверит результат перед сохранением. Эта возможность пока разрабатывается и не входит в текущий выпуск.
В разработке
ИЗ ЧЕГО СОСТОИТ СТРАНИЦА
Каждый блок. Своя задача.
24 встроенных элемента модуля 0.133.0. От абзаца до составной секции — с настройками содержания, оформления и поведения.
Текст
Абзац
Основной текст страницы с настройкой шрифта, размера, цвета, выравнивания и межстрочного интервала.
Подходит для описаний, новостей и пояснений. Оформление можно менять для разных экранов.
Блок
Самостоятельный текстовый блок, который можно оформить и перемещать в структуре документа.
Используйте для подписей, вводных фрагментов и небольших смысловых акцентов со своими отступами и фоном.
Заголовок 1
Заголовок первого уровня для главной темы документа. Сохраняется как смысловой HTML-заголовок, а не просто крупный текст.
Настройте начертание и размер под дизайн страницы; для мобильного экрана можно задать отдельное оформление.
Заголовок 2
Заголовок второго уровня разделяет материал на смысловые части и делает длинную страницу удобнее для чтения.
Используйте для разделов услуги, статьи или инструкции. Заголовки могут участвовать в навигации по странице.
Цитата
Выделенный фрагмент для цитаты, отзыва или важной мысли внутри материала.
Редактируйте содержание и оформление в том же документе, сохраняя семантику цитаты в опубликованном HTML.
Маркированный список
Перечень с маркерами для преимуществ, характеристик и тезисов, где порядок не важен.
Добавляйте пункты, меняйте вложенность и форматируйте текст без ручной расстановки символов.
Нумерованный список
Нумерованный список для последовательности действий, этапов или правил.
Нумерация поддерживается структурой списка. Пункты можно дополнять и редактировать прямо на холсте.
Чек-лист
Список с отметками выполнения для инструкций и контрольных пунктов.
Каждый пункт хранит текст и состояние отметки в документе. Подходит для подготовки и проверки содержания.
Ссылка
Ссылка в тексте на страницу, раздел или внешний ресурс.
Задайте адрес и параметры открытия. Она остаётся частью текста и не требует отдельного блока с кнопкой.
Композиция
Таблица
Таблица для сравнения, характеристик, расписаний и структурированных данных.
Добавляйте строки и столбцы, объединяйте ячейки, меняйте ширину, границы, фон и отступы. Широкую таблицу можно прокручивать на узком экране.
Контейнер
Объединяет содержимое в секцию, ограничивает её ширину и центрирует по горизонтали.
Настраивайте общие фон и отступы для группы элементов. Удобен для основных секций в существующем шаблоне сайта.
Контейнер на всю ширину
Секция на всю доступную ширину для первого экрана, крупного фона или слайдера.
Внутри можно разместить блоки и обычный контейнер, чтобы фон был широким, а текст оставался в границах композиции.
Секции и шаблоны
Готовые секции для быстрой сборки страниц. Сохранённые шаблоны можно вставлять в новые материалы и изменять независимо от исходника.
В демо доступны встроенные секции во вкладке «Шаблоны». В модуле также есть личные, общие и подключённые разработчиком шаблоны; доступ к общим задаётся по сайтам и группам.
Макет
Макет с колонками для текста, медиа и составных секций. Пропорции и расстояние между колонками настраиваются.
Задавайте расположение для разных экранов: например, две колонки на компьютере и последовательные блоки на телефоне.
Разделитель
Горизонтальный разделитель для визуальной паузы между частями материала.
Помогает отделить вводный текст от подробностей или завершить секцию. Его окружение и отступы настраиваются в документе.
Медиа
Слайдер
Последовательность слайдов с навигацией для презентаций, подборок и нескольких смысловых экранов.
Собирайте слайды из блоков, меняйте их порядок и настраивайте стрелки для разных экранов. На опубликованной странице слайды переключаются без загрузки редактора.
Изображение
Изображение из доступной медиабиблиотеки Битрикс с настройками размера, пропорций и оформления.
Задавайте альтернативный текст, размеры и пропорции, оформляйте обтекание. Изображение можно открывать в увеличенном виде и объединять с другими в галерею.
Видео
Видеоблок для демонстрации продукта, инструкции или фонового оформления секции.
Выберите файл, настройте пропорции, постер и воспроизведение. Видео также можно использовать как фон контейнера; видимость и автозапуск настраиваются для разных экранов.
Интерактив
Навигация по странице
Навигация по разделам текущей страницы, связанная с её заголовками.
Собирает оглавление по заголовкам и ведёт к соответствующим разделам. Якоря сохраняются при переименовании заголовка, поэтому ссылки не зависят от его текста.
Источник данных
Показывает данные проекта: например, карточку специалиста, подборку товаров или прайс-лист из подключённого источника.
Разработчик подключает источник через Provider SDK, задаёт варианты отображения и проверку прав. Редактор выбирает данные и настраивает блок. В автономном демо этот блок недоступен.
Вкладки
Вкладки с отдельными панелями содержания и редактируемой навигацией.
Подходят для характеристик, условий и инструкций в пределах одной секции. Посетитель переключает панели на опубликованной странице.
Сворачиваемый блок
Блок с заголовком и раскрывающимся содержанием для вопросов, ответов и подробностей.
Редактируйте обе части прямо на холсте. Длинное пояснение можно оставить свёрнутым до обращения читателя.
Кнопка
Заметное действие со ссылкой: обращение, переход к услуге или открытие другой страницы.
Меняйте надпись, размер, вариант оформления и параметры ссылки. Варианты кнопок подключаются к CSS-классам вашего сайта.
Произвольный HTML
Блок собственной HTML-разметки для задач, выходящих за пределы стандартных элементов.
Подходит для подготовленной разметки, которой недостаточно стандартных блоков. HTML проходит очистку при сохранении; для собственных интерактивных компонентов используйте Runtime SDK.
Это состав установленного модуля. Выше можно попробовать ограниченную демоверсию с оригинальным интерфейсом.
Пробный период — для установки модуля на вашем сайте через Marketplace. Автономное демо выше работает без регистрации и сохраняет изменения только в браузере.
Перед установкой
«1С-Битрикс: Управление сайтом»: «Старт», «Стандарт», «Малый бизнес», «Бизнес».
PHP 8.2+. Поддерживается Композит.
Для обычного редактирования Node.js и сборка на сервере не нужны.
Модуль подключается к существующему сайту. Он не предназначен для Сайтов24.
Как начать работу
Проверьте на своём проекте. Сверьте требования и установите пробную версию из Marketplace.
Подключите области и поля. Разработчик настраивает компонент, поддерживаемые поля инфоблоков, права и оформление.
Передайте работу редактору. Контент-менеджер собирает материал из блоков, проверяет адаптив, сохраняет черновик и публикует результат.
Нужно подключение к вашему сайту? Расскажите, какие страницы и поля требуется редактировать — обсудим настройку под проект.
Модуль стоит 15 000 ₽. Купить его можно в каталоге Глобал АйТи или в Маркетплейсе 1С-Битрикс. Перед покупкой проверьте актуальную цену и условия в карточке продукта. Подключение и настройку для вашего сайта можно обсудить отдельно с нашей командой.
Для каких сайтов подходит редактор?+
Модуль предназначен для «1С-Битрикс: Управление сайтом» в редакциях «Старт», «Стандарт», «Малый бизнес», «Бизнес». Требуется PHP 8.2+. Поддерживается Композит. Для Сайты24 решение не предназначено.
Можно ли попробовать модуль на своём сайте?+
В Маркетплейсе 1С-Битрикс доступен пробный период 7 дней. Установите пробную версию через административную панель Битрикс и проверьте подключение к страницам и полям вашего проекта. Демо на этом лендинге позволяет попробовать интерфейс в браузере; оно не устанавливает модуль на ваш сайт.
Нужно ли менять шаблон сайта?+
Редактор можно встроить в существующий проект. Разработчик подключает нужные области или поля, настраивает доступ и оформление. Контент-редактор затем работает с блоками через визуальный интерфейс.
Что такое визуальный редактор для 1С-Битрикс?+
Это модуль для создания и изменения содержания сайта из блоков. Можно оформлять текст, собирать колонки, добавлять таблицы, изображения, кнопки и интерактивные элементы, а затем сохранять результат в Битриксе.
Можно ли использовать модуль как конструктор страниц и лендингов?+
Да. В установленном модуле можно собирать содержание страниц из блоков и готовых секций: текст, изображения, колонки, кнопки и другие элементы. Разработчик сначала подключает области редактирования и оформление к существующему сайту на «1С-Битрикс: Управление сайтом». Затем контент-редактор оформляет страницы услуг и посадочные страницы в этих областях; шаблон, навигация и каталог остаются частью проекта.
Можно ли редактировать описания товаров и новости?+
Да. Модуль подключается к анонсу, подробному описанию и поддерживаемым одиночным HTML-свойствам выбранных инфоблоков. Подключение полей настраивается в проекте; цены и остатки продолжают обслуживаться каталогом Битрикс.
Есть ли черновики, история и шаблоны?+
В установленном модуле доступны черновики, сравнение версий документа и восстановление отдельных блоков, личные и общие шаблоны. Права Битрикс и проверки конфликтов помогают контролировать изменения. Для общих шаблонов предусмотрены ограничения по сайтам и группам.
Чем демоверсия отличается от установленного модуля?+
Каталог на сайте описывает все доступные блоки установленного модуля. В нижней демоверсии можно попробовать пять групп компонентов: текст, колонки, таблицу, кнопку и сворачиваемый блок. Демо сохраняет работу в браузере. Публикация, медиабиблиотека Битрикс, права доступа и серверная история доступны в установленном модуле.
Можно ли настроить адаптив и стили под наш сайт?+
Да. В редакторе есть режимы компьютера, планшета и телефона с отдельными настройками оформления. Можно менять шрифты, цвета, размеры, отступы и колонки. Разработчик подключает CSS-классы сайта, палитру, шрифты и варианты кнопок, чтобы готовые блоки соответствовали дизайну проекта.
Как разделяются доступ и управление сайтом?+
Модуль учитывает права Битрикс на страницы и инфоблоки. Общие шаблоны можно ограничить сайтами и группами. Для просмотра страницы состояния и изменения настроек предусмотрены отдельные права. Диагностика показывает состояние редактора на сайте, предупреждения и рекомендации; отчёт доступен для скачивания.
Нужен ли Node.js на сервере?+
Нет. Редактирование, предпросмотр, импорт, восстановление и публикация работают без Node.js. Для обновления HTML уже сохранённых страниц администратор может запустить очередь в браузере. Node.js нужен, если эту очередь требуется обрабатывать автоматически без открытой вкладки.
Можно ли добавить собственные блоки?+
Да. Runtime SDK позволяет подключать новые блоки и их настройки из вашего проекта или отдельного модуля. Часть editor работает в редакторе и создаёт HTML, а необязательная public отвечает за действия на опубликованной странице. Provider SDK подключает данные проекта с проверкой прав. Примеры доступны в документации разработчика.