Как установить код виджетов ViaCRM на свой сайт, работающий на CMS 1С-Битрикс: Управление сайтом?

Чтобы установить код ViaCRM на сайт, созданный на CMS «1С-Битрикс: Управление сайтом», необходимо выполнить несколько шагов. ViaCRM предоставляет инструменты для сбора заявок с сайта, включая чат-виджет и формы обратного звонка.

Шаг 1. Получение кода от ViaCRM

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

Шаг 2. Вставка кода на сайт 1С‑Битрикс

Есть несколько способов вставить код — выбирайте тот, что Вам больше подходит.

Способ 1. Через шаблон сайта (для размещения на всех страницах)

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

Войдите в админ‑панель «1С‑Битрикс».
Перейдите: Настройки → Настройки продукта → Сайты → Шаблоны сайтов.
Выберите активный шаблон сайта и нажмите «Редактировать».
Откройте файл шаблона — обычно это header.php или footer.php.
Вставьте скопированный код ViaCRM:
- для скриптов оптимально разместить перед закрывающим тегом</body> (в footer.php);
- если код содержит HTML‑разметку для виджета, вставьте его в нужное место шаблона.
Сохраните изменения.

Способ 2. Через компонент «Произвольный HTML‑код» (для отдельных страниц)

Используйте, если виджет нужен только на конкретных страницах (например, на странице «Контакты»).

Откройте нужную страницу в режиме редактирования.
Нажмите «Изменить страницу» → «Режим правки».
В визуальном редакторе найдите компонент «Произвольный HTML‑код» (в разделе «Служебные» или «Другое»).
Перетащите его в нужную область страницы.
В настройках компонента вставьте скопированный код ViaCRM в поле «HTML‑код».
Сохраните страницу.

Способ 3. Через редактирование файла шаблона компонента

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

Найдите компонент, шаблон которого нужно отредактировать (например, catalog.element для карточки товара).
Откройте файл шаблона компонента — обычно это /bitrix/templates/ваш_шаблон/components/путь_к_компоненту/template.php.
Вставьте код ViaCRM в нужное место файла.
Сохраните изменения.

Способ 4. Через настройки заголовка/подвала (если доступно в админке)

Некоторые шаблоны «1С‑Битрикс» позволяют добавлять скрипты через настройки сайта:

Перейдите: Сайты → Список сайтов → Настройки сайта.
Найдите поля Дополнительные скрипты в <head> или Скрипты перед </body>.
Вставьте код ViaCRM в соответствующее поле.
Сохраните настройки.

Шаг 3. Проверка работы

После вставки кода:

Откройте сайт в браузере (лучше в режиме инкогнито, чтобы избежать кеширования).
Проверьте, отображается ли виджет корректно:
- появляется ли он на нужных страницах;
- соответствует ли внешний вид настройкам из ViaCRM;
- нет ли ошибок в консоли браузера (нажмите F12 → вкладка Console).
Протестируйте функционал:
- отправьте тестовое сообщение через форму;
- проверьте, пришло ли уведомление в ViaCRM и на привязанные каналы (e‑mail, MAX, Telegram и т.д.).

Настройка форм обратного звонка

Если вы хотите использовать функцию форм обратного звонка ViaCRM, выполните следующие шаги:

В любой ссылке на сайте (тег href) добавьте #VIACRM_callmeback. Например: <a href="#VIACRM_callmeback">Позвоните мне</a>.
При клике на такую ссылку посетитель сможет оставить заявку на перезвон через форму обратного звонка.

Важные замечания

Кеширование. Если сайт использует кеширование, после внесения изменений очистите кеш: Настройки → Производительность → Очистка кеша.
Резервная копия. Перед редактированием шаблонов сделайте резервную копию файлов.
Адаптивность. Убедитесь, что виджет корректно отображается на мобильных устройствах.
Безопасность. Не редактируйте системные файлы ядра «1С‑Битрикс» — вносите изменения только в шаблоны и компоненты.

Если у вас остались вопросы по какому‑либо шагу, обратитесь в поддержку ViaCRM и мы постараемся Вам помочь.