Как установить код виджетов ViaCRM на свой сайт, работающий на Drupal?

Чтобы установить код ViaCRM на сайт на CMS Drupal, необходимо выполнить несколько шагов. В первую очередь потребуется получить код интеграции от ViaCRM и затем правильно разместить его на сайте.

Получение кода ViaCRM

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

Вставка кода на сайт Drupal

Есть несколько способов добавить код на сайт Joomla, в зависимости от того, где и как вы хотите его разместить.

Способ 1. Через блок с пользовательским содержимым

Подходит для размещения кода на отдельных страницах или в зонах макета (боковая панель, подвал и т.д.).

Шаги:

Войдите в админ‑панель Drupal.
Перейдите в раздел Структура → Блоки (/admin/structure/block).
Нажмите кнопку «Разместить блок» в нужной зоне (например, «Подвал» или «Боковая панель»).
В открывшемся окне выберите «Создать пользовательский блок».
В форме создания блока:
- Заголовок — укажите имя для удобства (например, «ViaCRM виджеты»).
- Текст — переключитесь на режим «Источник» (или «Plain text» / «HTML», в зависимости от версии Drupal), вставьте JS‑код Вашего проекта ViaCRM
- Формат текста — выберите «Полный HTML» или «PHP‑код» (если доступно; для JS достаточно HTML).
В настройках блока:
- укажите, на каких страницах показывать блок (например, «Все страницы»);
- задайте вес (позицию) блока в зоне.
Нажмите «Сохранить блок».

Где отобразится: в выбранной зоне макета на указанных страницах.

Способ 2. Через конфигурацию темы (в <head> или перед </body>)

Позволяет вставить код глобально — на всех страницах, в <head> (рекомендуется для скриптов) или в конце тела страницы.

Шаги (для стандартных тем):

Перейдите в Внешний вид → Настроить напротив активной темы (/admin/appearance/settings/THEME_NAME).
Найдите раздел «Дополнительные настройки», «Скрипты и стили» или аналогичный (название зависит от темы).
Найдите поле для вставки кода:
- «Код в <head>» — для загрузки скрипта в заголовке (оптимально);
- «Код перед </body>» — для размещения в конце страницы.
Вставьте JS‑код Вашего проекта ViaCRM
Нажмите «Сохранить конфигурацию».

Если поля нет в настройках темы:

Используйте модуль Metatag (для <head>) или Custom JS/CSS (ищите в Marketplace). Установка модуля:
1. Расширения → Установить новый модуль.
2. Загрузите архив или укажите URL модуля.
3. Активируйте модуль в списке расширений.
4. Настройте через новый пункт меню в админ‑панели.

Способ 3. Через страницу с контентом (для одной страницы)

Если код нужен только на конкретной странице (например, на странице контактов).

Шаги:

Откройте нужную страницу в режиме редактирования (/node/NID/edit).
В поле содержимого:
- переключитесь на режим HTML (кнопка «Источник» или значок <>);
- вставьте JS‑код Вашего проекта ViaCRM в любом месте текста
Сохраните страницу.

Важно: убедитесь, что формат текста установлен на «Полный HTML» (проверьте под полем ввода).

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

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

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

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

Кэш в браузере: обновите страницу (Ctrl + F5 для полного обновления JS скриптов в браузере).
Кэширование: если код не появился сразу, очистите кэш Drupal: Конфигурация → Разработка → Очистить кэш (/admin/config/development/performance).
Резервная копия: перед изменениями сделайте бэкап сайта (если возможно).

Если при установке возникнут сложности (например, ошибки в коде или проблемы с отображением), обратитесь в поддержку ViaCRM.