УниверсальныйКлассика

Установка виджета Gravix на Любой сайт (HTML)

Перед закрывающим тегом </body> в любом HTML, PHP, SPA (React, Next.js, Vue) проекте.

Куда вставлять

В исходном HTML-коде страницы или корневого шаблона перед закрывающим тегом </body>.

Ограничения тарифа платформы

Никаких ограничений

Работает на любых серверах, хостингах, CMS и статических сайтах с доступом к исходному коду страниц.

Пошаговая инструкция

Скопируйте код виджета

Скопируйте код скрипта Gravix ниже.

Откройте шаблон сайта в редакторе

Откройте главный файл шаблона страниц или `index.html` вашего проекта в редакторе кода.

Вставьте скрипт перед </body>

Найдите закрывающий тег </body> в самом низу файла и вставьте код Gravix прямо перед ним.

Загрузите файл на сервер

Сохраните изменения, загрузите обновлённый файл на ваш хостинг или сервер и проверьте страницу в браузере.

Настройте политику CSP (при необходимости)

Если на вашем сайте используется строгий заголовок Content-Security-Policy, добавьте в директивы: script-src https://cdn.gravix.uz; frame-src https://chat.gravix.uz;.

Код установки

HTML

<script>
  window.Gravix=window.Gravix||function(){(Gravix.q=Gravix.q||[]).push(arguments)};
  Gravix('init',{key:'pk_live_ВАШ_КЛЮЧ'});
</script>
<script src="https://cdn.gravix.uz/w.js" async></script>

Частые ошибки и их решение

• Вставка кода внутрь тега <style> или другого скрипта

Скрипт виджета является самостоятельным HTML-блоком. Не размещайте его внутри других тегов <script> или <style>.

• Блокировка политикой безопасности CSP

Если браузер сообщает об ошибке CSP в консоли разработчика, добавьте домены cdn.gravix.uz и chat.gravix.uz в доверенные источники сервера.

Бесплатная помощь

Помощь инженера по внедрению

Бесплатно поможем разместить код на вашем сервере или в репозитории проекта.

Заявка инженеру →