CSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Мессенджер, который помогает работать

Только для вашей компании.
Хоть на миллион сотрудников.

С AI-помощником

Мессенджер, который помогает работать

Только для вашей компании.
На миллион сотрудников.

С AI-помощником

Любому руководителю знакомы эти проблемы:

Информацию нужно искать в разных чатах

В потоке сообщений и рекламы легко потерять даже самые важные данные: детали и сроки задач, комментарии.


Важные данные компании не защищены

Уволенный работник может удалить или забрать с собой историю переписки с клиентами в мессенджере.


Простой мессенджер неудобен для работы

Приходится постоянно переключаться между чатом, таск-менеджером, календарём и сервисом для видеозвонков.


Просто установите Битрикс24!

В нём уже есть корпоративный мессенджер с чатами, каналами, видеозвонками и другими бизнес-инструментами для эффективной командной работы

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

Быстро решайте рабочие вопросы в чате, ставьте задачи и назначайте встречи прямо из диалога. Устраивайте созвоны на 100 человек. Делитесь новостями и идеями в Каналах.

Главное — в Мессенджере Битрикс24 только свои.

Мессенджер завязан на структуре компании

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

Ключевой инструмент рабочих коммуникаций

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

Благодаря системе хранения нужные документы и ссылки всегда под рукой.

Синхронизируйтесь с коллегами в Битрикс24 Синк

Это мощная платформа для видеозвонков на 100 человек прямо в бизнес-мессенджере

Мгновенная видеовстреча, а не видеоссылка

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

Уведомления и рингтон

Система напомнит о звонке всем участникам, даже если они на других встречах.

Высокое качество видео и звука

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

Постоянный чат звонка

История переписки, файлы, запись видеозвонка — всё автоматически сохраняется в чате.

Вся компания на одной волне

Люди любят получать лайки. И в мессенджере Битрикс24 это один из языков общения. Реакции и эмодзи повышают вовлечённость в рабочие процессы, добавляют юмор и помогают донести контекст сообщения.

Новинка! Каналы в Битрикс24

Эволюция корпоративных коммуникаций

Только для компании

Каналы в Битрикс24 похожи на каналы в обычных мессенджерах. Главное отличие — они полностью адаптированы для бизнеса.

Все обсуждения — в тредах

Посты не теряются среди флуда, как в чате, а ждут, пока подписчик откроет канал и прочитает их.

Понятный интерфейс

Можно создавать публичные или закрытые каналы, настраивать права доступа. Одним кликом подписывать на канал сразу всю компанию или отдел.

Помогают онбордингу

Новые сотрудники автоматом добавляются во все нужные чаты и Каналы и погружаются в рабочее инфополе.

Используйте потенциал AI для работы и общения

CoPilot всегда рядом, чтобы помочь
Генерация любых текстов

Хит

CoPilot поможет написать или отредактировать текст, исправит ошибки, сделает перевод. Легко придумает сколько угодно идей и ответит на любой вопрос.

Выбор роли

Новинка

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

Сотворчество с CoPilot

Новинка

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

CoPilot на смартфоне

Новинка

Креативный потенциал AI доступен не только на компьютере, но и в бесплатном мобильном приложении Битрикс24.

Субтитры во время звонка

Скоро

CoPilot расшифрует звук вреальном времени, превратит всубтитры и, если нужно, переведёт.

Резюме звонка

Скоро

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

Генерация любых текстов

Хит

CoPilot поможет написать или отредактировать текст, исправит ошибки, сделает перевод. Легко придумает сколько угодно идей и ответит на любой вопрос.

Выбор роли

Новинка

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

Сотворчество с CoPilot

Новинка

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

CoPilot на смартфоне

Новинка

Креативный потенциал AI доступен не только на компьютере, но и в бесплатном мобильном приложении Битрикс24.

Субтитры во время звонка

Скоро

CoPilot расшифрует звук в реальном времени, превратит в субтитры и, если нужно, переведёт.

Резюме звонка

Скоро

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

Самоорганизация команды в форме игры

Чекин на работе — инновационный и веселый способ координации вашей команды, который превращает обычный старт рабочего дня в увлекательный ритуал.

Игра стимулирует сотрудников вовремя приходить на работу, объединяет команду и заряжает позитивом.

Работайте где и когда угодно

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

Общайтесь с коллегами, ставьте лайки, закрепляйте важные сообщения, публикуйте новости в Каналах прямо со смартфона.

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

Нужно быстро составить письмо клиенту, выделить главное в большом документе, придумать несколько идей для рекламной кампании? CoPilot к вашим услугам, даже если вы не у компьютера.

Делитесь локацией с коллегами, отправляйте смешные фото в общий чат. Чекин на работе — ваша утренняя доза допамина.

Вместо десятков сервисов для бизнеса — одно решение Битрикс24

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

Совместная работа

Задачи и проекты

AI-помощник CoPilot

CRM

Сайты и Магазины

Автоматизация

Вместо десятков сервисов для бизнеса — одно решение Битрикс24

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

Совместная работа

AI-помощник CoPilot

Сайты и Магазины

Совместная работа

AI-помощник CoPilot

Сайты и Магазины

Более 15 000 000 компаний уже зарегистрировано в Битрикс24

Присоединяйтесь! Это бесплатно навсегда

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

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

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

В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 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 - это набор инструментов