Как редактировать сайт в Битрикс24: инструкция с нюансами
Команда SellUs настраивает сайты и посадочные страницы в Битрикс24 у клиентов с 2017 года. В этой статье собрали то, что чаще всего спрашивают клиенты во время внедрения и после запуска. Подробнее о команде.
Битрикс24 позволяет создавать сайты прямо внутри системы: без сторонних конструкторов, отдельного хостинга и программиста. Редактор работает по принципу блочного конструктора: добавляете секции, меняете текст, загружаете изображения.
Это удобно для лендингов под конкретные продукты, форм захвата для CRM и простых корпоративных страниц. Для сложных многостраничных сайтов с кастомным дизайном возможностей редактора не хватит, но для старта хватает большинству.
В этой статье: как открыть редактор, что именно можно изменить, технические ограничения и когда стоит перейти на другое решение.
Как войти в редактор сайтов Битрикс24
Путь зависит от версии интерфейса. В современном Битрикс24:
Способ 1: Левая панель / «Сайты» / выбрать нужный сайт / кнопка «Редактировать».
Способ 2: Левая панель / «Маркетинг» / «Сайты и формы» / «Все сайты» / нажать на сайт / «Редактировать».
Если в левой панели нет раздела «Сайты»: перейдите в левом меню к значку «ещё» (три точки) или воспользуйтесь поиском по системе: введите «Сайты» в строку поиска Битрикс24.
Что открывается: визуальный редактор с блочной структурой страницы. Слева: панель блоков которые можно добавить. Справа: настройки выбранного элемента. По центру: предпросмотр страницы.
Структура редактора: что за что отвечает
Блоки: основные строительные единицы страницы. Каждый блок: отдельная секция: шапка, герой с заголовком, галерея, форма, текст с изображением, отзывы, footer. Блоки перетаскиваются в нужном порядке.
Настройки блока: кликнуть на любой блок: откроется панель настроек справа. Здесь меняется:
- Фоновое изображение или цвет секции
- Отступы (padding) сверху и снизу
- Видимость блока на мобильных или десктопе
Элементы внутри блока: текст, кнопки, изображения, иконки. Каждый элемент редактируется двойным кликом или через панель справа.
Как изменить дизайн сайта
Шрифты и цвета (глобальные настройки)
Эти параметры применяются ко всему сайту сразу.
Путь: в редакторе нажать шестерёнку (настройки сайта) в правом верхнем углу / «Настройки дизайна».
Что можно изменить:
- Основной цвет акцента (кнопки, ссылки, заголовки)
- Шрифт для заголовков и для основного текста
- Цвет фона страницы по умолчанию
Набор шрифтов ограничен стандартными Google Fonts. Кастомные шрифты недоступны.
Фон секции
Кликнуть на блок / в панели справа выбрать «Фон» / загрузить изображение или выбрать сплошной цвет.
Технические требования: JPG или PNG, рекомендуемая ширина 1920 пикселей для фоновых изображений. Слишком маленькое изображение будет растянуто и потеряет качество.
Текст заголовков и описаний
Двойной клик на любой текстовый элемент открывает инлайн-редактор. Форматирование: жирный, курсив, ссылка, выравнивание. Размер шрифта и цвет каждого элемента настраивается в панели справа.
Кнопки
Кликнуть на кнопку / панель справа показывает: текст, ссылку, цвет фона кнопки, цвет текста, скруглённость углов. Ссылка может вести на внешний URL, на другую страницу сайта или открывать форму Битрикс24.
Как добавить и удалить страницы
Добавить страницу: в редакторе нажать на название сайта в верхней панели / «Страницы» / «Добавить страницу».
Новая страница создаётся по шаблону или с нуля. Шаблоны: посадочная страница, страница «О нас», контакты, блог.
URL страницы: задаётся при создании. Рекомендуется использовать транслитерацию или латиницу: /uslugi/, /kontakty/, /o-kompanii/. Кириллица в URL работает, но хуже воспринимается поисковиками и некоторыми браузерами.
Удалить страницу: в списке страниц навести на нужную / иконка корзины / подтвердить. Удалить главную страницу нельзя. Можно только очистить её содержимое.
Порядок страниц в меню: перетаскивание в списке страниц меняет порядок пунктов навигации.
Как привязать домен к сайту Битрикс24
По умолчанию сайт доступен по адресу вида ваша-компания.bitrix24.ru/crm/sites/. Для подключения собственного домена:
Шаг 1. В настройках сайта (шестерёнка) выбрать «Домен» / «Привязать домен».
Шаг 2. Ввести домен: yourdomain.ru.
Шаг 3. Битрикс24 покажет DNS-запись (CNAME или A-запись) которую нужно добавить у регистратора домена. Скопируйте значение.
Шаг 4. В панели управления доменом (у регистратора: REG.RU, Timeweb, Cloudflare и другие) добавьте DNS-запись. Тип CNAME, хост @ или www, значение из Битрикс24.
Шаг 5. Подождать обновления DNS: от 15 минут до 48 часов. После обновления в настройках сайта нажать «Проверить»: система подтвердит привязку.
SSL-сертификат: Битрикс24 выпускает Let's Encrypt автоматически после привязки домена. Принудительный HTTPS включается в настройках домена.
Функция подключения собственного домена доступна в тарифах Базовый и выше. На бесплатном тарифе домен подключить нельзя.
Ограничения бесплатной версии
Битрикс24 предлагает бесплатный тариф с базовым функционалом сайтов. Вот что недоступно:
- Домен. Только субдомен
.bitrix24.ru. Свой домен: начиная с платного тарифа. - Количество сайтов. На бесплатном тарифе можно создать 1 сайт. На платных: от 5 до неограниченного количества в зависимости от тарифа.
- Трафик. Бесплатная версия ограничивает количество уникальных посетителей в месяц. При превышении лимита сайт отображается с предупреждением или временно становится недоступным.
- Хранилище. Изображения и файлы хранятся в общем пространстве Битрикс24. На бесплатном тарифе: 5 ГБ на весь аккаунт.
- Формы и лиды. Формы захвата работают на всех тарифах, но автоматизация (роботы по лиду из формы сайта) требует платного тарифа.
- Аналитика. Встроенная аналитика посетителей сайта доступна на платных тарифах. На бесплатном: только базовые метрики.
Что нельзя сделать в редакторе Битрикс24
Редактор сайтов Битрикс24 хорошо закрывает простые задачи. Для более сложных требований он не подходит:
- Кастомный код. Вставить произвольный HTML/CSS/JS в блок нельзя напрямую. Есть блок «Embed» для вставки виджетов (карта, видео, чат), но свободный код не поддерживается.
- Кастомная навигация. Сложные многоуровневые меню, мегаменю, мобильные варианты навигации с кастомным поведением в конструкторе не реализовать.
- SEO на уровне кода. Meta-теги, schema.org разметка, canonical, hreflang настраиваются только через интерфейс Битрикс24, ограниченно. Полный контроль над SEO-кодом страницы недоступен.
- Многоязычность. Сайты Битрикс24 создаются для одного языка. Полноценный мультиязычный сайт с переключением локали в конструкторе не реализовать.
- Интернет-магазин. Каталог товаров и корзина есть в Битрикс24 (модуль «Интернет-магазин»), но это отдельный функционал, не связанный с конструктором лендингов.
Когда стоит вынести сайт из Битрикс24
Конструктор сайтов Битрикс24 подходит для лендингов, страниц захвата и небольших корпоративных страниц. Но есть ситуации когда лучше использовать отдельный инструмент:
- Нужен сложный дизайн. Анимации, кастомные шрифты, нестандартная вёрстка: всё это требует полного контроля над кодом. Редактор Битрикс24 этого не даёт.
- Важна скорость загрузки. Сайты на Битрикс24 хостятся на серверах компании. Вы не управляете конфигурацией сервера, кешированием и CDN напрямую.
- Нужна миграция существующего сайта в Битрикс24. Если у вас уже есть сайт на WordPress, Tilda или другой платформе, и вы хотите перенести его в Битрикс24 (или подключить к CRM), то конструктор тут не поможет: нужна разработка или специализированное приложение.
Для задачи связки существующего сайта с Битрикс24 (передача лидов из форм в CRM, синхронизация данных) SellUs разработала приложение Page2Bitrix24. Оно позволяет подключить к CRM любой сайт без переноса на хостинг Битрикс24.
Итого: что доступно, что нет
| Задача | Доступно |
|---|---|
| Редактировать текст и изображения | Да, на всех тарифах |
| Менять цвета и шрифты глобально | Да, на всех тарифах |
| Добавлять блоки из библиотеки | Да, на всех тарифах |
| Добавлять формы захвата в CRM | Да, на всех тарифах |
| Подключить собственный домен | Только платные тарифы |
| Создавать более 1 сайта | Только платные тарифы |
| Вставка кастомного кода | Нет |
| SEO-оптимизация на уровне кода | Ограниченно |
| Мультиязычный сайт | Нет |
Частые вопросы
Можно ли восстановить случайно удалённую страницу сайта?+
Стандартной корзины для страниц сайта в Битрикс24 нет, удаление необратимо через интерфейс редактора. Если страницу только что удалили, стоит сразу обратиться в поддержку Битрикс24, иногда восстановление возможно из технического бэкапа, но без гарантии, особенно на бесплатном тарифе.
Изменения на сайте видны посетителям сразу, или их нужно публиковать отдельно?+
Зависит от того, как изменения вносились. Правки текста и изображений внутри уже опубликованной страницы применяются сразу после сохранения. Новая страница или крупная структурная правка обычно требует отдельного нажатия «Опубликовать», иначе она остаётся видна только в редакторе.
Можно ли дать доступ к редактированию сайта конкретному сотруднику, не администратору всего портала?+
Да, доступ к редактору сайтов настраивается через права доступа Битрикс24 отдельно от общих административных прав. Можно назначить редактирование, например, маркетологу, не открывая ему доступ к CRM, финансам или настройкам портала.
Можно ли редактировать сайт с телефона или планшета?+
Полноценный визуальный редактор рассчитан на десктоп: блочная структура с панелями настроек неудобна на маленьком экране. С мобильного устройства реалистично только точечно поправить текст через мобильное приложение Битрикс24, для серьёзной редактуры дизайна нужен компьютер.
Что будет с сайтом, если закончится подписка на Битрикс24 или сменится тариф?+
Сайт на бесплатном или истёкшем платном тарифе не удаляется автоматически, но часть функций (свой домен, расширенная аналитика, дополнительные сайты) станет недоступна до продления. При понижении тарифа с нескольких сайтов до лимита в один остальные сайты не удаляются, но становятся недоступны для редактирования и просмотра до повышения тарифа обратно.
Продвигается ли сайт на Битрикс24 в поиске так же хорошо, как сайт на WordPress?+
Базовая SEO-оптимизация (заголовки, описания, alt-тексты) доступна и работает нормально. Но полного контроля над кодом страницы, гибкой структурой URL и Schema.org разметкой, которые важны для серьёзного SEO-продвижения, редактор Битрикс24 не даёт. Для лендинга или формы захвата этого достаточно, для сайта, который должен стать основным источником органического трафика: обычно лучше отдельная CMS.
Применить к вашей отрасли
Page2Bitrix24: подключение сайта к CRM
Если сайт уже есть на другой платформе — как передавать заявки в Битрикс24.
Аудит-чеклист Битрикс24
Проверьте настройку системы после привязки сайта: 50 параметров.
Шаблоны писем клиентам
Что автоматически отправлять лидам которые пришли с сайта.
Настроим сайт в Битрикс24 или свяжем ваш сайт с CRM
Разложим по полочкам что можно сделать в редакторе, а что вынести на отдельный движок и подключить через Page2Bitrix24.
Обсудить проект по вашей задаче
Оставьте контакты: перезвоним в течение 2 часов в рабочее время.