Shopify

В Shopify строка один раз вставляется в главный файл макета темы, и она есть на каждой странице вашего магазина.

Шаги составлены по справке Shopify, ноябрь 2026.

Названия меню и кнопок указаны так, как они выглядят в английской версии сервиса. Если ваш аккаунт работает на другом языке, те же слова могут выглядеть иначе.

Что понадобится

Доступ к панели администратора Shopify с правом редактировать темы. Shopify разрешает редактировать код темы только после её покупки.

Добавьте код

  1. В кабинете Beacel откройте вкладку Виджет, а в ней вкладку Размещение, и скопируйте код.
  2. В панели администратора Shopify перейдите в Online Store, затем Themes. Рядом с текущей темой откройте меню ... и выберите Edit code.
  3. В папке Layout откройте theme.liquid.
  4. Вставьте код отдельной строкой прямо над </body> ближе к концу файла и нажмите Save.
<script src="https://beacel.com/widget.js" data-beacel="k9-x_Q2a" async></script>

Shopify предупреждает, что обновление темы может удалить изменения, внесённые в её код. После обновления или смены темы проверьте, что строка на месте.

Чат внутри страницы или ваша собственная кнопка

Если в вашей теме есть секция Custom Liquid, откройте Online Store, Edit theme, перейдите на нужную страницу, нажмите Add section, выберите Custom Liquid, вставьте блок с чатом и нажмите Save:

<div data-beacel-inline></div>

Или собственная кнопка, которая открывает чат:

<button type="button" data-beacel-open>Напишите нам</button>

Проверьте, что всё работает

Откройте свой магазин один раз, затем нажмите Проверить мой сайт. Пока не обнаружено. Появится здесь через несколько минут после того, как сайт загрузит код.

Есть вопросы?

Пишите на hello@beacel.com.