Skip to main content

​
Велика картина

​
Крок за кроком для мерчанта

​
1. Маркетинг

Користувач заходить на plata-app.com, дивиться тарифи, натискає Почати / Підключити Shopify і потрапляє в кабінет (app.plata-app.com).

​
2. Реєстрація

Clerk-акаунт на /sign-up. Створюється акаунт plata з тарифом Free.

​
3. Підключення магазину

На /{username}/~/add-store мерчант:
  1. Створює власний Shopify App.
  2. Встановлює його на store.
  3. Вводить Client ID / Secret.
  4. Проходить OAuth.
plata зберігає магазин, реєструє webhooks і (для Online Store) інжектить checkout-скрипт у тему.

​
4. Налаштування послуги

У кабінеті магазину:
  • Інтеграції — Monobank, Нова Пошта, COD…
  • Скрипти — режим і оновлення inject (Liquid)
  • Checkout — вигляд сторінки оплати (за наявністю налаштувань)

​
5. Покупець оформлює замовлення

  1. Товари в кошику Shopify (або Hydrogen cart).
  2. Клік «Оформити».
  3. Одна навігація на checkout…/c/e/{slug}/{cartToken} — без редіректів і без попередніх запитів.
  4. Сервер бере склад кошика зі знімка, який скрипт теми надіслав разом із переходом; якщо знімка немає — читає живий кошик через Storefront API.
  5. Сторінка чекауту віддається одразу з даними, cookie сесії ставиться тією самою відповіддю.
  6. Покупець платить і обирає доставку через ваші інтеграції.
Старий вхід /c/start?shop=&cart= лишається робочим для тем зі старим скриптом, але коштує дві додаткові навігації. Деталі — API: вхід у чекаут.

​
Що відбувається «під капотом» (коротко)

​
Liquid vs Hydrogen

Детальніше: Оберіть свій сетап.

​
Чому чекаут відкривається швидко

  • Одна навігація. Вхід /c/e/{slug}/{cartToken} віддає сторінку й ставить cookie сесії однією відповіддю — ланцюга редіректів немає.
  • Нічого не гріється наперед. Скрипт теми не робить запитів на наведення миші: клік одразу перетворюється на перехід.
  • Кеш конфігурації магазину. Дизайн, методи оплати й доставки віддаються з кешу і оновлюються, щойно ви змінили налаштування в кабінеті.
  • Знімок кошика. Скрипт теми надсилає склад кошика разом із переходом, тож сторінці часто не треба чекати на Storefront API.
  • Картинки під розмір. Мініатюри товарів запитуються у Shopify CDN уже обрізаними, а не оригіналами зі студійної зйомки.