CSS

К некоторым блокам применены стили через CSS, это видно только в предпросмотре. И важно не забывать при переносе/копировании  также копировать стили css, иначе некоторые блоки и детали будут отображаться некорректно.

Возможности сайта → Настройки страницы → CSS → Пользовательский CSS

Блок десктопное меню с кнопкой

Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#menu). Видимость блока (только десктоп)

Желательно не более 3х-4х пунктов, чтобы на небольших экранах меню не сбивалось в две строки.

Блок десктопное меню с кнопкой

Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#menu). Видимость блока (только десктоп)

Желательно не более 3х-4х пунктов, чтобы на небольших экранах меню не сбивалось в две строки.

Блок мобильное меню

Обыкновенный бургер. Видимость блока (планшеты и мобильные)

Главный блок с текстом, большим интерфейсом и кнопкой по середине на градиентном фоне

В этом блоке скриншот — только целый экран (никаких ноутбуков). Ширина обязательно 2200px, высота приблизительная (около 1200px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 2200px). Без теней и скругленных краев, это добавляется через CSS. 

При желании можно скрыть часть с изображением  и использовать как просто главный блок с текстом и кнопкой.

$title$

Управляйте клиентами, автоматизируйте работу менеджеров и увеличивайте продажи с CRM-системой №1 в России

Получить бесплатно
Интерфейс CRM Битрикс24 на ноутбуке и смартфоне

15 млн+ компаний доверяют Битрикс24

5 000+ готовых интеграций

50+ бесплатных CRM-инструментов

5 ключевых сервисов для бизнеса

Получить бесплатно

Переход на Битрикс24 —
это просто

Перенесём данные из Excel или другой CRM и настроим Битрикс24 под ваши процессы. Без потерь данных и с минимальным участием вашей команды.

AI возьмёт рутину на себя

01 / 04

Скрипты продаж с ИИ

Используйте готовые скрипты из CRM или создавайте свои с помощью ИИ. Опишите диалог с клиентом — система учтёт требования при анализе.

Создание скриптов продаж с помощью ИИ

Бесплатная
онлайн CRM

Управляйте клиентами, автоматизируйте
работу менеджеров и увеличивайте продажи
с CRM-системой №1 в России

Битрикс24 CRM помогает продавать больше

Заявки из всех каналов сразу попадают
в CRM

CRM собирает обращения из всех каналов:

  • сайт и формы
  • e-mail
  • телефон
  • мессенджеры и соцсети.
Все заявки автоматически фиксируются в системе
и распределяются между менеджерами.

Все клиенты — в одной системе

История общения, сделки, задачи и документы —
все будет надежно храниться в CRM.

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

Общайтесь с клиентами и ведите сделки
в одном окне

Вся история общения будет храниться в карточке клиента. Менеджерам не нужно переключаться между сервисами — вся работа с клиентом идет в CRM.

Принимайте оплату и оформляйте доставку из CRM

Отправляйте клиентам ссылку на оплату прямо
из CRM. Система помогает:

  • выставлять счета
  • принимать онлайн-платежи
  • оформлять сделки
  • отслеживать оплату и доставку.

Контролируйте выполнение плана продаж

CRM показывает движение сделок по воронке
и выполнение плана. Вы видите:

  • на каком этапе находится сделка;
  • где сделки замедляются или теряются;
  • какой объем выручки уже обеспечен;
  • где есть риски.
CRM помогает вести сделку до результата — от первого обращения до оплаты. 

Аналитика помогает находить точки роста

CRM превращает данные по клиентам и сделкам в понятные отчеты. Вы можете:

  • анализировать эффективность менеджеров;
  • оценивать конверсию на этапах продаж;
  • прогнозировать выручку;
  • находить слабые места в процессе продаж.
Отчеты помогают понять, где компания теряет клиентов и что можно улучшить.

5 000+ готовых интеграций 

В пару кликов подключите сервисы, которые вы используете, например:

  • телефонию
  • онлайн-банки
  • доставка
  • рассылки.
Данные синхронизируются автоматически
и обновляются в реальном времени.

Полноценная
мобильная CRM

в бесплатном мобильном приложении Битрикс24

Работайте где угодно. Общайтесь с командой, звоните по видеосвязи, демонстрируйте экран, обменивайтесь файлами и ставьте задачи — даже если вы не за компьютером.

Все сохраняется в CRM. Вы можете начать работать на смартфоне, а потом продолжить через ноутбук. Или наоборот. Информация по заказам — всегда под рукой.

Ваша CRM в безопасности

В Битрикс24 предусмотрен комплекс мер, обеспечивающих защиту данных от несанкционированного доступа и других угроз

Битрикс24 с расширенными возможностями

10+ инструментов по цене одного сервиса
Цены указаны за всю компанию,
а не за отдельных пользователей
на месяц
на год
Выгоднее на 30%
Бесплатный
Начните работать онлайн и продавать больше с CRM
неограниченно
пользователей
Бесплатно
5 ГБ
Совместная работа
Календарь
Соцсеть компании
Лента
Доски
База знаний
Мессенджер
Чат
Каналы
Битрикс24 Синк
Задачи и Проекты
CRM
BitrixGPT
Онлайн-подпись
Диск
Доски
Контакт-центр
Сайты
Базовый
CRM для небольших отделов продаж
5
пользователей
2 490 ₽/мес.
2 490 ₽/мес.
1 743 ₽/мес.
-30%
24 ГБ
Совместная работа
Календарь
Соцсеть компании
Лента
Доски
База знаний
Мессенджер
Чат
Каналы
Битрикс24 Синк
Задачи и Проекты
CRM
BitrixGPT
Онлайн-подпись
Диск
Доски
Контакт-центр
Сайты
Интернет-магазин
Онлайн-запись
Поддержка
Стандартный
Для совместной работы всей компании или рабочих групп
50
пользователей
6 990 ₽/мес.
6 990 ₽/мес.
4 893 ₽/мес.
-30%
100 ГБ
Совместная работа
Календарь
Соцсеть компании
Лента
Доски
База знаний
Мессенджер
Чат
Каналы
Битрикс24 Синк
Задачи и Проекты
CRM
BitrixGPT
Онлайн-подпись
Диск
Доски
Контакт-центр
Сайты
Интернет-магазин
Онлайн-запись
Маркетинг
Документы Онлайн
КЭДО + Госключ
BI Конструктор
Поддержка
Администрирование
Профессиональный
Для максимальной автоматизации всех процессов в компании
100
пользователей
13 990 ₽/мес.
13 990 ₽/мес.
9 793 ₽/мес.
-30%
1 024 ГБ
Совместная работа
Календарь
Соцсеть компании
Лента
Доски
База знаний
Мессенджер
Чат
Каналы
Битрикс24 Синк
Задачи и Проекты
CRM
CRM №1
BitrixGPT
Онлайн-подпись
Диск
Доски
Контакт-центр
Сайты
Интернет-магазин
Онлайн-запись
Маркетинг
Документы Онлайн
КЭДО + Госключ
BI Конструктор
Сквозная аналитика
Автоматизация
HR: Компания
Поддержка
Администрирование
33 990 ₽/мес.
33 990 ₽/мес.
23 793 ₽/мес.
-30%
59 990 ₽/мес.
59 990 ₽/мес.
41 993 ₽/мес.
-30%
99 990 ₽/мес.
99 990 ₽/мес.
69 993 ₽/мес.
-30%
199 990 ₽/мес.
199 990 ₽/мес.
139 993 ₽/мес.
-30%
299 990 ₽/мес.
299 990 ₽/мес.
209 993 ₽/мес.
-30%
399 990 ₽/мес.
399 990 ₽/мес.
279 993 ₽/мес.
-30%
499 990 ₽/мес.
499 990 ₽/мес.
349 993 ₽/мес.
-30%
599 990 ₽/мес.
599 990 ₽/мес.
419 993 ₽/мес.
-30%
699 990 ₽/мес.
699 990 ₽/мес.
489 993 ₽/мес.
-30%
799 990 ₽/мес.
799 990 ₽/мес.
559 993 ₽/мес.
-30%
899 990 ₽/мес.
899 990 ₽/мес.
629 993 ₽/мес.
-30%
999 990 ₽/мес.
999 990 ₽/мес.
699 993 ₽/мес.
-30%
3 ТБ
5 ТБ
10 ТБ
20 ТБ
30 ТБ
40 ТБ
50 ТБ
60 ТБ
70 ТБ
80 ТБ
90 ТБ
100 ТБ
Совместная работа
Календарь
Соцсеть компании
Лента
Доски
База знаний
Мессенджер
Чат
Каналы
Битрикс24 Синк
Задачи и Проекты
CRM
CRM №1
BitrixGPT
Онлайн-подпись
Диск
Доски
Контакт-центр
Сайты
Интернет-магазин
Онлайн-запись
Маркетинг
Документы Онлайн
КЭДО + Госключ
BI Конструктор
Сквозная аналитика
Автоматизация
HR: Компания
Филиалы
Энтерпрайз-кластер
Энтерпрайз-пакет
Поддержка
Администрирование
— Акция действует на территории России (для Битрикс24, созданных в зоне .RU) при покупке как напрямую, так и через партнеров компании «1С-Битрикс».
— Акция действует для клиентов, покупающих тариф Битрикс24 впервые, на тарифы Базовый, Стандартный, Профессиональный, Энтерпрайз и Энтерпрайз Холдинг при покупке на 1 год.
— Оформить заказ со скидкой по акции можно только с 1 июня по 31 июля 2026 г. Оплата должна поступить не позднее 31 июля 2026 г.
— При покупке тарифа Битрикс24 по акции акционная скидка не суммируется с другими скидками.
— Подробнее об условиях и организаторе акции: https://1c-bitrix.ru/download/files/manuals/ru/promotion-rules/june_2026.pdf

Главный блок с текстом и кнопкой на градиентном фоне

Главный блок с текстом и кнопкой на светлом фоне

Главный блок с текстом, кнопкой и изображением справа на светлом фоне

В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 1080px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его). 

Также можно по шаблону оформить просто фотографию.

Главный блок с текстом, кнопкой и изображением cлева на светлом фоне

В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 1080px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его). 

Также можно по шаблону оформить просто фотографию.

Главный блок с текстом, кнопкой и изображением cправа на градиентном фоне

В этом блоке скриншот — только целый экран (никаких ноутбуков). Ширина обязательно 1440px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1440px). Без теней и скругленных краев, это добавляется через CSS. 

Блок с иконками и тезисами (2шт)

Это блок для двух тезисов. Можно при желании сделать четыре (в два ряда). Иконки использовать только fontawesome, стиль №2

Блок с иконками и тезисами (3шт)

Это блок для трех тезисов. Можно при желании сделать шесть (в два ряда). Иконки использовать только fontawesome, стиль №2. Количество текста в карточках должно быть одинаковым — везде в одну строчку, либо везде в две строчки.

Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#thesis03). Если будет использоваться два блока, то второй должен иметь якрорь (#thesis03B), третий (#thesis03C)

Блок с иконками и тезисами (4шт)

Это блок для четырёх тезисов. Иконки использовать только fontawesome, стиль №2

Блок с иконками и тезисами (6шт)

Это блок для шести тезисов. Иконки использовать только fontawesome, стиль №2

Блок с иконками и тезисами (10шт и более)

Это блок для 10+ тезисов. Разные иконки в этом блоке использовать не рекомендуется

Блок с описанием, картинкой и кнопкой

Картинка в этом блоке делается по шаблону (есть исходник). Коллаж из двух фото, либо фото + кусочек интерфейса, с добавлением большой иконки в новом стиле и дополнительных элементов. Подразумевается, что это делает дизайнер. Размер изображения 1080px x 900px

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

Главный блок для разделов 

Блок состоит из крупного заголовка, подзаголовка и пометки. При желании или необходимости можно убрать подзаголовок или пометку. Висячие предлоги союзы и пр. рекоммендуется соединять со следующим словом неразрывным пробелом.

Блок с большим изображением по центру

Блок позволяет крупно показать целиком окно интерфейса, либо какую-либо его выделенную часть, изображения в ноутбуке не подходят. Ширина обязательно 2200px, высота приблизительная (около 1200px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 2200px). Без теней и скругленных краев, это добавляется через CSS.

Блок с доп фичами

Этот блок идет парой с блоком "Большое изображение по центру". Только три пункта, желательно одинаковое количество текста. Иконки менять не рекомендуется.

Блок кнопка по центру

Цвет, размер и стиль кнопки менять не рекомендуется, цвет при наведении настраивается через CSS.

Главный блок для разделов 

Цвета разделов рекомендуется чередовать, белый (#ffffff) и светло-серый (#fcfcfc)

Блок с крупным изображением и текстом справа

В этом блоке рекомендуется использовать целиком окно интерфейса, либо какую-либо его выделенную часть. Ширина обязательно 1460px, высота приблизительная (около 900px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1460px). Без теней и скругленных краев, это добавляется через CSS.

Текстовый блок можно при необходимости редактировать — делать несколько раз "Заголовок/Подзаголовок" или "Список с пунктами" вместо простого текста. Но необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.

Блок с крупным изображением и текстом слева

В этом блоке рекомендуется использовать целиком окно интерфейса, либо какую-либо его выделенную часть. Ширина обязательно 1270px, высота приблизительная (около 900px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1270px). Без теней и скругленных краев, это добавляется через CSS. 

Текстовый блок можно при необходимости редактировать — делать несколько раз "Заголовок/Подзаголовок" или "Список с пунктами" вместо простого текста. Но необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.

Блок с текстом и коллажем из интерфейсов слева

Для этого блока, чтобы выделить крупно какую-то фичу или деталь процесса, на основе исходника изготавливается коллаж. Ширина обязательно 1080px, высота приблизительная (около 800px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот и растянуть его. Подразумевается, что это делает дизайнер

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

Блок разделитель (полосочка)

Блоки не связанные между собой можно разделять цветом фона. Цвета рекомендуется использовать либо белый (#ffffff), либо светло-серый (#fcfcfc), либо, если что-то нужно выделить, то светло-голубой (#f5fbff). Но если по какой-то причине нельзя изменить цвет и положение блока, (например блок про интеграции с логотипами партнеров обязательно должен быть на белом фоне), и получается подряд два несвязанных блока с одинаковым фоном, то рекомендуется использовать блок разделитель (полосочку)

Блок с видео и текстом слева

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

Блок с видео и текстом справа

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

Выделенный блок с важной информацией и кнопкой

В данном случае это блок про 10 000 000 компаний, но можно использовать и в других ситуациях. 

Блок с вопросами

Вопросы и пункты можно менять и добавлять стандартными средствами редактирования. Стили, подчеркивания, цвета рамок, цвета при наведении и прочее менять не рекомендуется.

Реклама. ООО «1С-Битрикс»‎ ИНН 7717586110

Блок перебивка с изображением на весь экран

В случае если появляется необходимость разбавить сплошной поток информации, можно добавить фотографию. Фото желательно подбирать в соответствии с цветовой гаммой сайта, подходящие по смыслу, либо относительно нейтральные, типа "бизнес работает в Битркс24". Подразумевается, что это делает дизайнер.

Блок c текстом и несколькими шагами?

В данном случае это блок "Как начать?". Если справа нужно больше пунктов их можно добавить через суперблок

Блок про мобильное приложение

Необходимо, следить, чтобы текстовый блок не превышал высоту картинки. Скрины в мокапах при необходимости можно менять с помощью дизайнеров. При переносе/копирование важно не забывать про отдельную версию блока для планшетов.

Футер

Он же блок про то, что Битрикс24 - это набор инструментов