За замовчуванням чекаут читає кошик через Storefront API. Якщо надіслати
знімок кошика разом із навігацією, це звернення зникає і сторінка малюється
помітно раніше:
POST {CHECKOUT_URL}/c/e/snapshot
Крок необовʼязковий — без нього все працює, просто трохи повільніше.
Формат тіла: POST /c/e/snapshot.
Чекаут живе на іншому домені, тому браузер витрачає DNS + TLS уже після кліку.
Статичний тег у <head> вашої вітрини прибирає ці 100–150 мс і нічого не
завантажує заздалегідь:
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Plata Docs","colors":{"primary":"#1f7a43","light":"#dcff90","dark":"#1f7a43"},"logo":{"light":"https://mintcdn.com/plata-app/7Srr71kQzzYaJVfh/logo/light.svg?fit=max\u0026auto=format\u0026n=7Srr71kQzzYaJVfh\u0026q=85\u0026s=056089f99e83f7aad5b0089dc81f90d2","dark":"https://mintcdn.com/plata-app/7Srr71kQzzYaJVfh/logo/dark.svg?fit=max\u0026auto=format\u0026n=7Srr71kQzzYaJVfh\u0026q=85\u0026s=7423d8ddeb154a5b7fefd208442438d5","href":"/"},"favicon":"https://mintcdn.com/plata-app/7Srr71kQzzYaJVfh/favicon.svg?fit=max\u0026auto=format\u0026n=7Srr71kQzzYaJVfh\u0026q=85\u0026s=02ac03bbc07d25324ebcc5e9e3ee0f00","background":{"color":{"light":"#f4f6f0","dark":"#0e0e0c"}},"navbar":{"links":[{"href":"https://plata-app.com/contact","label":"Підтримка"}],"primary":{"type":"button","label":"Увійти","href":"https://app.plata-app.com/sign-in"}},"footer":{"socials":{"github":"https://github.com"}},"fonts":{"family":"Onest"},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Сайт","icon":"globe","href":"https://plata-app.com"},{"anchor":"Кабінет","icon":"gauge-high","href":"https://app.plata-app.com"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"plata-app","hasAudioNarration":false,"actualSubdomain":"plata-app","customDomains":["docs.plata-app.com"],"gitSource":{"type":"github","owner":"ivankalynych","repo":"plata-app","deployBranch":"dev","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"latestBuiltDeploymentHistoryId":"6ad761157cab0ec52624dab0","collectionId":"7f7aa79a-2049-4eed-9067-5ff2419fc6bd","liveDeploymentHistoryId":"6ad761157cab0ec52624dab0","schemaVersion":"v3"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ad761157cab0ec52624dab0","clientVersion":"0.0.3990","searchFilterCounts":[{"language":"default","tag":"Документація","count":22},{"language":"default","tag":"Shopify Online Store (Liquid)","count":7},{"language":"default","tag":"API","count":5},{"language":"default","tag":"Початок","count":5},{"language":"default","tag":"Кабінет","count":5},{"language":"default","tag":"Hydrogen / Headless","count":5},{"language":"default","tag":"Checkout","count":4},{"language":"default","tag":"Огляд","count":1}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":true},"customCss":[],"page":{"pagePath":"hydrogen/wire-checkout","slug":"/hydrogen/wire-checkout","pageMetadata":{"title":"Підключення чекауту","description":"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.","href":"/hydrogen/wire-checkout"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,ol:`ol`,p:`p`,pre:`pre`,span:`span`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{CodeBlock,Heading,Note,Table,Warning}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`рекомендований-entry-point`,children:`Рекомендований entry point`}),`\n`,_jsx(_components.p,{children:`Той самий шлях, яким користується скрипт теми:`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`GET {CHECKOUT_URL}/c/e/{slug}/{cartToken}`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`Приклад:`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`https://checkout.plata-app.com/c/e/your-store/Z2NwLXVzLXdlc3QxOjAxSj...`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsx(_components.p,{children:`Одна навігація: сервер віддає HTML чекауту й ставить cookie сесії тією самою\nвідповіддю. Редіректів немає.`}),`\n`,_jsx(Note,{children:_jsxs(_components.p,{children:[_jsx(_components.code,{children:`slug`}),` — хендл вашого Shopify-магазину, частина домену до `,_jsx(_components.code,{children:`.myshopify.com`}),`.\nДля `,_jsx(_components.code,{children:`your-store.myshopify.com`}),` це `,_jsx(_components.code,{children:`your-store`}),`. Див.\n`,_jsx(_components.a,{href:`/hydrogen/prerequisites`,children:`Передумови`}),`.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`що-зробити-в-ui`,children:`Що зробити в UI`}),`\n`,_jsx(_components.p,{children:`На кнопці / action «Оформити замовлення»:`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsx(_components.li,{children:`Переконайтесь, що в кошику є рядки.`}),`\n`,_jsxs(_components.li,{children:[`Візьміть `,_jsx(_components.code,{children:`cartToken`}),` поточного кошика покупця.`]}),`\n`,_jsxs(_components.li,{children:[`Зробіть `,_jsx(_components.strong,{children:`full-page navigation`}),` на `,_jsx(_components.code,{children:`/c/e/{slug}/{encodeURIComponent(cartToken)}`}),`.`]}),`\n`]}),`\n`,_jsx(_components.p,{children:`Можна використати:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.code,{children:`\u003ca href={plataCheckoutUrl}>`})}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.code,{children:`redirect(plataCheckoutUrl)`}),` з Remix action`]}),`\n`,_jsx(_components.li,{children:_jsx(_components.code,{children:`window.location.assign(plataCheckoutUrl)`})}),`\n`]}),`\n`,_jsx(Warning,{children:_jsxs(_components.p,{children:[_jsx(_components.code,{children:`cartToken`}),` обовʼязково проганяйте через `,_jsx(_components.code,{children:`encodeURIComponent`}),`. Токени Shopify\nможуть містити `,_jsx(_components.code,{children:`?key=…`}),`, і без кодування частина токена загубиться.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`опційні-query-параметри`,children:`Опційні query-параметри`}),`\n`,_jsx(_components.p,{children:`Будь-які додаткові query зберігаються в сесії для атрибуції й не впливають\nна рендер:`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Параметр`}),_jsx(_components.th,{children:`Навіщо`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.code,{children:`utm_source`}),`, `,_jsx(_components.code,{children:`utm_medium`}),`, `,_jsx(_components.code,{children:`utm_campaign`}),`, `,_jsx(_components.code,{children:`utm_content`}),`, `,_jsx(_components.code,{children:`utm_term`})]}),_jsx(_components.td,{children:`Аналітика`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.code,{children:`fbp`}),`, `,_jsx(_components.code,{children:`fbc`})]}),_jsx(_components.td,{children:`Meta-атрибуція`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.code,{children:`ttp`})}),_jsx(_components.td,{children:`TikTok-атрибуція`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`прискорення-першого-кадру`,children:`Прискорення першого кадру`}),`\n`,_jsx(_components.p,{children:`За замовчуванням чекаут читає кошик через Storefront API. Якщо надіслати\nзнімок кошика разом із навігацією, це звернення зникає і сторінка малюється\nпомітно раніше:`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`2`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`POST {CHECKOUT_URL}/c/e/snapshot`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsxs(_components.p,{children:[`Крок `,_jsx(_components.strong,{children:`необовʼязковий`}),` — без нього все працює, просто трохи повільніше.\nФормат тіла: `,_jsx(_components.a,{href:`/api-reference/cart-snapshot`,children:`POST /c/e/snapshot`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`preconnect-на-сторінці-кошика`,children:`Preconnect на сторінці кошика`}),`\n`,_jsxs(_components.p,{children:[`Чекаут живе на іншому домені, тому браузер витрачає DNS + TLS уже після кліку.\nСтатичний тег у `,_jsx(_components.code,{children:`\u003chead>`}),` вашої вітрини прибирає ці 100–150 мс і нічого не\nзавантажує заздалегідь:`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`2`,language:`html`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`html`,children:_jsxs(_components.code,{language:`html`,numberOfLines:`2`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`link`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` rel`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"preconnect\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` href`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"https://checkout.plata-app.com\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` crossorigin`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:`\u003c`}),_jsx(_components.span,{style:{color:`#116329`,\"--shiki-dark\":`#569CD6`},children:`link`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` rel`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"dns-prefetch\"`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#9CDCFE`},children:` href`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`=`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:`\"https://checkout.plata-app.com\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#808080`},children:` />`})]}),`\n`]})})}),`\n`,_jsx(Heading,{level:`2`,id:`legacy-варіанти`,children:`Legacy-варіанти`}),`\n`,_jsx(_components.p,{children:`Працюють, але додають дві навігації:`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`3`,language:`text`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`text`,children:_jsxs(_components.code,{language:`text`,numberOfLines:`3`,children:[_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`GET {CHECKOUT_URL}/c/start?shop={shopDomain}\u0026cart={cartToken}`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{children:`GET {API_URL}/shopify/checkout?shop={shopDomain}\u0026cart={cartToken}`})}),`\n`,_jsx(_components.span,{className:`line`,children:_jsx(_components.span,{})})]})})}),`\n`,_jsxs(_components.p,{children:[`Деталі: `,_jsx(_components.a,{href:`/api-reference/checkout-start`,children:`GET /c/start`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`коли-слати-на-plata-а-коли-ні`,children:`Коли слати на plata, а коли ні`}),`\n`,_jsxs(_components.p,{children:[`На Liquid це робить режим `,_jsx(_components.code,{children:`ua`}),` / `,_jsx(_components.code,{children:`all`}),`. У Hydrogen вирішуєте ви, наприклад:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`завжди на plata;`}),`\n`,_jsxs(_components.li,{children:[`лише для `,_jsx(_components.code,{children:`buyer.country === 'UA'`}),`;`]}),`\n`,_jsx(_components.li,{children:`лише якщо в кошику є SKU з певного ринку.`}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`далі`,children:`Далі`}),`\n`,_jsx(_components.p,{children:_jsx(_components.a,{href:`/hydrogen/examples`,children:`Приклади коду →`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Підключення чекауту","description":"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.","href":"/hydrogen/wire-checkout"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Рекомендований entry point","slug":"рекомендований-entry-point","depth":2,"children":[]},{"title":"Що зробити в UI","slug":"що-зробити-в-ui","depth":2,"children":[]},{"title":"Опційні query-параметри","slug":"опційні-query-параметри","depth":2,"children":[]},{"title":"Прискорення першого кадру","slug":"прискорення-першого-кадру","depth":2,"children":[]},{"title":"Preconnect на сторінці кошика","slug":"preconnect-на-сторінці-кошика","depth":2,"children":[]},{"title":"Legacy-варіанти","slug":"legacy-варіанти","depth":2,"children":[]},{"title":"Коли слати на plata, а коли ні","slug":"коли-слати-на-plata-а-коли-ні","depth":2,"children":[]},{"title":"Далі","slug":"далі","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"plata-app","siteName":"Plata Docs","title":"Підключення чекауту - Plata Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-18T11:10:01.254Z","originalFileLocation":"hydrogen/wire-checkout.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Plata Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Підключення чекауту - Plata Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Plata Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.plata-app.com/hydrogen/wire-checkout\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://plata-app.mintlify.app/_mintlify/api/og/v2?division=Hydrogen+%2F+Headless\u0026amp;title=%D0%9F%D1%96%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%BD%D1%8F+%D1%87%D0%B5%D0%BA%D0%B0%D1%83%D1%82%D1%83\u0026amp;description=%D0%9A%D0%BE%D0%BD%D1%82%D1%80%D0%B0%D0%BA%D1%82+%D0%B2%D1%85%D0%BE%D0%B4%D1%83+%D0%B2+plata+%D0%B7+Hydrogen+%E2%80%94+slug+%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D1%83+%D1%96+cart+token+%D0%B2+%D0%BE%D0%B4%D0%BD%D0%BE%D0%BC%D1%83+GET.\u0026amp;theme=1d711b6256eb47f9b4e872ad\u0026amp;signature=2f307cf1193f7c6536d56b9edfce69d8634fe98e7c9825ce9a64308794960173\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Підключення чекауту - Plata Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://plata-app.mintlify.app/_mintlify/api/og/v2?division=Hydrogen+%2F+Headless\u0026amp;title=%D0%9F%D1%96%D0%B4%D0%BA%D0%BB%D1%8E%D1%87%D0%B5%D0%BD%D0%BD%D1%8F+%D1%87%D0%B5%D0%BA%D0%B0%D1%83%D1%82%D1%83\u0026amp;description=%D0%9A%D0%BE%D0%BD%D1%82%D1%80%D0%B0%D0%BA%D1%82+%D0%B2%D1%85%D0%BE%D0%B4%D1%83+%D0%B2+plata+%D0%B7+Hydrogen+%E2%80%94+slug+%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D1%83+%D1%96+cart+token+%D0%B2+%D0%BE%D0%B4%D0%BD%D0%BE%D0%BC%D1%83+GET.\u0026amp;theme=1d711b6256eb47f9b4e872ad\u0026amp;signature=2f307cf1193f7c6536d56b9edfce69d8634fe98e7c9825ce9a64308794960173\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/plata-app/0mIc5aW4zsZvCkhM/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Plata Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#1f7a43\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.plata-app.com/hydrogen/wire-checkout\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/hydrogen/wire-checkout.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.plata-app.com/#organization\",\"name\":\"Plata Docs\",\"url\":\"https://docs.plata-app.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/plata-app/7Srr71kQzzYaJVfh/logo/light.svg?fit=max\u0026auto=format\u0026n=7Srr71kQzzYaJVfh\u0026q=85\u0026s=056089f99e83f7aad5b0089dc81f90d2\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.plata-app.com#website\",\"name\":\"Plata Docs\",\"url\":\"https://docs.plata-app.com\",\"publisher\":{\"@id\":\"https://docs.plata-app.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.plata-app.com/hydrogen/wire-checkout#webpage\",\"url\":\"https://docs.plata-app.com/hydrogen/wire-checkout\",\"name\":\"Підключення чекауту\",\"description\":\"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.\",\"dateModified\":\"2026-09-18T11:10:01.254Z\",\"isPartOf\":{\"@id\":\"https://docs.plata-app.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.plata-app.com/hydrogen/wire-checkout#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.plata-app.com/hydrogen/wire-checkout#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hydrogen / Headless\",\"item\":\"https://docs.plata-app.com/hydrogen/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Підключення чекауту\",\"item\":\"https://docs.plata-app.com/hydrogen/wire-checkout\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.plata-app.com/hydrogen/wire-checkout#article\",\"headline\":\"Підключення чекауту\",\"name\":\"Підключення чекауту\",\"description\":\"Контракт входу в plata з Hydrogen — slug магазину і cart token в одному GET.\",\"url\":\"https://docs.plata-app.com/hydrogen/wire-checkout\",\"mainEntityOfPage\":{\"@id\":\"https://docs.plata-app.com/hydrogen/wire-checkout#webpage\"},\"dateModified\":\"2026-09-18T11:10:01.254Z\",\"publisher\":{\"@id\":\"https://docs.plata-app.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.plata-app.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Plata Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Plata Docs","nav":{"global":{"anchors":[{"anchor":"Сайт","icon":"globe","href":"https://plata-app.com"},{"anchor":"Кабінет","icon":"gauge-high","href":"https://app.plata-app.com"}]},"tabs":[{"tab":"Документація","groups":[{"group":"Початок","pages":[{"title":"Що таке plata","href":"/introduction"},{"title":"Швидкий старт","href":"/quickstart"},{"title":"Як це працює","href":"/how-it-works"},{"title":"Оберіть свій сетап","href":"/choose-your-setup"},{"title":"Локальний перегляд docs","href":"/development"}]},{"group":"Shopify Online Store (Liquid)","pages":[{"title":"Огляд для Liquid","href":"/liquid/overview"},{"title":"Підключення Shopify","href":"/liquid/connect-shopify"},{"title":"Інтеграції (Liquid)","href":"/liquid/integrations"},{"title":"Скрипти теми","href":"/liquid/scripts"},{"title":"Кнопка «Купити зараз»","href":"/liquid/buy-it-now"},{"title":"Тестове замовлення","href":"/liquid/test-checkout"},{"title":"Траблшутинг (Liquid)","href":"/liquid/troubleshooting"}]},{"group":"Hydrogen / Headless","pages":[{"title":"Огляд для Hydrogen","href":"/hydrogen/overview"},{"title":"Передумови (Hydrogen)","description":"Акаунт, OAuth, інтеграції та дані кошика, потрібні перед інтеграцією в код.","href":"/hydrogen/prerequisites"},{"title":"Підключення чекауту","href":"/hydrogen/wire-checkout"},{"title":"Приклади (Hydrogen)","description":"Мінімальні приклади переходу на plata checkout з Remix / Hydrogen.","href":"/hydrogen/examples"},{"title":"Траблшутинг (Hydrogen)","href":"/hydrogen/troubleshooting"}]},{"group":"Кабінет","pages":[{"title":"Огляд кабінету","href":"/dashboard/overview"},{"title":"Інтеграції","href":"/dashboard/integrations"},{"title":"Фіскалізація Checkbox","href":"/dashboard/checkbox"},{"title":"Скрипти","href":"/dashboard/scripts"},{"title":"Білінг і тарифи","href":"/dashboard/billing"}]}]},{"tab":"API","pages":[{"title":"API","href":"/api-reference/introduction"}]}]},"title":"Підключення чекауту - Plata Docs","buildId":"dpl_2oYXwqkEXirXBPk8wV1FtM5USFWi","deploymentId":"dpl_2oYXwqkEXirXBPk8wV1FtM5USFWi","dynamics":[],"chunks":[]}
