> ## 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.

# Підключення чекауту

> Контракт redirect з Hydrogen на plata — параметри shop і cart.

## Рекомендований entry point

Найшвидший шлях (той самий, що використовує theme script):

```text theme={null}
GET {CHECKOUT_URL}/c/start?shop={shopDomain}&cart={cartToken}
```

Приклад:

```text theme={null}
https://checkout.plata-app.com/c/start?shop=your-store.myshopify.com&cart=Z2NwLXVzLXdlc3QxOjAxSj...
```

Сервер:

1. Знаходить магазин у plata
2. Тягне live cart через Storefront API
3. Створює `CheckoutSession`
4. Редіректить на `/c/{token}`

## Альтернатива через API

```text theme={null}
GET {API_URL}/shopify/checkout?shop={shopDomain}&cart={cartToken}
```

Поведінка аналогічна: create-or-reuse session → **302** на сторінку чекауту.

Детальніше: [API: Shopify checkout](/api-reference/shopify-checkout).

## Що зробити в UI

На кнопці / action «Оформити замовлення»:

1. Переконайтесь, що в кошику є рядки.
2. Візьміть `shop` і `cartToken`.
3. Зробіть **full-page navigation** (не обов’язково XHR) на `/c/start?...`.

Можна використати:

* `<a href={plataStartUrl}>`
* `redirect(plataStartUrl)` з Remix action
* `window.location.assign(plataStartUrl)`

## Опційні query-параметри

Будь-які додаткові query (окрім `shop` і `cart`) `/c/start` може **пробросити** далі на `/c/{token}` — зручно для UTM / analytics.

## Коли слати на plata, а коли ні

На Liquid це робить режим `ua` / `all`. У Hydrogen вирішуєте ви, наприклад:

* завжди на plata;
* лише для `buyer.country === 'UA'`;
* лише якщо в кошику є SKU з певного ринку.

## Далі

[Приклади коду →](/hydrogen/examples)