CSS
К некоторым блокам применены стили через CSS, это видно только в предпросмотре. И важно не забывать при переносе/копировании также копировать стили css, иначе некоторые блоки и детали будут отображаться некорректно.
Возможности сайта → Настройки страницы → CSS → Пользовательский CSS
Блок десктопное меню с кнопкой
Необходимо проверять, чтобы при переносе/копировании не слетал якорь (#menu). Видимость блока (только десктоп)
Желательно не более 3х-4х пунктов, чтобы на небольших экранах меню не сбивалось в две строки.
Блок мобильное меню
Обыкновенный бургер. Видимость блока (планшеты и мобильные)
Главный блок с текстом, большим интерфейсом и кнопкой по середине на градиентном фоне
В этом блоке скриншот — только целый экран (никаких ноутбуков). Ширина обязательно 2200px, высота приблизительная (около 1200px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 2200px). Без теней и скругленных краев, это добавляется через CSS.
При желании можно скрыть часть с изображением и использовать как просто главный блок с текстом и кнопкой.
IP-телефония и CRM,
совместное использование
в одном сервисе
Более 100 приложений телефонии в Маркете
Все звонки фиксируются в CRM, лиды не теряются
10 отчётов по звонкам и эффективности операторов
Главный блок с текстом и кнопкой на градиентном фоне
Главный блок с текстом и кнопкой на светлом фоне
Главный блок с текстом, кнопкой и изображением справа на светлом фоне
В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 1080px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его).
Также можно по шаблону оформить просто фотографию.
Главный блок с текстом, кнопкой и изображением cлева на светлом фоне
В этом блоке скриншот оформляется по шаблону (есть исходник). Ширина обязательно 1080px, высота приблизительная (около 700px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его).
Также можно по шаблону оформить просто фотографию.
Руководите колл-центром или отделом продаж?
Тогда Битрикс24 — то, что вам нужно. Мы объединили телефонию и CRM, чтобы ваши сотрудники работали ещё быстрее и эффективнее.
Звоните прямо из CRM, прослушивайте разговоры и храните всю историю взаимодействия с клиентом в карточке сделки.
Главный блок с текстом, кнопкой и изображением 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
Если главный блок используется светлый, то лучше взять второй вариант этого блока на светло-сером фоне.
Главный блок для разделов
Блок состоит из крупного заголовка, подзаголовка и пометки. При желании или необходимости можно убрать подзаголовок или пометку. Висячие предлоги союзы и пр. рекоммендуется соединять со следующим словом неразрывным пробелом.
Чем выгодно отличается телефония Битрикс24?
Звоните с любых устройств
Используйте браузер, приложение для смартфона или десктопа, телефон или другие устройства
Работайте из единого окна
Телефония объединена
с CRM, планировщиком задач, документами и другими инструментами
Объедините все каналы продаж в одну систему
Подключайте звонки, формы на сайте, email, соцсети
и мессенджеры
Сможете обработать даже большой поток звонков
Несколько менеджеров могут работать параллельно, клиенты всегда попадут на своего менеджера
Обеспечите прозрачность продаж
Отчёты покажут весь путь клиента: от первого касания до повторных покупок
Поможем с ответом на любые вопросы
Партнёры помогут настроить телефонию, CRM и другие инструменты
Блок с большим изображением по центру
Блок позволяет крупно показать целиком окно интерфейса, либо какую-либо его выделенную часть, изображения в ноутбуке не подходят. Ширина обязательно 2200px, высота приблизительная (около 1200px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 2200px). Без теней и скругленных краев, это добавляется через CSS.
Телефония Битрикс24:
больше, чем просто номер для бизнеса
Блок с доп фичами
Этот блок идет парой с блоком "Большое изображение по центру". Только три пункта, желательно одинаковое количество текста. Иконки менять не рекомендуется.
Работайте из офиса или удалённо
Работайте откуда угодно: связь будет стабильной. Главное, чтобы был интернет.
Кроме обычных звонков вы можете общаться в чатах
и видео. Не только с клиентами, но и с коллегами — Битрикс24 упрощает коммуникации даже для удалённых команд.
Совершайте звонки, ведите клиентскую базу, принимайте заказы и ставьте задачи — из одного окна.
Сохраняйте все лиды и сделки
Если менеджер забудет или не успеет зафиксировать номер позвонившего, вы можете лишиться крупного клиента.Чтобы этого неслучилось, Битрикс24 сам создаёт лиды, сделки и контакты.Во время разговора можно работать со сделками, предложениями и счетами в CRM.
Вы навсегда освободите время менеджеров от утомительной работы по выгрузке звонков в CRM и поиска в АТС.
Не теряйте ни одного звонка
Битрикс24 учтёт пропущенный звонок и поставит задачу на перезвон, даже если все операторы заняты или закончился рабочий день.
А ещё в этом случае можно настроить переадресацию на мобильный, включить режим ожидания или подключить автоответчик.В случае голосового сообщения, запись можно прослушать прямо в мессенджере.
Сделайте прозрачным процесс работы с клиентами
Организуйте слаженную работу отдела или компании. Руководителю помогут в этом отчёты по эффективности, учёт рабочего времени и другие встроенные бесплатные инструменты Битрикс24.
Настройте роли и права доступа. Выбирайте, кто из сотрудников будет совершать звонки, куда им можно звонить, кто может слушать записи разговоров и управлять звонками.
Анализируйте записи разговоров
Каждый разговор фиксируется в карточке клиента и в любой момент вы можете прослушать его, чтобы уточнить какие-то детали.
CoPilot мгновенно сделает за вас то, на что раньше уходило по несколько часов: сам переслушает запись разговора с клиентом, выделит главное и заполнит карточку CRM. А вы в это время можете сосредоточиться на более творческих задачах.
100+ готовых интеграций
Подключите свою телефонию к Битрикс24
Битрикс24 помогает продавать больше
Ведите единую базу клиентов
Вы не потеряете ни одного клиента. Весь список покупателей, контакты, записи разговоров, история заказов – всё будет храниться в одном месте
и защищено правилами доступа.
В любой момент вы сможете посмотреть: на каком этапе сделка, кто ей занимается и что нужно делать дальше.
Автоматизируйте продажи
Освободите себя и менеджеров от рутинных задач. CRM сама распределят заказы, отправит клиентам письма и SMS, сформирует документы
и многое другое.
Обзвонить клиентов? Легко! Битрикс24 создаст список и будет открывать оператору карточки звонка.
CRM сама распределит входящие звонки по продавцам, а также подготовит отчёты для руководителя.
Узнайте, откуда пришёл клиент
В Битрикс24 есть бесплатные встроенные интеграции с колл-трекингом и сквозной аналитикой. Колл-трекинг покажет количество входящих звонков по рекламным источникам, включая оффлайн.
А с помощью сквозной аналитики вы узнаете, принёс ли звонок продажу и окупилась ли ваша реклама.
Обменивайтесь данными с 1C
CRM умеет автоматически обмениваться данными
с 1С в режиме реального времени.
Выбор контрагентов из 1С
Двусторонняя синхронизация каталога товаров
Синхронизация счетов, отчетов, сделок, заказов
Универсальный конструктор интеграции с 1С в смарт-процессах
Продавайте прямо в Битрикс24
Подключите в пару кликов популярные платёжные системы и онлайн-кассы. Делитесь с клиентами ссылкой на оплату и отслеживайте статус платежа.
Оформляйте доставку клиентам через Яндекс Go прямо из CRM и включайте её в итоговый чек всего за несколько кликов.
Более 15 000 000 компаний
зарегистрировано в Битрикс24
Работаем на 18 языках, в более 50 странах мира
Анализируйте звонки с помощью
10 готовых отчётов
Блок кнопка по центру
Цвет, размер и стиль кнопки менять не рекомендуется, цвет при наведении настраивается через CSS.
Главный блок для разделов
Цвета разделов рекомендуется чередовать, белый (#ffffff) и светло-серый (#fcfcfc)
Блок с крупным изображением и текстом справа
В этом блоке рекомендуется использовать целиком окно интерфейса, либо какую-либо его выделенную часть. Ширина обязательно 1460px, высота приблизительная (около 900px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1460px). Без теней и скругленных краев, это добавляется через CSS.
Текстовый блок можно при необходимости редактировать — делать несколько раз "Заголовок/Подзаголовок" или "Список с пунктами" вместо простого текста. Но необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.
Блок с крупным изображением и текстом слева
В этом блоке рекомендуется использовать целиком окно интерфейса, либо какую-либо его выделенную часть. Ширина обязательно 1270px, высота приблизительная (около 900px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот 640x480 и растянуть его до 1270px). Без теней и скругленных краев, это добавляется через CSS.
Текстовый блок можно при необходимости редактировать — делать несколько раз "Заголовок/Подзаголовок" или "Список с пунктами" вместо простого текста. Но необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.
Блок с текстом и коллажем из интерфейсов слева
Для этого блока, чтобы выделить крупно какую-то фичу или деталь процесса, на основе исходника изготавливается коллаж. Ширина обязательно 1080px, высота приблизительная (около 800px), PPI минимум 72 (т.е. нельзя просто взять маленький скриншот и растянуть его. Подразумевается, что это делает дизайнер
Необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту изображения.
Блок разделитель (полосочка)
Блоки не связанные между собой можно разделять цветом фона. Цвета рекомендуется использовать либо белый (#ffffff), либо светло-серый (#fcfcfc), либо, если что-то нужно выделить, то светло-голубой (#f5fbff). Но если по какой-то причине нельзя изменить цвет и положение блока, (например блок про интеграции с логотипами партнеров обязательно должен быть на белом фоне), и получается подряд два несвязанных блока с одинаковым фоном, то рекомендуется использовать блок разделитель (полосочку)
Блок с логотипами партнеров
Блок рекомендуется использовать только с белым фоном. Логотипы партнеров должны быть в формате 400px на 200px, PPI минимум 72 (т.е. нельзя просто взять маленький логотип 64x64 и растянуть его до 400px), на прозрачном фоне (в крайнем случае на белом). Также желательно убедиться что логотипы визуально соразмерны.
Блок с видео и текстом слева
Необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту видео.
Настройки для видео: воспроизводить автоматически - да, показывать элементы управления - да, воспроизводить по кругу - да, звук - выкл.
Блок с видео и текстом справа
Необходимо рассчитывать количество текста, так, чтобы текстовый блок не превышал высоту видео.
Настройки для видео: воспроизводить автоматически - да, показывать элементы управления - да, воспроизводить по кругу - да, звук - выкл.
Выделенный блок с важной информацией и кнопкой
В данном случае это блок про 10 000 000 компаний, но можно использовать и в других ситуациях.
Блок с вопросами
Вопросы и пункты можно менять и добавлять стандартными средствами редактирования. Стили, подчеркивания, цвета рамок, цвета при наведении и прочее менять не рекомендуется.
Блок перебивка с изображением на весь экран
В случае если появляется необходимость разбавить сплошной поток информации, можно добавить фотографию. Фото желательно подбирать в соответствии с цветовой гаммой сайта, подходящие по смыслу, либо относительно нейтральные, типа "бизнес работает в Битркс24". Подразумевается, что это делает дизайнер.
Блок c текстом и несколькими шагами?
В данном случае это блок "Как начать?". Если справа нужно больше пунктов их можно добавить через суперблок
Блок про мобильное приложение
Необходимо, следить, чтобы текстовый блок не превышал высоту картинки. Скрины в мокапах при необходимости можно менять с помощью дизайнеров. При переносе/копирование важно не забывать про отдельную версию блока для планшетов.
Мобильное приложение
В Битрикс24 можно работать с любых устройств. Скачайте мобильное приложение, которое доступно дляiPhone, iPad и Android.
Настройте регулярную отправку отчётов в пару кликов иполучайте их в ваш смартфон.
Футер
Он же блок про то, что Битрикс24 - это набор инструментов
Битрикс24 — это не только телефония
Это бесплатный набор инструментов для организации работы всей компании.
Вместо десятка дорогих сервисов и приложений – один Битрикс24.