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

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

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

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

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

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

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

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

Необходимо сделать следующее:

Войдите в админ‑панель OpenCart.
Перейдите в раздел Дизайн → Редактор темы (Design → Theme Editor).
В левой панели выберите шаблон header (обычно находится в common/header или common/header.tpl). Это файл шапки сайта, который загружается на всех страницах.
Найдите закрывающий тег </head>.
Перед ним вставьте ваш полученный ранее JavaScript-код проекта ViaCRM
Нажмите Сохранить (Save).
Очистите кеш: перейдите в Система → Инструменты → Кеш (System → Tools → Cache) и нажмите Очистить кеш шаблонов (Clear Template Cache).

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

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

Используйте, если код нужен только на определённых страницах (главная, категории, товары и т.д.).

Шаги:

В админ‑панели перейдите в Расширения → Модули (Extensions → Modules).
Найдите и установите модуль HTML‑блок (HTML Content), если он не активирован.
Нажмите Добавить новый (Add New).
Заполните поля:
- Заголовок: например, «ViaCRM виджеты».
- Содержимое: вставьте JS‑код проекта из личного кабинета ViaCRM в текстовое поле.
- Статус: «Включено».
Перейдите к блоку Расположение (Layout).
Выберите страницу, куда нужно добавить код (например, «Главная», «Каталог товаров»).
Укажите позицию (например, Перед содержимым — Before Content или После содержимого — After Content).
Сохраните модуль.
Перейдите в Дизайн → Макеты (Design → Layouts).
Убедитесь, что модуль добавлен в нужный макет. При необходимости перетащите его в нужную позицию.

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

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

Некоторые современные темы OpenCart имеют встроенные поля для вставки кода в <head> или <body>.

Шаги:

Перейдите в Дизайн → Темы (Design → Themes) или Расширения → Темы (Extensions → Themes).
Выберите активную тему и нажмите Редактировать (Edit).
Найдите раздел Дополнительные настройки (Additional Settings), Код перед </body> или аналогичный.
Вставьте JS‑код проекта из личного кабинета ViaCRM.
Сохраните изменения.
Очистите кеш: перейдите в Система → Инструменты → Кеш (System → Tools → Cache) и нажмите Очистить кеш шаблонов (Clear Template Cache).

Плюсы: удобно, если тема поддерживает такую функцию.
Минусы: доступно не во всех темах.

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

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

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

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

Резервная копия. Перед любыми изменениями сделайте бэкап сайта (файлов и базы данных).
Проверка кода. Убедитесь, что правильно и полностью скопирование JS‑код проекта из личного кабинета ViaCRM. Ошибки в нём могут нарушить работу сайта.
Очистка кеша. После вставки кода всегда очищайте кеш шаблонов и браузера (Ctrl + F5).
Тестирование. После вставки кода проверьте, что функционал ViaCRM (чат-виджет, форма обратного звонка и т.д.) работает корректно.
Обновление темы. Если вы редактировали шаблон напрямую (способ 1), после обновления темы код может исчезнуть. В этом случае повторите шаги.

Если у вас возникнут сложности на каком‑либо этапе, обратитесь в службу поддержки ViaCRM (уточнив версию OpenCart)