Karatitsyn

З чого почати

    ← Повернутися до всіх статей

    Створення магазину23 жовтня 20267 хв читати

    Налаштування чекауту Shopify: що можна без Plus, що роблять застосунки і де потрібен код

    «Чи можна змінити мій чекаут?» Чесна відповідь: так, але не все й не на кожному тарифі. Каса це та частина магазину, за яку Shopify відповідає найбільше сам, тому там діють власні правила. Цей текст показує, що про це каже довідка Shopify, де проходять межі тарифів і що вирішується лише кодом, без припущення технічного бекґраунду.

    Спершу про межі

    Усе взято з довідки Shopify та документації для розробників (shopify.dev), станом на жовтень 2026. Меню, тарифи й терміни змінюються, тож перевіряйте свою адмінку. Цін на застосунки чи розробку я не називаю. Які відомості й повідомлення на касі обов’язкові за законом, наприклад щодо кнопки замовлення чи обов’язкових даних, цей текст не розглядає. Це з’ясовуйте з юристом. Тут ідеться лише про техніку.

    Редактор чекауту: ваш центр керування

    Чекаут налаштовують не в редакторі теми, а в окремому місці: Settings > Checkout, далі в розділі Configurations кнопка Edit біля потрібної конфігурації. Довідка називає його «checkout and accounts editor». За довідкою він охоплює такі сторінки:

    • Checkout (в односторінковому чекауті) або Information, Shipping і Payment (в тристорінковому)
    • Review, необов’язкова сторінка підтвердження, лише якщо ввімкнено відповідне налаштування
    • Thank you і Order status
    • Сторінки акаунтів клієнтів: Orders, Profile, Sign-in

    Важливо знати: за довідкою редактор працює в симульованому середовищі. Замовлень там розмістити не можна, а дії на кшталт «Pay Now» вимкнено. Чи працює сценарій із реальним замовленням, видно лише в самому магазині.

    Що можна без Plus

    Довідка розрізняє стандартні налаштування, доступні від тарифу Basic, і розширені функції, що є лише в Shopify Plus. Щодо стилю чекауту довідка називає, зокрема:

    • додати логотип, із шириною та вирівнюванням ліворуч, по центру чи праворуч
    • кольори для шапки, основної ділянки, підсумку замовлення, акцентів і кнопок, а також власну палітру
    • шрифт зі списку
    • підсумок замовлення з кольором або зображенням тла

    Сама довідка радить стриманість: каса це місце, де клієнти вводять дані доставки й оплати, тому дизайн має бути простим, із контрастними кольорами, щоб нічого не відволікало й не заважало читати.

    Зміна з лютого 2026: за довідкою з 5 лютого 2026 не можна додати фонове зображення до шапки й основної ділянки чекауту. Уже встановлене зображення не можна змінити, лише видалити, і потім додати його знову не вийде. Тож стару інструкцію з фоновим зображенням чекауту вже не виконати один до одного.

    Що можливо лише з Plus

    Межі тарифів варто розглянути уважно, бо саме тут виникає найбільше непорозумінь. За довідкою:

    • Сам редактор чекауту доступний від тарифу Basic.
    • Застосунки для сторінок Thank you і Order status доступні від Basic, якщо вони позначені як придатні.
    • Застосунки для сторінок Information, Shipping і Payment доступні лише з Shopify Plus.
    • Checkout Branding API для розширеного оформлення кодом можна використовувати лише з Plus.
    • Власні застосунки на Shopify Functions (custom apps) можливі лише з Plus. Публічні застосунки з Functions доступні й від Basic.
    • Checkout Blocks, безкоштовний застосунок Shopify для налаштувань через UI-розширення й Functions, доступний від Basic з обмеженим набором функцій, а з Plus без цих обмежень.
    • Налаштування чекауту для окремих ринків (наприклад, повідомлення лише для одного ринку) за довідкою доступне лише на тарифі Advanced або Plus.

    На практиці: без Plus можна помітно підлаштувати касу під бренд і розширити сторінку подяки та акаунти клієнтів застосунками. Втручання у власне кроки каси, тобто адресу, доставку й оплату, залишається за Plus, окрім обмеженого обсягу Checkout Blocks.

    Одна сторінка чи три

    За довідкою типовим є односторінковий чекаут: контактні дані, доставка й оплата на одній сторінці. Тристорінковий чекаут можна знову обрати в налаштуваннях редактора. За довідкою обидва збирають ті самі відомості, а ваші налаштування продовжують працювати після перемикання. Довідка називає два можливі наслідки: шапка виглядає інакше, тож фонове зображення може показуватися неправильно і його доведеться замінити кольором. І з’являються нові тексти, які можна змінювати; якщо ви змінювали тексти чи переклади, перевірте їх після перемикання.

    Довідка згадує й підказки адрес на касі: вони надходять від сервісу на кшталт Google Autocomplete і за довідкою доступні й клієнтам у Німеччині, Австрії та Швейцарії. Де вони не діють, клієнти завжди можуть ввести адресу вручну.

    Застосунки та блоки на касі

    Функції на кшталт апсейлу в підсумку замовлення потрапляють на касу, за довідкою, через застосунки. Порядок має два кроки: ви встановлюєте застосунок із Shopify App Store, а потім додаєте його в редакторі як блок у потрібне місце через бічну панель Sections або Apps. Деякі блоки можна розмістити лише в певних ділянках, а на одну виділену ділянку довідка називає верхню межу три застосунки.

    Шукаючи застосунок, в App Store можна відфільтрувати ті, що налаштовують чекаут. Який застосунок пасує вашому випадку й що він вміє, довідка не каже; це залежить від розробника.

    checkout.liquid: старий спосіб замінено

    Якщо ви ще пам’ятаєте checkout.liquid чи «Additional scripts»: за shopify.dev checkout.liquid більше не підтримується для кроків Information, Shipping і Payment. Для сторінок Thank you і Order status checkout.liquid і додаткові скрипти виведено з ужитку 28 серпня 2025. Script tags там виведено з ужитку 28 серпня 2025 для магазинів Plus і, за сторінкою, 26 серпня 2026 для магазинів без Plus; ця дата вже минула. Магазини, що там досі використовують checkout.liquid, за документацією мають перейти на Shopify Extensions in Checkout.

    Для переходу shopify.dev радить використати публічний застосунок на розширеннях або замовити власний чи найняти сервіс-партнера. За можливості оновлення чекауту, сторінки подяки й сторінки статусу замовлення слід планувати разом, щоб не вести два технологічні стеки одночасно.

    Чернетки й тести перед запуском

    Корисне для всіх, хто хоче випробувати зміни: чекаут можна зберігати в кількох конфігураціях. За довідкою магазини на Plus можуть мати до 99 чернеток, магазини на Basic, Grow і Advanced до 20. Активною з реальним трафіком клієнтів завжди є лише одна конфігурація. Коли ви публікуєте чернетку, вона замінює активну конфігурацію, а попередня стає чернеткою. Перед більшими змінами стилю довідка радить продублювати конфігурацію, щоб мати резервну копію. Вона також прямо радить тестувати чернетки перед сезонними розпродажами, як-от Black Friday.

    Чого довідка тут не пояснює

    Довідкові сторінки нічого не кажуть про те, яке налаштування підвищує частку завершених замовлень, який застосунок для чекауту підходить саме вашому магазину і як зміна впливає на швидкість завантаження й покинуті оплати. Вони також нічого не кажуть про те, які повідомлення й обов’язкові дані на касі потрібні за законом. Це з’ясовуйте з юристом (див. також Політики магазину Shopify). А скільки коштує реалізація, залежить від обсягу.

    Приклади з практики

    Для Elanora Skin, бренду догляду за шкірою з 15 ринками й двома мовами, я в межах постійної підтримки додав блоки чекауту, зокрема знімне розширення зі страхуванням і блок відгуків. До цього належить і те, щоб позначки знижок правильно показувалися обома мовами. Чи пасує таке вашому магазину, залежить від тарифу, асортименту й ринків.

    Перед початком: чекліст

    1. Який у вас тариф і які з бажаних змін на ньому взагалі можливі?
    2. Що має змінитися: лише вигляд (логотип, кольори, шрифт) чи й функція (апсейл, додаткові поля, повідомлення)?
    3. Який потрібен чекаут, односторінковий чи тристорінковий, і чи перевірено наслідки для шапки й текстів?
    4. Чи є публічний застосунок, що виконує завдання, чи потрібне власне рішення?
    5. Чи ви досі користуєтеся checkout.liquid, additional scripts або script tags, передусім на сторінках подяки й статусу замовлення? Тоді настав час переходу.
    6. Зміну спершу зроблено в чернетці, з копією активної конфігурації як резервом?
    7. Перевірено реальним тестовим замовленням, бо редактор лише симулює? На десктопі й телефоні?
    8. Ви продаєте в кількох країнах: тексти й позначки перевірено кожною мовою? (Див. Shopify Markets.)

    Коли допомагає розробник

    Логотип, кольори й шрифт ви змінюєте самі в редакторі. Допомога доречна, коли бракує функції, якої не дає жоден готовий застосунок, коли треба піти з checkout.liquid, коли потрібна власна логіка знижок чи доставки або коли каса, кошик і пропозиції мають збігатися, як у випадку безкоштовних товарів у кошику. Як правки лишаються чистими й підтримуваними, описано в Адаптація теми Shopify. Після цього чекаут належить до регулярного догляду, див. Супровід магазину Shopify.

    Часті запитання

    Чи можна налаштувати чекаут без Plus? Так, у межах. За довідкою логотип, кольори, шрифт і застосунки для сторінок подяки та статусу замовлення можливі від Basic. Застосунки для кроків Information, Shipping і Payment доступні лише з Plus.

    Чи можна встановити фонове зображення на касі? За довідкою вже ні: з 5 лютого 2026 нове фонове зображення не можна додати до шапки й основної ділянки. Для підсумку замовлення довідка досі називає фонове зображення або колір.

    Чи працює мій старий checkout.liquid? Для Information, Shipping і Payment за shopify.dev він більше не підтримується. Для сторінок подяки й статусу замовлення його виведено з ужитку 28 серпня 2025.

    Чи можна тестувати зміни, не чіпаючи живий чекаут? Так, через конфігурації-чернетки. Реальне замовлення редактор не замінить, бо лише симулює.

    Скільки коштує налаштування? Це залежить від обсягу. Сум тут не називаю.

    Як справи з вашим магазином?

    Надішліть мені адресу вашого магазину для безкоштовної перевірки. Я дивлюся на те, що видно ззовні, наприклад час завантаження, додатки в коді та побудову сторінок, і кажу, що впадає в око. Я працюю лише з публічно доступними даними, без доступу до вашого акаунта. Що ще я роблю для магазинів, дивіться в розділі Послуги.

    Читайте також: Способи оплати Shopify у Німеччині · Налаштування доставки в Shopify · Бандли Shopify · Підписки Shopify · Код знижки чи автоматична знижка в Shopify · Передзамовлення в Shopify · Shopify try before you buy

    Kiril Karatitsyn, Shopify-розробник у Німеччині

    Читайте далі

    Обговорімо ваш Shopify-проєкт.

    kiril@karatitsyn.com

    Безкоштовна перевірка магазину

    Я перегляну ваш Shopify-магазин і протягом двох робочих днів надішлю короткий список: що гальмує, що коштує вам продажів і що я виправив би першим. Без зобовʼязань і без продажного дзвінка.

    Безкоштовна перевірка магазину / Запит на проєкт

    Ваші дані я використовую лише для відповіді. Детальніше в політиці конфіденційності.

    Ви знайшли пасхалку!

    Блок за блоком