C cenaly.com
Почати безкоштовно

Shopify · допомога покупцю на вітрині

Віджети Cenaly.com для Shopify

Додайте чат, кнопку зв'язку або промо-віджет на сторінки товарів і колекцій. Код встановлюється в тему магазину; це не додаток синхронізації замовлень і не встановлення в checkout. Для consent і аналітики використовуйте окремий порядок нижче.

  • Почніть з одного сценарію на сторінці товару
  • Налаштування — у Cenaly.com, код — у theme.liquid вашої теми
  • Перед правкою зробіть копію теми; після публікації перевірте кошик і мобільний вигляд

Без картки · реєстрація — хвилина, тег — ще одна · зміни налаштувань доїжджають до сайту за 5 хвилин

Один тег для всіх віджетів9 з 13 безкоштовніShadow DOM — не ламає версткуПідписи мовою сторінкиДві хмари: AWS і Росія

Що працює на Shopify

Виберіть потрібний віджет і налаштуйте його в обліковому записі. Звичайні віджети використовують спільний тег; для consent і аналітики важливий окремий порядок встановлення.

Вибраний віджет і платформа збережуться під час реєстрації. Потім налаштуйте віджет в обліковому записі. Залиште цю інструкцію для Shopify відкритою: після налаштування поверніться до кроків встановлення нижче.

Усі 13 віджетів →

Чи потрібен платний план Shopify

Платний план платформи не потрібен

Потрібен магазин з Online Store і доступом до коду теми; окремий додаток для вставлення тега не потрібен.

Ця інструкція стосується магазину, де доступні Online Store → Themes → Edit code. Перевірте можливості свого плану та права співробітника до початку встановлення.

Підписка Shopify оплачується окремо від віджетів Cenaly.com. Відсутність окремої покупки додатка не означає безкоштовний магазин або доступ до редагування checkout.

Пункти меню та умови тарифів на цій сторінці — з офіційної довідки:

Звірено з довідкою платформи 2026-09-22

Як вставити код на Shopify

Звичайні віджети: чат, кнопка зв’язку, запис

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Приклад тега для звичайних віджетів. Візьміть свій код з облікового запису; замінювати його демонстраційним доменом не потрібно. Для блокування аналітики скористайтеся окремою інструкцією нижче. Банер cookie та аналітика: окремий порядок →

  1. 1

    Скопіюйте код встановлення

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

  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 ↗

Перевірка встановлення

  1. 1

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

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

  2. 2

    Відкрийте «Мій сайт» в обліковому записі

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

  3. 3

    Подивіться, що знайшлося

    Перевірка читає вихідний HTML сторінки й показує знайдені віджети. Тег, доданий через Google Tag Manager, вона не побачить — це обмеження перевірки, а не встановлення.

Розбір помилок встановлення — у довідці Інструкція зі встановлення →

Особливості Shopify

  • Код стосується вибраної теми

    Після зміни або оновлення теми перевірте наявність тега в опублікованій версії. Не вставляйте другий екземпляр, якщо перший зберігся.

  • Вітрина й checkout — різні поверхні

    Шлях через theme.liquid розрахований на сторінки вітрини, які використовують цю тему. Він не додає віджет на checkout і не підтверджує контроль над пікселями Shopify.

  • Уже встановлено додаток чату

    Перевірте, чи не перекриваються кнопки на телефоні. Вимкніть зайву або змініть положення, потім перевірте відкриття кошика.

  • Ваші замовлення залишаються в Shopify

    Вставлення тега не імпортує товари, кошики та замовлення. Якщо продажі йдуть через Shopify, почніть із чату або мультикнопки; віджет замовлення Cenaly.com вмикається окремо.

Питання та відповіді

Чи потрібен додаток із Shopify App Store?

Для описаного способу — ні: звичайний тег додається в theme.liquid. Потрібен доступ до теми; для consent є окремий тег і перевірка порядку завантаження.

Чи працюватиме віджет на checkout?

Цей спосіб встановлення стосується вітрини. Він не розширює checkout і не синхронізує дані замовлень Shopify.

Чи можна гарантувати сумісність із кошиком?

Оформлення віджета ізольовано Shadow DOM, але це не гарантія сумісності будь-якої поведінки теми та додатків. Спершу зробіть копію теми, потім перевірте картку товару, кошик і мобільну сторінку.

Що перевірити після зміни теми?

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

Для cookie-баннера підходить звичайний async-тег?

Для блокування трекерів до згоди потрібен окремий consent/v1.js першим у head без async/defer. Перевірте завантаження до вибору, після відмови та прийняття. Вбудована аналітика платформи може вимагати окремого налаштування; поява баннера не підтверджує відповідність закону.

Докладніше — встановлення за платформами, налаштування та усунення неполадок — у довідці. Інструкція зі встановлення →

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

Виберіть завдання для вітрини, налаштуйте віджет і встановіть його в копії теми. Після публікації перевірте сторінку товару та кошик.

Вибрати віджет

Без картки · реєстрація — хвилина, тег — ще одна · зміни налаштувань доїжджають до сайту за 5 хвилин