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

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

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

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

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

1. Откройте браузер и перейдите по адресу: ваш-сайт.ру/manager (вместо ваш-сайт.ру укажите домен вашего сайта).

2. Введите логин и пароль администратора.

Шаг 3. Вставка кода на сайт Evolution

Есть два основных способа вставить JS‑код в Evolution CMS:

Способ А. Через шаблон сайта (код появится на всех страницах).
Способ Б. Через редактирование конкретной страницы (код будет только на ней).

Способ А. Вставка кода через шаблон (для всех страниц)

1. В админ‑панели слева найдите раздел «Элементы» → «Шаблоны».

2. Выберите основной шаблон сайта (обычно он называется Default или имеет похожее имя). Нажмите на него для редактирования.

3. В открывшемся редакторе кода найдите закрывающий тег </body>.

4. Перед этим тегом вставьте JS‑код ViaCRM (его вы получите в личном кабинете CRM, в разделе Проекты).

5. Нажмите кнопку «Сохранить» внизу страницы.

Проверка: обновите любую страницу сайта в браузере (нажмите Ctrl + F5 для полного обновления) и проверьте, что виджеты ViaCRM работают (например, появляется форма чат-виджета).

Способ Б. Вставка кода на отдельную страницу

1. В левой части админ‑панели найдите «Дерево ресурсов» — это список страниц вашего сайта.

2. Найдите нужную страницу и кликните на её название левой кнопкой мыши.

3. Выберите «Редактировать».

4. В редакторе контента переключитесь в режим HTML (ищите кнопку с надписью HTML или иконку <>, обычно она находится вверху панели инструментов редактора TinyMCE).

5. В HTML‑коде страницы найдите закрывающий тег </body> и вставьте перед ним JS‑код ViaCRM.

6. Нажмите «Сохранить».

Проверка: откройте эту страницу на сайте и убедитесь, что виджет CRM отображается.

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

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

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

Важные нюансы и советы

• Режим HTML. При редактировании страницы обязательно переключайтесь в HTML‑режим. Если вставлять код в визуальном редакторе, он может исказиться или не выполниться.

• Кеширование. Evolution CMS может кешировать страницы. Если код не появился сразу:

  • Очистите кеш: в админ‑панели зайдите в «Управление» → «Очистить кеш».

  • Обновите страницу в браузере с помощью Ctrl + F5.

• Резервная копия. Перед редактированием шаблона сделайте его копию: в списке шаблонов наведите курсор на нужный, выберите «Копировать» и сохраните с другим именем. Это позволит быстро восстановить исходную версию, если что‑то пойдёт не так.

• Проверка ошибок. Если код не работает:

  • Откройте консоль браузера (F12 → вкладка Console). Там отображаются ошибки JavaScript.

  • Убедитесь, что код скопирован полностью и без изменений.

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