Перейти к основному содержимому
SellUs
Гайды

Как редактировать сайт в Битрикс24: инструкция с нюансами

·6 мин·SellUs
Ярослав Акулиничев
Основатель SellUs, разработчик решений для Битрикс24 с 2017 года

Команда 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), то конструктор тут не поможет: нужна разработка или специализированное приложение.
Приложение для связки внешнего сайта с CRM

Для задачи связки существующего сайта с Битрикс24 (передача лидов из форм в CRM, синхронизация данных) SellUs разработала приложение Page2Bitrix24. Оно позволяет подключить к CRM любой сайт без переноса на хостинг Битрикс24.

Итого: что доступно, что нет

ЗадачаДоступно
Редактировать текст и изображенияДа, на всех тарифах
Менять цвета и шрифты глобальноДа, на всех тарифах
Добавлять блоки из библиотекиДа, на всех тарифах
Добавлять формы захвата в CRMДа, на всех тарифах
Подключить собственный доменТолько платные тарифы
Создавать более 1 сайтаТолько платные тарифы
Вставка кастомного кодаНет
SEO-оптимизация на уровне кодаОграниченно
Мультиязычный сайтНет
Нужен сайт с полным контролем над кодом?
Обсудим что вынести на отдельный движок, а что оставить в Битрикс24, и как связать всё через Page2Bitrix24.
Обсудить архитектуру сайта

Частые вопросы

Можно ли восстановить случайно удалённую страницу сайта?+

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

Изменения на сайте видны посетителям сразу, или их нужно публиковать отдельно?+

Зависит от того, как изменения вносились. Правки текста и изображений внутри уже опубликованной страницы применяются сразу после сохранения. Новая страница или крупная структурная правка обычно требует отдельного нажатия «Опубликовать», иначе она остаётся видна только в редакторе.

Можно ли дать доступ к редактированию сайта конкретному сотруднику, не администратору всего портала?+

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

Можно ли редактировать сайт с телефона или планшета?+

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

Что будет с сайтом, если закончится подписка на Битрикс24 или сменится тариф?+

Сайт на бесплатном или истёкшем платном тарифе не удаляется автоматически, но часть функций (свой домен, расширенная аналитика, дополнительные сайты) станет недоступна до продления. При понижении тарифа с нескольких сайтов до лимита в один остальные сайты не удаляются, но становятся недоступны для редактирования и просмотра до повышения тарифа обратно.

Продвигается ли сайт на Битрикс24 в поиске так же хорошо, как сайт на WordPress?+

Базовая SEO-оптимизация (заголовки, описания, alt-тексты) доступна и работает нормально. Но полного контроля над кодом страницы, гибкой структурой URL и Schema.org разметкой, которые важны для серьёзного SEO-продвижения, редактор Битрикс24 не даёт. Для лендинга или формы захвата этого достаточно, для сайта, который должен стать основным источником органического трафика: обычно лучше отдельная CMS.

Настроим сайт в Битрикс24 или свяжем ваш сайт с CRM

Разложим по полочкам что можно сделать в редакторе, а что вынести на отдельный движок и подключить через Page2Bitrix24.

Обсудить проект по вашей задаче

Оставьте контакты: перезвоним в течение 2 часов в рабочее время.

TelegramMAX