Конструктор сайтов в Битрикс24: руководство

Преимущества и особенности создания сайтов через конструктор Битрикс24 

Согласно официальным данным, по состоянию на начало 2024 года, около 30% всех сайтов в Рунете создано на 1C-Bitrix.24. И это не предел. Стабильно растущая популярность встроенного конструктора Битрикс обусловлена следующими преимуществами:

• Соответствие законодательству ФЗ-54 и ФЗ-152. При необходимости готовые сайты можно интегрировать с тремя видами касс, настроить работу с чеками, добавить в форму регистрации и заявки на покупку согласие на обработку персональных данных;
• Высокий уровень информационной безопасности и защищенности работы ресурса за счет модуля “Проактивная защита” с встроенным антивирусов и стоп-листом для сомнительных посетителей;
• Доступ к хостингу на bitrix24.shop (магазины) и bitrix24.site (сайты) и конструктору предоставляется на бесплатной основе каждому зарегистрированному пользователю;
• Внушительный диапазон встроенных опций и возможностей: более 1000 готовых шаблонов с возможностью изменения дизайна, модели интеграции со сторонними сервисами, мессенджерами, учетными системами и т.д.;
• Простая и быстрая адаптация онлайн-ресурсов под любые мобильные устройства на базе iOS и Android. 

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

Пошаговая подробная инструкция создания сайта через конструктор Битрикс24 на примере

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

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

Где находится конструктор 

Для запуска конструктора сайтов Bitrix24 авторизуйтесь на корпоративном портале, перейдите в раздел “Сайты и магазины”. На вкладке “Сайты” кликните по кнопке “Создать”. 

Обратите внимание! Во вкладке “Сайты” можно не только создавать новые проекты, но и сохранять, и просматривать созданные ранее варианты макеты. 

Выбор шаблона

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

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

Обратите внимание! Большая часть готовых шаблонов сайтов на базе Битрикс 24 доступна по подписке на Маркет+, но есть и бесплатные макеты. 

После выбора шаблона необходимо определиться с цветовой палитрой, указать название и описание страницы, нажать на кнопку “Создать”. На этом этапе сайт будет создан. Дальнейшие действия будут выполняться в режиме его редактора. 

Работа с блоками

Кнопка “Добавить блок” направит вас в меню выбора блоков, систематизированных по нескольким категориям. Дальнейшая сборка онлайн-площадки выполняется с учетом следующих правил:

1. Расположить блоки в горизонтальной плоскости не получится, только один под другим. 
2. Все изменения с блоками выполняются через вкладку “Настройки” основного меню.
3. Для добавления или удаления блоков следует воспользоваться контекстным меню, которое открывается при наведении курсора на определенный элемент. 

Добавление блока 

Кликните по кнопке “Добавить блок” и определите место для его размещения. Выберите блок, который нужно добавить на сайт. Например, это может быть таймер, отсчитывающий время рекламной акции. Для каждого элемента доступно, как минимум несколько вариантов с разным дизайном. 

Обратите внимание! Чтобы оценить, как добавленные блоки смотрятся на сайте воспользуйтесь функцией “Предпросмотр”. После каждой корректировки не забывайте воспользоваться кнопкой “Опубликовать”, чтобы сохранить изменения. 

Редактирование блока 

Редактирование блоков сайта на Битрикс 24 выполняется с помощью двух панелей инструментов: одна находится в правом верхнем углу редактора, вторая — в левом. 

• Кнопка “Редактировать” используется для настройки содержимого блока: заголовка, текста, изображений, кнопок и иных элементов. 
• “Суперблок” — специальный режим, предназначенный для управления элементами внутри блоков. Например, с помощью этой кнопки вы можете добавить в блок с текстовым материалом полезные видео по выбранной теме. 
• “Дизайн” — редактирование внешнего вида блока: положение и видимость элементов, цвета. Здесь также можно добавлять изображения, созданные с помощью искусственного интеллекта. 
• “Изменение последовательности” — чтобы изменить порядок расположения блоков на странице используйте стрелки вверх/вниз. 

Действия над блоками

В Меню “Действия” конструктора сайтов Bitrix24 пользователям доступны основные операции с блоками:

1. Скрыть: скрытый блок будет не виден при публикации сайта. Если нужно его можно вернуть простым нажатием кнопки “Показать блок”. 
2. Вырезать: при нажатии на кнопку блок будет вырезан с сайта и помещен в буфер обмена. В дальнейшем его можно будет вставить в другой части онлайн-ресурса. 
3. Копировать: скопированный блок также помещается в буфер обмена, при этом исходник остается на своем месте. 
4. Вставить: кнопка позволяет вставлять в выбранном месте вырезанные или скопированные блоки. 
5. Оставить замечание: с помощью этой опции можно оставлять комментарии, идеи и пожелания относительно работы Битрикс24.Сайты.
6. Сохранить в списке блоков: нажав на кнопку вы сохраните редактируемый блок в качестве шаблона. 

Добавление форм

В Битрикс24 доступно несколько форм для сайта:

• Форма обратной связи;
• Форма контактные данные;
• Форма обратный звонок. 

Процесс создания формы на сайте Битрикс 24 выполняется в несколько шагов:

1. Перейдите в раздел CRM корпоративного портала;
2. В Левом меню выберите вкладку “Формы” и нажмите на кнопку “Добавить форму”;
3. Укажите основные параметры формы: название, описание, поля, внешний вид;
4. Скопируйте сгенерированный HTML-код формы и вставьте его в нужное место на вашем сайте. 

Обратите внимание! Настройки и возможности форм Битрикс24 варьируется в зависимости от настроек и версии вашего аккаунта на портале. 

Добавление Открытой линии 

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

Создавать Открытые линии могут только пользователи с правами администратора. Для этого необходимо перейти в “CRM” — “Интеграции” — “Контакт-центр”. В открывшемся окне нужно выбрать конкретный канал, кликнуть по нему правой кнопкой мыши и выбрать команду “Создать открытую линию”. 

Заполните поля, необходимые для настройки открытой линии: название линии, ссылка на страницу соцсети, мессенджера и т.д. Сохраните изменения. Теперь в настройках открытых линий перейдите в раздел “Уведомления” и выберите: уведомление на почту, звуковое уведомление, задайте другие параметры. 

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

Добавление кода аналитики Яндекс Метрика и Google Analytics

Для эффективного управления сайтом Битрикс24, просмотра статистики посещаемости ресурса к нему можно подключить Яндекс.Метрику или Google Analytics. Опция доступна только для платных тарифов. Принцип подключения сквозной аналитики предельно прост: вы копируйте код в аккаунте Яндекс.Метрики или Google Analytics и вставляйте его в настройки всех страниц сайта, которые планируется отслеживать. 

Завершение настроек, предпросмотр и публикация сайта

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

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

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

Пошаговая подробная инструкция создание лендинга через конструктор 

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

1. Начальные настройки: выберите шаблон и цветовую палитру, укажите название и описание.
2. Создайте меню и обложку лендинга.
3. Добавьте на ваш одностраничник уникальный и полезный для пользователей контент.
4. Добавьте блоки с нужными формами. Например, с формой обратной связи. 
5. Выполните настройку открытой линии для подключения каналов коммуникаций к сайту. 
6.  Подключите счетчики Яндекс.Метрики и Google Analytics.

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

Если у вас возникли сложности с версткой, настройкой и управлением сайта в Битрикс 24 обратитесь за помощью и консультацией к специалистам Деломатики.