КонструкторБыстро

Установка виджета Gravix на Webflow

Site settings → Custom code → Footer code (перед закрывающим тегом </body>).

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

Site settings (Настройки проекта) → Custom code → Footer code (перед закрывающим тегом </body>).

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

Требуется платный тариф сайта (Site Plan) или Workspace

В Webflow вставка пользовательского кода на уровне всего сайта доступна на платных тарифных планах (Basic, CMS, Business). На бесплатном тарифе доступен только Embed-элемент на отдельной странице.

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

1

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

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

2

Перейдите в Site Settings

В панели управления Webflow откройте настройки нужного проекта («Site Settings»).

3

Откройте вкладку Custom Code

В боковом меню выберите раздел «Custom Code».

4

Вставьте скрипт в поле Footer Code

Найдите поле «Footer Code» (перед закрывающим тегом </body>), вставьте код Gravix и нажмите «Save Changes».

5

Опубликуйте сайт (Publish)

Нажмите кнопку «Publish» в верхнем правом углу панели и выберите ваши рабочие домены.

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

Код для вставки в Webflow
Замените "pk_live_ВАШ_КЛЮЧ" на ваш публичный ключ Gravix:
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>

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

• Не нажата кнопка Publish

После сохранения настроек Custom Code в Webflow необходимо обязательно нажать «Publish», иначе изменения останутся только в черновике.

• Вставка в Header Code вместо Footer Code

Скрипт виджета рекомендуется размещать в Footer Code, чтобы он не замедлял первоначальную отрисовку интерфейса сайта.

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

Нужна помощь с Webflow?

Оставьте контакты — поможем внедрить виджет в проект Webflow за пару минут.