> ## Documentation Index
> Fetch the complete documentation index at: https://docs.plata-app.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Кнопка «Купити зараз»

> Як зробити, щоб кнопка «Купити зараз» (Buy it now) на сторінці товару одразу відкривала чекаут Plata. Покрокова інструкція без програмування.

Кнопка **«Купити зараз»** (англійською **Buy it now**) — це кнопка на сторінці
товару, яка веде покупця одразу до оформлення замовлення, без кошика.

Plata **вже вміє** працювати з цією кнопкою. Нічого програмувати чи вставляти
в код не потрібно — достатньо виконати 3 простих кроки нижче. Це займе близько
5 хвилин.

<Frame caption="Покупець натискає «Купити зараз» і одразу потрапляє на сторінку оплати Plata з вибраним товаром">
  <img src="https://mintcdn.com/plata-app/OKHE75Y1pN8YcsF2/images/buy-it-now/how-it-works.svg?fit=max&auto=format&n=OKHE75Y1pN8YcsF2&q=85&s=31f2832703ccdc066758b59e1c5284b3" alt="Схема: сторінка товару з кнопкою «Купити зараз», стрілка на сторінку оплати Plata" width="800" height="340" data-path="images/buy-it-now/how-it-works.svg" />
</Frame>

<Note>
  Зображення на цій сторінці — спрощені схеми. У вашому магазині кольори, шрифти
  й назва теми можуть відрізнятись, але розташування кнопок і пунктів меню таке саме.
</Note>

## Перед початком

Переконайтесь, що:

* магазин Shopify уже підключений до Plata ([як підключити](/liquid/connect-shopify));
* звичайне оформлення через кошик уже відкриває чекаут Plata.

Якщо друге не працює — спочатку пройдіть [Тестове замовлення](/liquid/test-checkout),
а потім поверніться сюди.

## Покрокова інструкція

<Steps>
  <Step title="Оновіть скрипт у кабінеті Plata">
    Скрипт — це невеликий файл, який Plata додає у ваш магазин. Саме він
    «перехоплює» натискання кнопок і відкриває чекаут Plata. Підтримка кнопки
    «Купити зараз» є в актуальній версії скрипта, тому спершу оновіть його.

    1. Відкрийте [кабінет Plata](https://app.plata-app.com) і в меню зліва оберіть **Скрипти**.
    2. Натисніть чорну кнопку **Оновити скрипт** справа внизу.
    3. Зачекайте кілька секунд, поки з'явиться зелений напис **«Оновлено»**,
       а позначка вгорі зміниться на **«Актуальний»**.

    <Frame caption="Кабінет Plata → Скрипти → «Оновити скрипт»">
      <img src="https://mintcdn.com/plata-app/OKHE75Y1pN8YcsF2/images/buy-it-now/plata-update-script.svg?fit=max&auto=format&n=OKHE75Y1pN8YcsF2&q=85&s=a258d9aa0502275572db3f9d1bce1457" alt="Сторінка «Скрипти» в кабінеті Plata з виділеною кнопкою «Оновити скрипт»" width="800" height="420" data-path="images/buy-it-now/plata-update-script.svg" />
    </Frame>

    <Tip>
      Натискати **Оновити скрипт** безпечно в будь-який момент — це нічого не
      зламає. Робіть це щоразу, коли змінюєте або оновлюєте тему магазину.
    </Tip>
  </Step>

  <Step title="Увімкніть кнопку «Купити зараз» у налаштуваннях теми Shopify">
    Тепер переконаємось, що сама кнопка показується на сторінці товару.

    1. Відкрийте адмін-панель Shopify.
    2. У меню зліва натисніть **Інтернет-магазин** (Online Store), потім **Теми** (Themes).
    3. Біля вашої поточної теми натисніть **Налаштувати** (Customize).

    <Frame caption="Shopify → Інтернет-магазин → Теми → «Налаштувати»">
      <img src="https://mintcdn.com/plata-app/OKHE75Y1pN8YcsF2/images/buy-it-now/shopify-themes.svg?fit=max&auto=format&n=OKHE75Y1pN8YcsF2&q=85&s=cf0114962bdd94806b3a080195569457" alt="Сторінка «Теми» в адмінці Shopify з виділеною кнопкою «Налаштувати»" width="800" height="380" data-path="images/buy-it-now/shopify-themes.svg" />
    </Frame>

    Відкриється редактор теми. Далі:

    1. У випадному списку вгорі по центру оберіть **Товари → Типовий товар**
       (Products → Default product).
    2. У лівій панелі, в розділі **Інформація про товар**, натисніть блок
       **Кнопки покупки** (Buy buttons).
    3. Справа поставте галочку **«Показувати динамічні кнопки оформлення замовлення»**
       (Show dynamic checkout buttons).
    4. Натисніть **Зберегти** (Save) у правому верхньому куті.

    <Frame caption="Редактор теми → «Кнопки покупки» → галочка «Показувати динамічні кнопки оформлення замовлення»">
      <img src="https://mintcdn.com/plata-app/OKHE75Y1pN8YcsF2/images/buy-it-now/theme-editor-buy-buttons.svg?fit=max&auto=format&n=OKHE75Y1pN8YcsF2&q=85&s=ab64f91cfa603dfc1d5eac4a5de100b3" alt="Редактор теми Shopify з виділеним блоком «Кнопки покупки» та галочкою динамічних кнопок" width="800" height="440" data-path="images/buy-it-now/theme-editor-buy-buttons.svg" />
    </Frame>

    <Note>
      У деяких темах блок може називатися трохи інакше, наприклад **«Кнопка
      додавання в кошик»** або **Product form**. Шукайте блок, у якому є кнопка
      «Додати в кошик», — галочка буде там.
    </Note>
  </Step>

  <Step title="Перевірте, що все працює">
    1. Відкрийте свій магазин у **режимі інкогніто** (у Chrome — клавіші
       `Ctrl + Shift + N` на Windows або `Cmd + Shift + N` на Mac). Так ви
       побачите магазин очима звичайного покупця.
    2. Зайдіть на будь-який товар, оберіть розмір або колір (якщо є).
    3. Натисніть **«Купити зараз»**.
    4. Подивіться на адресний рядок браузера.

    <Frame caption="Якщо в адресі сторінки є checkout.plata-app.com — все готово">
      <img src="https://mintcdn.com/plata-app/OKHE75Y1pN8YcsF2/images/buy-it-now/check-address-bar.svg?fit=max&auto=format&n=OKHE75Y1pN8YcsF2&q=85&s=7633b3e78b4982bcf9b22cab066a5d3e" alt="Адресний рядок браузера з адресою checkout.plata-app.com" width="800" height="170" data-path="images/buy-it-now/check-address-bar.svg" />
    </Frame>

    Якщо ви бачите **checkout.plata-app.com** і вибраний товар у замовленні —
    вітаємо, налаштування завершено! 🎉
  </Step>
</Steps>

## Важливо знати

### Яка саме кнопка працює з Plata

Shopify може показувати на місці «Купити зараз» різні кнопки — залежно від того,
які способи оплати увімкнені у вашому магазині.

<Frame caption="Ліворуч — звичайна кнопка, яку Plata підхоплює. Праворуч — кнопка платіжного сервісу, яку Plata не підхоплює">
  <img src="https://mintcdn.com/plata-app/OKHE75Y1pN8YcsF2/images/buy-it-now/button-types.svg?fit=max&auto=format&n=OKHE75Y1pN8YcsF2&q=85&s=71d99d0b183ff9fed231fbf7c31da983" alt="Порівняння: звичайна кнопка «Купити зараз» працює з Plata; кнопка «Купити з Shop Pay» — ні" width="800" height="260" data-path="images/buy-it-now/button-types.svg" />
</Frame>

* **Звичайна кнопка «Купити зараз»** (без логотипа) — відкриває чекаут Plata. ✅
* **Кнопки з логотипом** — «Купити з Shop Pay», PayPal, Apple Pay, Google Pay —
  ведуть на оплату відповідного сервісу, минаючи Plata. ❌

Якщо замість «Купити зараз» ви бачите кнопку з логотипом, це означає, що в
Shopify увімкнено відповідний спосіб оплати (**Налаштування → Платежі**).
Покупці, які натиснуть таку кнопку, оформлять замовлення через Shopify,
а не через Plata.

### Що відбувається з кошиком

Коли покупець натискає **«Купити зараз»**, Plata оформлює замовлення **лише на
цей товар**. Якщо до цього в кошику лежали інші товари, вони з кошика
прибираються. Кнопка **«Додати в кошик»** працює як завжди.

### Покупці з інших країн

Якщо в кабінеті Plata на сторінці **Скрипти** вибрано режим
**«Українські клієнти»**, покупці з інших країн після натискання кнопки потраплять
на стандартну сторінку оплати Shopify. Це нормально. Щоб усі покупці
потрапляли в Plata, оберіть **«Усі клієнти (міжнародні)»** і натисніть
**Оновити скрипт**.

## Якщо кнопка не працює

<AccordionGroup>
  <Accordion title="Кнопки «Купити зараз» немає на сторінці товару">
    Поверніться до **кроку 2** і перевірте, що галочка
    **«Показувати динамічні кнопки оформлення замовлення»** стоїть і ви
    натиснули **Зберегти**. Також переконайтесь, що редагували саме
    **поточну** (опубліковану) тему.
  </Accordion>

  <Accordion title="Кнопка відкриває звичайну оплату Shopify, а не Plata">
    1. Натисніть **Оновити скрипт** у кабінеті Plata (**крок 1**).
    2. Перевірте, чи це не кнопка з логотипом (Shop Pay, PayPal тощо) —
       див. розділ [Яка саме кнопка працює з Plata](#яка-саме-кнопка-працює-з-plata).
    3. Перевірте режим на сторінці **Скрипти** — див.
       [Покупці з інших країн](#покупці-з-інших-країн).
    4. Перевіряйте в режимі інкогніто.
  </Accordion>

  <Accordion title="Після натискання нічого не відбувається">
    1. Оновіть сторінку товару і спробуйте ще раз.
    2. Натисніть **Оновити скрипт** у кабінеті Plata.
    3. Якщо не допомогло — напишіть нам (див. нижче). Деякі теми мають
       нестандартну кнопку, і ми налаштуємо підтримку саме під вашу тему.

    **Тимчасове рішення**, поки ми розбираємось: у **кроці 2** зніміть галочку
    «Показувати динамічні кнопки оформлення замовлення» і збережіть. Кнопка
    «Купити зараз» зникне, а покупці оформлюватимуть замовлення через
    «Додати в кошик» — і потраплятимуть у Plata.
  </Accordion>

  <Accordion title="Я змінив тему магазину, і все перестало працювати">
    Нова тема не містить скрипта Plata. Відкрийте кабінет Plata →
    **Скрипти** → **Оновити скрипт**, а потім повторіть **крок 2** уже для
    нової теми.
  </Accordion>
</AccordionGroup>

## Потрібна допомога?

Напишіть нам через [форму підтримки](https://plata-app.com/contact) і додайте:

* посилання на сторінку товару, де не працює кнопка;
* назву вашої теми Shopify (видно в **Інтернет-магазин → Теми**);
* що саме відбувається після натискання (нічого / відкривається Shopify / помилка).

Ми перевіримо ваш магазин і допоможемо все налаштувати.