M cenaly.ru

Shopify · один тег на 12 виджетов

Виджеты Cenaly.ru для Shopify

Одна строка в theme.liquid — и поверх магазина работают чат, обратный звонок, cookie-баннер, попапы и справка. Корзина, оформление и товары остаются полностью на Shopify.

  • Тег живёт в шаблоне темы — он на всех страницах магазина сразу
  • Виджеты работают поверх страницы и не трогают корзину и checkout
  • Смените тему — вставьте тег в новую: код лежит в теме, а не в аккаунте

Без карты. Регистрация — минута, тег — ещё одна.

Тот самый тег

<script src="https://cdn.cenaly.ru/site/v1.js" data-domain="ваш-сайт.ru" async></script>

Один тег на все виджеты. `data-domain` — ваш сайт, всё остальное — в админке.

Один тег на все виджеты7 из 12 бесплатныShadow DOM — не ломает вёрстку45 языков подписейДва облака: AWS и Россия

Как вставить код на Shopify

  1. 1

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

    В кабинете Cenaly.ru: Админ-панель → Маркетинг → «Мой сайт». Впишите адрес магазина в первое поле и скопируйте строку тега.

  2. 2

    Сделайте копию темы

    В админке Shopify: Online Store (Интернет-магазин) → Themes (Темы) → у нужной темы «…» → Duplicate. Это ваш путь назад, если что-то пойдёт не так.

  3. 3

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

    Там же: у темы значок «…» → Edit code (Изменить код). Справка Shopify описывает путь так: «From your Shopify admin, go to Online Store. Click … > Edit code».

  4. 4

    Найдите theme.liquid

    В списке слева: папка Layout → файл theme.liquid. Это общий каркас всех страниц магазина.

  5. 5

    Вставьте тег и сохраните

    Вставьте строку прямо перед закрывающим тегом head (или перед закрывающим body) и нажмите Save.

  6. 6

    Проверьте установку

    Откройте витрину магазина и вернитесь в «Мой сайт» → «Проверить установку».

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

Официальная справка Shopify ↗

Нужен ли платный тариф Shopify

Платный тариф платформы не нужен

Редактор кода темы доступен в админке Shopify — отдельной платной опции для вставки тега не требуется.

Справка Shopify описывает редактирование кода темы как обычное действие в админке магазина: Online Store → «…» → Edit code. Никакого отдельного платного модуля для вставки строки в theme.liquid она не называет.

Тарифы Shopify при этом платные сами по себе — магазин работает на подписке. Мы говорим здесь только о том, что доступ к коду темы не требует чего-то СВЕРХ вашего текущего плана.

Права тоже имеют значение: редактировать код темы может сотрудник с соответствующим разрешением в админке. Если пункта Edit code не видно — дело в правах сотрудника, а не в тарифе.

Пункты меню и тарифные условия на этой странице — из официальной справки:

Сверено со справкой платформы 2026-09-06

Что работает на Shopify

Тег один — виджеты включаются тумблерами в кабинете Cenaly.ru. К коду сайта возвращаться не нужно.

Чат на сайт

Живой чат с посетителями — отвечают ваши сотрудники из рабочего чата

Бесплатно

Кнопка мессенджеров

Одна плавающая кнопка: WhatsApp, Telegram, звонок, чат — до 12 каналов

Бесплатно

Обратный звонок

Дайте посетителю оставить номер: ваша АТС организует звонок, а без телефонии заявка придёт на почту и в кабинет

Бесплатно

Звонок из браузера

Кнопка «Позвонить» — звонок с сайта прямо на вашу АТС, без телефона и номера

Бесплатно

Попапы и формы

Всплывающие окна, слайд-ины, полоски и лид-формы с триггерами и A/B

Расширение, цена в каталоге

Социальное доказательство

Честные плашки «сегодня 14 заказов», «7 записей за неделю» — из реальных данных

Бесплатно

Бронь столика

Кнопка «Забронировать» → одна форма → бронь в вашем зале

Расширение, цена в каталоге

Онлайн-запись

Мастер записи: услуга → специалист → окно → контакты, по живому расписанию

Бесплатно

Заказ с сайта

Кнопка заказа или встроенная витрина — доставка и самовывоз без комиссии

Бесплатно

Справка на сайте

Кнопка «?» → боковая панель с вашими статьями, поиском и обратной связью

Расширение, цена в каталоге

Юридические документы

Политика, оферта, возврат, cookies, доставка — сгенерированы и встроены

Расширение, цена в каталоге

Cookie-баннер

Согласие на cookies с автоблокировкой трекеров и Google Consent Mode v2

Бесплатно

Все 12 виджетов →

Проверка установки

  1. 1

    Опубликуйте сайт заново

    В конструкторах правка живёт в черновике: пока страницы не переопубликованы, тега на живом сайте нет.

  2. 2

    Откройте «Мой сайт» в кабинете

    Админ-панель → Маркетинг → «Мой сайт». В первом поле — адрес вашего сайта, рядом — «Проверить установку».

  3. 3

    Посмотрите, что нашлось

    Проверка читает исходный HTML страницы и показывает найденные виджеты. Тег, поднятый через Google Tag Manager, она не увидит — это ограничение проверки, а не установки.

Разбор ошибок установки — в справке Инструкция по установке →

Особенности Shopify

  • Код принадлежит теме, а не магазину

    Обновили или переключили тему — тег останется в старой. После смены темы повторите вставку в theme.liquid новой темы.

  • Страницы checkout — территория Shopify

    Оформление заказа Shopify закрыто для произвольных скриптов темы. Наши виджеты рассчитаны на витрину: карточки товаров, коллекции, страницы контента.

  • Уже есть приложение-чат

    Приложения Shopify часто ставят свою плавающую кнопку. Два виджета в одном углу перекроют друг друга — оставьте один или разведите по углам.

  • Онлайн-заказ Cenaly.ru магазину не нужен

    Если продажи уже идут через корзину Shopify, включать наш виджет заказа не нужно: берите то, чего в магазине нет — чат, обратный звонок, cookie-баннер, справку, юридические страницы.

Вопросы и ответы

Нужно ли ставить приложение из Shopify App Store?

Нет. Виджеты подключает одна строка кода в theme.liquid — приложения в App Store для этого не требуется.

Не сломает ли тег корзину и оформление заказа?

Нет. Виджеты рендерятся в Shadow DOM поверх страницы и не вмешиваются в разметку и скрипты магазина. Оформление заказа Shopify остаётся полностью на стороне Shopify.

Что будет при обновлении темы?

Обновление темы — это, по сути, новая копия файлов. Тег в старой версии theme.liquid не переедет: вставьте строку в обновлённую тему.

Можно вставить через настройки темы, без правки кода?

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

А если магазин на нескольких доменах?

Тег общий, а адрес магазина указывается в поле data-domain. При нескольких витринах заведите их в разделе «Мой сайт» и сверьте, что в теге стоит правильный домен.

Подробнее — установка по платформам, настройка и устранение неполадок — в справке. Инструкция по установке →

Поставьте виджеты на свой магазин Shopify

Код установки появится в разделе «Мой сайт» сразу после регистрации — одна строка в theme.liquid.

Начать бесплатно

Без карты. Регистрация — минута, тег — ещё одна.