Мы обновили интерфейс Битрикс24. Изображения в статьях могут отличаться от нового дизайна — мы скоро их обновим.

Как изменить дизайн сайтов и магазинов в Битрикс24

Автор: Анна Молитвик

Последнее обновление: 22 сентября 2025 г.

В Битрикс24 появился инструмент для изменения дизайна сайтов и магазинов. Теперь вы можете за пару кликов изменить шрифты и цвета текстов.

Настройки дизайна сайта применяются ко всем блокам на всех страницах, кроме случаев, когда вы вручную изменяли дизайн блока.

Откройте Сайты и Магазины > Сайты. Нажмите Три точки (...) > Настройки сайта > Дизайн сайта.

Какие настройки дизайна доступны

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

У некоторых блоков есть заранее прописанная цветовая стилистика, для них настройки дизайна действовать не будут.

Цветовая палитра изменяет цвет кнопок и некоторых других элементов, в зависимости от блока.

Функция Корпоративный цвет (выбор из палитры или свой #hex) доступна не на всех тарифах Битрикс24. Узнать подробнее вы можете на странице тарифов.

Пример изменения цветовой палитры

Для примера выберем фиолетовый цвет. Он будет применен к надписям и кнопкам на сайте.

Цвет текста и заголовков изменяет соответствующий цвет в блоках.

Пример изменения цвета текста и заголовка

Так выбранный цвет текста и заголовков выглядит на сайте.

Шрифт текста и заголовков изменяет соответствующий текст в блоках.

Пример изменения шрифта текста и заголовка

Так выбранные шрифты выглядят на сайте.

Размер текста, жирность и междустрочное расстояние помогают более тонко настроить текст.

Пример форматирования текста

Вот так изменения шрифта отображаются на сайте.

Индивидуальный фон страницы изменяет фон текущей страницы.

Пример изменения фона страницы

Когда вы редактируете сайт, изменения вносятся автоматически. Если правка не отображается, нажмите на значок рядом со статусом сайта, снимите его с публикации и опубликуйте заново.