E-commerceБез ограничений

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

Online Store → Themes → Edit code → layout/theme.liquid перед закрывающим тегом </body>.

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

Online Store → Themes → Edit code → файл layout/theme.liquid перед закрывающим тегом </body>.

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

Доступно на всех основных планах Shopify

Shopify позволяет редактировать код темы на всех тарифах (Basic, Shopify, Advanced, Plus).

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

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

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

Перейдите в раздел тем Shopify

В панели управления магазином откройте «Online Store» → «Themes».

Откройте редактор кода

Напротив вашей активной темы нажмите на кнопку действия с тремя точками «...» и выберите «Edit code».

Найдите файл theme.liquid

В левой панели в папке `Layout` нажмите на файл `theme.liquid`.

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

Прокрутите файл до самого низа, найдите закрывающий тег </body>, вставьте код Gravix прямо перед ним и нажмите кнопку «Save» в правом верхнем углу.

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

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>

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

• Случайное повреждение разметки Liquid

При редактировании theme.liquid не удаляйте существующие теги темы, размещайте скрипт непосредственно перед строкой </body>.

• Вставка кода в неопубликованную резервную тему

Убедитесь, что редактируете именно текущую опубликованную тему интернет-магазина (Live Theme).

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

Помочь подключить Shopify?

Наши специалисты настроят виджет на вашем магазине Shopify без риска для дизайна темы.

Shopify заявка →