ViaCRM Logo
HostCMS CMS Icon

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

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

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

  1. Зайдите в личный кабинет ViaCRM.

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

Шаг 2. Вход в админ‑панель HostCMS

  1. Откройте сайт и войдите в админ‑панель HostCMS.

  2. Авторизайтесь в админ‑панель под своими логином и паролем.

Шаг 3. Вставка кода на сайте под управлением HostCMS

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

Способ 1. Через настройки шаблона (простейший вариант)

Подходит, если код должен загружаться на всех страницах сайта.

Шаги:

  1. Войдите в админ‑панель HostCMS.

  2. Перейдите в раздел «Дизайн» → «Шаблоны» .

  3. Найдите текущий активный шаблон (обычно отмечен как «Активный» или имеет значок галочки).

  4. Нажмите «Редактировать» рядом с ним.

  5. В редакторе шаблона найдите секцию <head> (в начале кода) или перед закрывающим тегом </body> (в конце кода).

  6. Вставьте ваш JS‑код ViaCRM прямо в это место. Например:

  7. Сохраните изменения (кнопка «Сохранить» или «Применить» ).

  8. Очистите кеш сайта (если есть опция «Очистить кеш» в админ‑панели), чтобы изменения вступили в силу.

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

Способ 2. Через модуль «Пользовательский код» (если есть в вашей версии)

Некоторые редакции HostCMS включают модуль для вставки произвольного кода.

Шаги:

  1. В админ‑панели перейдите в «Настройки сайта» или «Расширенные настройки» .

  2. Найдите раздел «Пользовательский код» , «JS/CSS код» или аналогичный.

  3. Вставьте полученный ранее JS‑код ViaCRM «Перед </body>» — код будет в конце страницы.

  4. Сохраните настройки.

Плюсы: не затрагивает шаблон, легко отключить.
Минусы: зависит от версии HostCMS (может отсутствовать в бесплатной редакции).

Способ 3. Через редактирование конкретной страницы

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

Шаги:

  1. Перейдите в «Структура сайта» → выберите нужную страницу.

  2. Откройте страницу для редактирования.

  3. Переключитесь в режим «HTML» (кнопка «Источник» или «HTML» в редакторе).

  4. Вставьте код перед закрывающим тегом </body>.

  5. Сохраните страницу.

Плюсы: точечная настройка.
Минусы: нужно повторять для каждой страницы, где нужен код.

Способ 4. Через виджет/блок (если поддерживается)

Если в HostCMS есть визуальный конструктор или виджеты:

Шаги:

  1. Перейдите в редактор страницы, где нужно разместить код.

  2. Добавьте новый блок/виджет типа «HTML‑код» , «JavaScript» или «Произвольный код» .

  3. Вставьте JS‑код ViaCRM в поле виджета.

  4. Разместите виджет в нужном месте страницы (например, в подвале или боковой панели).

  5. Сохраните изменения.

Плюсы: визуальный интерфейс, не нужно искать теги.
Минусы: функционал может быть ограничен в базовой версии.

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

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

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

Важные рекомендации

  • Резервное копирование. Перед изменениями сделайте бэкап шаблона или страницы.

  • Проверка кода. Убедитесь, что скопировали JS‑код от ViaCRM полностью и корректно.

  • Место вставки. Для CRM лучше размещать код перед </body> , чтобы он не блокировал загрузку контента.

  • Тестирование. После вставки откройте сайт в режиме инкогнито и проверьте:

    • работает ли функционал CRM (например, появляется ли виджет чата).

    • нет ли ошибок в консоли браузера (клавиша F12 → вкладка «Console»);

Что делать, если не получается?

  1. Проверьте права доступа: у вашей учётной записи должны быть права на редактирование шаблонов/страниц.

  2. Обратитесь в поддержку HostCMS (если у вас коммерческая лицензия).

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