Strategic placement points where components transform your checkout experience
Slots are predefined blocks that structure a Template in Ollie Shop. Each slot is filled with a native component by default, but you can easily replace it with your own, no need to rebuild your entire checkout.This modular approach lets you customize specific parts of the checkout experience while maintaining speed and stability.To learn how to use Slots to iterate and improve your checkout, check out Versions.The full list of slots, grouped by page and with the component each one renders by default, is in the Slots catalog.
Component Assigned to a Slot
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Ollie Shop","description":"Checkout customization platform for e-commerce.","colors":{"primary":"#556AEB","light":"#556AEB","dark":"#BFC9FF"},"logo":{"light":"https://mintcdn.com/ollie/AKuzggu4Ldtc4mWE/logo/default.svg?fit=max\u0026auto=format\u0026n=AKuzggu4Ldtc4mWE\u0026q=85\u0026s=59a15240aae28bacc9c475620ba101dd","dark":"https://mintcdn.com/ollie/AKuzggu4Ldtc4mWE/logo/default.svg?fit=max\u0026auto=format\u0026n=AKuzggu4Ldtc4mWE\u0026q=85\u0026s=59a15240aae28bacc9c475620ba101dd"},"favicon":"https://mintcdn.com/ollie/UatGh8GLCugPlVFB/favicon.png?fit=max\u0026auto=format\u0026n=UatGh8GLCugPlVFB\u0026q=85\u0026s=c9f4773cab8806f309bce26b8a043a71","appearance":{"default":"system","strict":false},"background":{"decoration":"gradient"},"navbar":{"links":[{"href":"https://admin.ollie.shop","label":"Ollie Shop Admin"}],"primary":{"type":"button","label":"Start Building","href":"https://admin.ollie.shop"}},"footer":{"socials":{"github":"https://github.com/ollie-shop","linkedin":"https://www.linkedin.com/company/ollie-shop"},"links":[{"header":"Ollie","items":[{"label":"About Us","href":"https://ollie.shop"},{"label":"Contact Us","href":"https://ollie.shop/"}]},{"header":"Products","items":[{"label":"Ollie Shop","href":"https://docs.ollie.shop/ollie-shop"}]},{"header":"Privacy \u0026 Security","items":[{"label":"Privacy Policy (North America)","href":"https://docs.ollie.shop/privacy/north-america"},{"label":"Política de Privacidade (Brasil)","href":"https://docs.ollie.shop/privacy/brazil"},{"label":"Security Policy","href":"https://docs.ollie.shop/security/security-incident-response-plan"},{"label":"Subprocessors","href":"https://docs.ollie.shop/security/subprocessors"}]}]},"search":{"prompt":"Search docs..."},"seo":{},"styling":{"eyebrows":"breadcrumbs","codeblocks":"system","latex":false},"errors":{"404":{"redirect":true}},"contextual":{"options":["copy","view","claude","chatgpt","cursor","mcp"],"display":"header"},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"ollie","hasAudioNarration":false,"actualSubdomain":"ollie","customDomains":["docs.ollie.shop"],"gitSource":{"type":"github","owner":"ollie-shop","repo":"ollie-shop","deployBranch":"main","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ada717bec9bb061b60b72e7","collectionId":"532f6151-bc39-4209-9732-dc2d205036f0","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ada717bec9bb061b60b72e7"},"entitlements":{},"buildId":"6ada717bec9bb061b60b72e7","clientVersion":"0.0.3939","searchFilterCounts":[{"language":"default","tag":"Customization","count":31},{"language":"default","tag":"Configuration","count":13},{"language":"default","tag":"Ollie SDK","count":12},{"language":"default","tag":"Hooks","count":10},{"language":"default","tag":"CLI Reference","count":8},{"language":"default","tag":"Core Concepts","count":8},{"language":"default","tag":"Functions","count":5},{"language":"default","tag":"Analytics \u0026 Scripts","count":4},{"language":"default","tag":"Start Here","count":3},{"language":"default","tag":"Checkout Session","count":2}]},"assistantConfig":{},"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":"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}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"ollie-shop/concepts/slots","slug":"/ollie-shop/concepts/slots","pageMetadata":{"title":"Slots","description":"Strategic placement points where components transform your checkout experience","href":"/ollie-shop/concepts/slots"},"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: \"Strategic placement points where components transform your checkout experience\"\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`,p:`p`,..._provideComponents(),...props.components},{Frame,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Slots are predefined blocks that structure a `,_jsx(_components.a,{href:`/ollie-shop/concepts/templates`,children:`Template`}),` in Ollie Shop. Each slot is filled with a native component by default, but you can easily replace it with your own, no need to rebuild your entire checkout.`]}),`\n`,_jsx(`video`,{autoPlay:true,muted:true,loop:true,playsInline:true,src:`https://mintcdn.com/ollie/jBGcU0GmSDfRGD9I/videos/slots.mp4?fit=max\u0026auto=format\u0026n=jBGcU0GmSDfRGD9I\u0026q=85\u0026s=34ec167d569bf3047ddf4ac4ca5e5e71`,\"data-path\":`videos/slots.mp4`}),`\n`,_jsx(_components.p,{children:`This modular approach lets you customize specific parts of the checkout experience while maintaining speed and stability.`}),`\n`,_jsxs(_components.p,{children:[`To learn how to use Slots to iterate and improve your checkout, check out `,_jsx(_components.a,{href:`/ollie-shop/concepts/version`,children:`Versions`}),`.`]}),`\n`,_jsxs(_components.p,{children:[`The full list of slots, grouped by page and with the component each one renders by default, is in the `,_jsx(_components.a,{href:`/ollie-shop/concepts/slots-catalog`,children:`Slots catalog`}),`.`]}),`\n`,_jsx(Frame,{caption:`Component Assigned to a Slot`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=0e97b1e1dc2e4f6da484ffc20d91aa0d`,alt:`Component assigned to a slot`,title:`Component assigned to a slot`,className:`mint-mx-auto`,\"data-og-width\":`1802`,width:`1802`,\"data-og-height\":`2414`,height:`2414`,\"data-path\":`ollie-shop/imgs/slot-component.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?w=280\u0026fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=1e011bbb81a10d512ce6f592fd8ef89e 280w, https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?w=560\u0026fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=67721330fd88b969d5eb3fffd094dc7f 560w, https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?w=840\u0026fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=786ade3ce96c4340fcfab2068d711805 840w, https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?w=1100\u0026fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=10a87e008326d0f6f606ffa0c4501182 1100w, https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?w=1650\u0026fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=7476c31b6ad36e2e3891b189097a299d 1650w, https://mintcdn.com/ollie/LKVB6wXT3aCy5aeD/ollie-shop/imgs/slot-component.png?w=2500\u0026fit=max\u0026auto=format\u0026n=LKVB6wXT3aCy5aeD\u0026q=85\u0026s=36c45ab68c164cf5da621e360e4ffddd 2500w`})})]})}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":{"codeStyling":"system","config":{},"pageMetadata":{"title":"Slots","description":"Strategic placement points where components transform your checkout experience","href":"/ollie-shop/concepts/slots"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-mx-auto {\n margin-left: auto;\n margin-right: auto\n}","subdomain":"ollie","siteName":"Ollie Shop","title":"Slots - Ollie Shop","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-22T20:27:31.028Z","originalFileLocation":"ollie-shop/concepts/slots.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=\"Strategic placement points where components transform your checkout experience\">\u003cmeta data-mint-head name=\"application-name\" content=\"Ollie Shop\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_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/ollie/yezMgwqnHyCPhe5b/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Slots - Ollie Shop\">\u003cmeta data-mint-head property=\"og:description\" content=\"Strategic placement points where components transform your checkout experience\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Ollie Shop\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.ollie.shop/ollie-shop/concepts/slots\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://ollie.mintlify.app/_mintlify/api/og/v2?division=Core+Concepts\u0026amp;title=Slots\u0026amp;description=Strategic+placement+points+where+components+transform+your+checkout+experience\u0026amp;theme=db34de6857aebdb5a58a8951\u0026amp;signature=e4fb6d4de647ac6ce808055452bdfad2bd6820d8ddc7dee7b2e6c3a97f2227b1\">\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=\"Slots - Ollie Shop\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Strategic placement points where components transform your checkout experience\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://ollie.mintlify.app/_mintlify/api/og/v2?division=Core+Concepts\u0026amp;title=Slots\u0026amp;description=Strategic+placement+points+where+components+transform+your+checkout+experience\u0026amp;theme=db34de6857aebdb5a58a8951\u0026amp;signature=e4fb6d4de647ac6ce808055452bdfad2bd6820d8ddc7dee7b2e6c3a97f2227b1\">\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/ollie/yezMgwqnHyCPhe5b/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Ollie Shop\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#556AEB\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.ollie.shop/ollie-shop/concepts/slots\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/ollie-shop/concepts/slots.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.ollie.shop/#organization\",\"name\":\"Ollie Shop\",\"url\":\"https://docs.ollie.shop\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/ollie/AKuzggu4Ldtc4mWE/logo/default.svg?fit=max\u0026auto=format\u0026n=AKuzggu4Ldtc4mWE\u0026q=85\u0026s=59a15240aae28bacc9c475620ba101dd\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.ollie.shop#website\",\"name\":\"Ollie Shop\",\"url\":\"https://docs.ollie.shop\",\"publisher\":{\"@id\":\"https://docs.ollie.shop/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.ollie.shop/ollie-shop/concepts/slots#webpage\",\"url\":\"https://docs.ollie.shop/ollie-shop/concepts/slots\",\"name\":\"Slots\",\"description\":\"Strategic placement points where components transform your checkout experience\",\"dateModified\":\"2026-10-22T20:27:31.028Z\",\"isPartOf\":{\"@id\":\"https://docs.ollie.shop#website\"},\"breadcrumb\":{\"@id\":\"https://docs.ollie.shop/ollie-shop/concepts/slots#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.ollie.shop/ollie-shop/concepts/slots#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Core Concepts\",\"item\":\"https://docs.ollie.shop/ollie-shop/concepts/stores\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Slots\",\"item\":\"https://docs.ollie.shop/ollie-shop/concepts/slots\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.ollie.shop/ollie-shop/concepts/slots#article\",\"headline\":\"Slots\",\"name\":\"Slots\",\"description\":\"Strategic placement points where components transform your checkout experience\",\"url\":\"https://docs.ollie.shop/ollie-shop/concepts/slots\",\"mainEntityOfPage\":{\"@id\":\"https://docs.ollie.shop/ollie-shop/concepts/slots#webpage\"},\"dateModified\":\"2026-10-22T20:27:31.028Z\",\"publisher\":{\"@id\":\"https://docs.ollie.shop/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.ollie.shop#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Ollie Shop\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Ollie Shop","nav":{"global":null,"groups":[{"group":"Overview","pages":[{"title":"What is Ollie Shop","href":"/ollie-shop/index"}]},{"group":"Start Here","pages":[{"title":"Admin Onboarding","href":"/ollie-shop/get-started/admin-onboarding"},{"title":"Admin Overview","href":"/ollie-shop/get-started/admin-overview"},{"title":"Developer Quickstart","href":"/ollie-shop/get-started/quickstart"}]},{"group":"AI Coding Agents","pages":[{"title":"Agent Skills","href":"/ollie-shop/skills/index"}]},{"group":"Core Concepts","pages":[{"title":"Stores","href":"/ollie-shop/concepts/stores"},{"title":"Templates","description":"Checkout layouts optimized for different business models and customer journeys","href":"/ollie-shop/concepts/templates"},{"title":"Slots","href":"/ollie-shop/concepts/slots"},{"title":"Slots Catalog","description":"Every slot of the default checkout template: where it is, what renders there by default, when it shows, and the props a custom component placed in it receives","href":"/ollie-shop/concepts/slots-catalog"},{"title":"Components","href":"/ollie-shop/concepts/component"},{"title":"Functions","href":"/ollie-shop/concepts/function"},{"title":"Versions","href":"/ollie-shop/concepts/version"},{"title":"Global Session Objects","href":"/ollie-shop/concepts/session"}]},{"group":"Customization","pages":[{"group":"Customization","pages":[{"title":"Build Your First Component","href":"/ollie-shop/components/your-first-component"},{"title":"Custom Component 101","href":"/ollie-shop/customization/custom-component"},{"title":"Children Component","href":"/ollie-shop/customization/children-component"},{"title":"Passing Props to Custom Components","href":"/ollie-shop/customization/props"},{"title":"Extra Checkout Steps","href":"/ollie-shop/customization/steps"},{"title":"Payment Slots","href":"/ollie-shop/customization/payment-slots"},{"title":"Import Components","href":"/ollie-shop/customization/import-components"},{"title":"Managing Components in the Admin","href":"/ollie-shop/customization/managing-components"},{"title":"Roll Back a Component","href":"/ollie-shop/customization/roll-back-a-component"}]},{"group":"Configuration","pages":[{"title":"Store Settings","href":"/ollie-shop/configuration/store-settings"},{"title":"Organization and Members","href":"/ollie-shop/configuration/organization-and-members"},{"title":"Managing Versions","href":"/ollie-shop/configuration/versions"},{"title":"Integrations","href":"/ollie-shop/configuration/integrations"},{"title":"Theme Design Tokens","href":"/ollie-shop/configuration/theme"},{"title":"Fonts","href":"/ollie-shop/configuration/font"},{"title":"Custom Icons","href":"/ollie-shop/configuration/custom-icons"},{"title":"Translations","href":"/ollie-shop/configuration/translation"},{"title":"Checkout Flags","href":"/ollie-shop/configuration/feature-flags"},{"title":"Form Fields","href":"/ollie-shop/configuration/form-fields"},{"title":"Ollie Login","href":"/ollie-shop/configuration/ollie-login"},{"title":"Share Cart","href":"/ollie-shop/configuration/share-cart"},{"title":"Environment Variables","href":"/ollie-shop/configuration/env-vars"}]}]},{"group":"Ollie Studio","pages":[{"title":"What is Ollie Studio","href":"/ollie-shop/studio/index"},{"title":"Studio reference","href":"/ollie-shop/customization/studio-editor"}]},{"group":"Functions","pages":[{"title":"What are Functions","href":"/ollie-shop/functions/index"},{"title":"Writing a function","href":"/ollie-shop/functions/writing-a-function"},{"title":"Triggers","href":"/ollie-shop/functions/triggers"},{"title":"Session storage and cookies","href":"/ollie-shop/functions/session-storage-and-cookies"},{"title":"Deploying a function","href":"/ollie-shop/functions/deploying"}]},{"group":"CLI Reference","pages":[{"title":"CLI Overview","href":"/ollie-shop/cli/index"},{"title":"Installation and login","href":"/ollie-shop/cli/installation"},{"title":"Project configuration (ollie.json)","href":"/ollie-shop/cli/project-config"},{"title":"start (dev server)","href":"/ollie-shop/cli/start"},{"title":"deploy and status","href":"/ollie-shop/cli/deploy"},{"title":"Record commands","href":"/ollie-shop/cli/resources"},{"title":"function dev (local functions)","href":"/ollie-shop/cli/function-dev"},{"title":"whoami","href":"/ollie-shop/cli/whoami"}]},{"group":"Ollie SDK","pages":[{"title":"SDK Reference","href":"/ollie-shop/api/index"},{"title":"React Hooks API Reference","href":"/ollie-shop/api/hooks"},{"group":"Hooks","pages":[{"group":"Checkout Session","pages":[{"title":"useCheckoutSession","href":"/ollie-shop/api/useCheckoutSession"},{"title":"CheckoutSession Type","href":"/ollie-shop/api/CheckoutSession"}]},{"title":"useCheckoutAction","href":"/ollie-shop/api/useCheckoutAction"},{"group":"Checkout Order","pages":[{"title":"useCheckoutOrder","href":"/ollie-shop/api/use-checkout-order"},{"title":"Checkout Order Types","href":"/ollie-shop/api/checkout-order-types"}]},{"title":"usePendingActions","href":"/ollie-shop/api/use-pending-actions"},{"title":"useStoreInfo","href":"/ollie-shop/api/use-store-info"},{"title":"useMessages","href":"/ollie-shop/api/useMessages"},{"title":"useLogin","href":"/ollie-shop/api/use-login"},{"title":"useNavigation","href":"/ollie-shop/api/use-navigation"}]}]},{"group":"Analytics \u0026 Scripts","pages":[{"title":"Native Checkout Events","href":"/ollie-shop/analytics/index"},{"title":"Custom Events","href":"/ollie-shop/analytics/custom-events"},{"title":"Enriching Events with GTM","href":"/ollie-shop/analytics/gtm-enrichment"},{"title":"Device Fingerprint","href":"/ollie-shop/analytics/device-fingerprint"}]},{"group":"Tools \u0026 Tips","pages":[{"title":"Easy Cart","href":"/ollie-shop/cheat-sheet/Easy-Cart"}]},{"group":"Product updates","pages":[{"title":"changelog","href":"/ollie-shop/changelog"}]}]},"title":"Slots - Ollie Shop","buildId":"dpl_5UDDZ9hnigTkoV7QtvQ39eUp84nu","deploymentId":"dpl_5UDDZ9hnigTkoV7QtvQ39eUp84nu","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-CUTvSGqu.js","DynamicMarkdown-BGu84FgU.js","zoom-image-lightbox-ChyC7Hte.js","PlusIcon-DXkY3IBj.js","lightbox-handle-r17bVUz3.js"]}