1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6860],{17306:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var o=s(73539),r=s(86229),a=s.n(r);s(42731);let i=()=>(0,o.jsx)("svg",{"aria-hidden":"true",viewBox:"0 0 20 20",className:"h-4 w-4 text-gray-900",children:(0,o.jsx)("path",{fill:"currentColor",d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"})});function n(e){let{quote:t="Checkout Page has been a game changer in our ability to rapidly test and iterate on conversion funnels, sales landing page designs and pricing for our subscription offerings. Support has been incredible and the business impact undeniable!",authorName:s="Ben Friedmann",authorRole:r="Chief Revenue Officer",authorCompany:n="The New York Sun",authorImage:l="/img/ben-friedmann.jpg"}=e;return(0,o.jsx)("section",{className:"py-16 lg:py-24 bg-white",children:(0,o.jsx)("div",{className:"mx-auto max-w-3xl px-6 lg:px-8",children:(0,o.jsxs)("figure",{className:"relative",children:[(0,o.jsxs)("blockquote",{className:"relative text-center",children:[(0,o.jsx)("div",{className:"flex justify-center mb-4",children:(0,o.jsx)("div",{className:"flex gap-0.5",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,o.jsx)(i,{},t))})}),(0,o.jsxs)("p",{className:"text-lg sm:text-xl text-gray-700 leading-relaxed font-normal",children:['"',t,'"']})]}),(0,o.jsx)("figcaption",{className:"mt-8",children:(0,o.jsxs)("div",{className:"flex flex-col items-center",children:[(0,o.jsx)(a(),{alt:"".concat(s," from ").concat(n),src:l,className:"mx-auto size-12 rounded-full ring-2 ring-gray-100",width:48,height:48}),(0,o.jsxs)("div",{className:"mt-3 text-center",children:[(0,o.jsx)("div",{className:"font-medium text-gray-900 text-sm",children:s}),(0,o.jsxs)("div",{className:"text-gray-500 text-sm",children:[r?"".concat(r,", "):"",n]})]})]})})]})})})}},36953:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var o=s(73539);s(42731);var r=s(48792),a=s.n(r),i=s(54550);function n(e){let{item:t}=e;return(0,o.jsxs)("h3",{className:"flex items-center text-lg font-semibold ".concat(t.dark?"text-white":"text-gray-900"),children:[t.title,t.href&&(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"ml-1.5 h-4 w-4 opacity-0 -translate-x-1 transition-all group-hover:opacity-100 group-hover:translate-x-0",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})}function l(e){let{item:t}=e,s=t.dark?"bg-neutral-900 border-neutral-900":"bg-white border-gray-200/60 ".concat(t.href?"transition-colors hover:border-gray-900":""),r=t.wide?"md:col-span-2":"",i=t.href?a():"div",l=t.href?{href:t.href}:{},c=(0,o.jsx)("p",{className:"mt-2 text-[15px] leading-relaxed ".concat(t.dark?"text-gray-400":"text-gray-600"),children:t.description}),d=t.icon&&(0,o.jsx)("div",{className:"mb-4 flex h-10 w-10 items-center justify-center rounded-[10px] ".concat(t.chip||"bg-gray-50 text-gray-900"),children:(0,o.jsx)(t.icon,{className:"h-5 w-5","aria-hidden":"true"})}),u=t.wide&&t.visual?(0,o.jsxs)("div",{className:"flex flex-col sm:flex-row gap-6 ".concat(t.alignTop?"sm:items-start":"sm:items-center"),children:[(0,o.jsxs)("div",{className:"sm:flex-1",children:[d,(0,o.jsx)(n,{item:t}),c]}),(0,o.jsx)("div",{className:"sm:flex-1",children:t.visual})]}):(0,o.jsxs)(o.Fragment,{children:[t.visual&&(0,o.jsx)("div",{className:"mb-5",children:t.visual}),d,(0,o.jsx)(n,{item:t}),c]});return(0,o.jsx)(i,{...l,className:"".concat("rounded-2xl border p-6"," ").concat(s," ").concat(r," ").concat(t.href?"group":""," ").concat(t.wide&&t.visual?"":"flex flex-col justify-center"),children:u})}function c(e){let{title:t,subtitle:s,items:r=[]}=e;return(0,o.jsx)("section",{className:"py-16 lg:py-24 bg-gray-50/50 border-t border-b border-gray-100",children:(0,o.jsxs)(i.A,{children:[(0,o.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,o.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:t}),s&&(0,o.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed text-balance",children:s})]}),(0,o.jsx)("div",{className:"mt-12 grid grid-cols-1 md:grid-cols-3 gap-4",children:r.map(e=>(0,o.jsx)(l,{item:e},e.title))})]})})}},49970:(e,t,s)=>{e.exports=s(40988)},55254:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var o=s(73539);s(42731);var r=s(54550);let a=[{slug:"new-york-sun",name:"The New York Sun",width:240},{slug:"veremark",name:"Veremark",width:205},{slug:"shift-nudge",name:"Shift Nudge",width:240},{slug:"amar-chitra-katha",name:"Amar Chitra Katha",width:76},{slug:"opera-southwest",name:"Opera Southwest",width:240},{slug:"miftaah-institute",name:"Miftaah Institute",width:129}];function i(e){let{logos:t=a,noBorder:s,large:i}=e;return(0,o.jsx)("section",{className:"".concat(i?"py-14 lg:py-16":"py-10"," ").concat(s?"":"border-b border-gray-100"),children:(0,o.jsx)(r.A,{children:(0,o.jsx)("ul",{"aria-label":"Businesses using Checkout Page",className:"grid grid-cols-3 items-center justify-items-center gap-x-6 gap-y-6 lg:flex lg:justify-between lg:gap-x-8",children:t.map(e=>
1(0,o.jsx)("li",{children:(0,o.jsx)("img",{src:"/img/customers/mono/".concat(e.slug,"-mono.webp"),alt:e.name,width:e.width,height:80,loading:"lazy",className:"w-auto max-w-full object-contain transition-opacity hover:opacity-100 ".concat(i?"h-10 opacity-70 sm:h-12 lg:h-14":"h-8 opacity-60 lg:h-10")})},e.name))})})})}},65021:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>C});var o=s(73539);s(42731);var r=s(49970),a=s.n(r),i=s(48792),n=s.n(i),l=s(16998),c=s(53270),d=s(17306),u=s(91107),m=s(93486),h=s(55254),p=s(71252),x=s(15517),g=s(36953),k=s(86330),y=s(39680);let f={og:{category:"Platforms"},title:"Custom checkouts for TikTok",description:"Sell to your audience without a website or any technical knowledge. Create custom checkouts in minutes & link to them from your TikTok bio."},j=[{question:"How to create a checkout for TikTok?",answer:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("p",{children:"Creating a checkout only takes a couple of minutes and requires no technical knowledge:"}),(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{children:"Sign up for a Checkout Page account and create your checkout"}),(0,o.jsx)("li",{children:"Add your product, price, and photos"}),(0,o.jsx)("li",{children:"Add your logo and colors"}),(0,o.jsx)("li",{children:"Customize your checkout form to your business needs"}),(0,o.jsx)("li",{children:"If you're selling digital products, add downloads to your checkout"}),(0,o.jsx)("li",{children:"Connect your Stripe account for secure payment processing (one-time setup)"}),(0,o.jsx)("li",{children:"Copy your checkout's link and add it to your TikTok bio"})]}),(0,o.jsx)("p",{children:"When you're done, you can link to your checkout from any social media platform."})]})},{question:"How do I add a shopping link to TikTok?",answer:(0,o.jsx)("p",{children:"To add a link to your TikTok bio, you must first swap your personal TikTok account over to a business TikTok account. Once you have a business account, you can paste your checkout link into the website field on your profile and point viewers to it from your videos."})},{question:"How do you switch to a business account on TikTok?",answer:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{children:"Open your personal TikTok account"}),(0,o.jsx)("li",{children:"Tap on Profile"}),(0,o.jsx)("li",{children:"Tap on Manage account"}),(0,o.jsx)("li",{children:"Switch to a business TikTok account"}),(0,o.jsx)("li",{children:"Select a category that best describes your business"}),(0,o.jsx)("li",{children:"When you're done, tap continue"})]})},{question:"How to add a link to your TikTok bio with a business account?",answer:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{children:"Open your business TikTok account"}),(0,o.jsx)("li",{children:"Tap on Profile"}),(0,o.jsx)("li",{children:"Tap Edit profile"}),(0,o.jsx)("li",{children:"Paste a link to your Checkout Page checkout in the text box"}),(0,o.jsx)("li",{children:"Tap Submit"}),(0,o.jsx)("li",{children:"Try out your link to make sure it's working"})]}),(0,o.jsx)("p",{children:"Now that you've created a custom checkout and added it to your business TikTok bio, you're ready to start making sales."})]})},{question:"Do I need a website to sell on TikTok?",answer:(0,o.jsxs)("p",{children:["No. Every checkout you create is a"," ",(0,o.jsx)(n(),{href:"/hosted-payment-page",className:"a",children:"hosted payment page"})," ","with its own link, so your TikTok bio can point straight to it. Your audience taps the link, pays on your branded checkout, and the money lands in your own Stripe account."]})},{question:"Does Checkout Page integrate with TikTok Shop?",answer:(0,o.jsx)("p",{children:"No. Checkout Page is not connected to TikTok Shop or TikTok's in-app checkout. Instead, you get a branded checkout link you share from your bio and video CTAs. Sales happen on your own checkout page, through your own Stripe account, so you keep your customer data and you're not tied to TikTok's commerce rules."})}],b={"@context":"https://schema.org","@type":"WebApplication",name:"Checkout Page for TikTok",description:"Sell to your TikTok audience without a website. Create custom checkouts in minutes, link to them from your TikTok bio, and get paid on your own Stripe account.",url:"https://checkoutpage.com/platforms/customizable-checkouts-for-tiktok",applicationCategory:"BusinessApplication",operatingSystem:"Any",featureList:["Hosted checkout pages","Shareable payment links","Custom branding and domains","Digital product delivery","Subscription billing","Order bumps and upsells","Discount codes"]},w={"@context":"https://schema.org","@type":"HowTo",name:"How to sell on TikTok with a custom checkout",description:"Step-by-step guide to sell products to your TikTok audience with a customizable checkout link in your bio",step:[{"@type":"HowToStep",name:"Create your checkout",text:"Sign up for Checkout Page, connect your Str
1ipe account, add your product, price, and photos, and match the checkout to your brand with your logo and colors."},{"@type":"HowToStep",name:"Add the link to your TikTok bio",text:"Copy your checkout link and paste it into your TikTok bio, then point viewers to it in your video CTAs."},{"@type":"HowToStep",name:"Share and get paid",text:"Every sale happens on your branded checkout and payments go directly to your Stripe account."}]},v={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:"https://checkoutpage.com"},{"@type":"ListItem",position:2,name:"Platforms",item:"https://checkoutpage.com/platforms"},{"@type":"ListItem",position:3,name:"TikTok",item:"https://checkoutpage.com/platforms/customizable-checkouts-for-tiktok"}]},N=()=>(0,o.jsx)("div",{"data-nosnippet":"",className:"mock-scope flex justify-center w-full",children:(0,o.jsxs)("div",{className:"mock-browser w-full max-w-md",children:[(0,o.jsxs)("div",{className:"mock-browser-bar",children:[(0,o.jsx)("span",{className:"mock-browser-dot"}),(0,o.jsx)("span",{className:"mock-browser-dot"}),(0,o.jsx)("span",{className:"mock-browser-dot"}),(0,o.jsx)("div",{className:"mock-browser-url",children:"yourbrand.com/shop"})]}),(0,o.jsxs)("div",{className:"mock-browser-page items-center",children:[(0,o.jsx)("span",{className:"mock-browser-thumb",children:"\uD83D\uDCF8"}),(0,o.jsx)("p",{className:"mock-title is-lg",children:"Preset pack"}),(0,o.jsx)("span",{className:"mock-price is-lg",children:"$29"}),(0,o.jsx)("div",{className:"mock-browser-input w-full",children:"[email protected]"}),(0,o.jsx)("span",{className:"mock-pay",children:"Pay $29"})]})]})}),T=()=>(0,o.jsx)("div",{className:"rounded-2xl p-3 border bg-gray-50 border-gray-100",children:(0,o.jsx)("div",{"data-nosnippet":"",className:"mock-scope flex justify-center w-full py-8",children:(0,o.jsxs)("div",{className:"mock w-full max-w-sm",children:[(0,o.jsxs)("div",{className:"mock-header",children:[(0,o.jsxs)("div",{className:"mock-row",children:[(0,o.jsx)("span",{className:"mock-row-icon is-soft is-thumb",style:{fontSize:32},children:"\uD83D\uDCF8"}),(0,o.jsxs)("div",{className:"mock-row-meta",children:[(0,o.jsx)("p",{className:"mock-title is-lg",children:"Preset pack"}),(0,o.jsxs)("span",{className:"mock-price is-lg",children:["$29",(0,o.jsx)("small",{children:"USD"})]})]})]}),(0,o.jsx)("span",{className:"mock-badge",children:"Your brand"})]}),(0,o.jsx)("div",{className:"mock-divider"}),(0,o.jsxs)("div",{className:"mock-row",children:[(0,o.jsx)("div",{className:"mock-row-meta",children:(0,o.jsx)("p",{className:"mock-sub",children:"Total due today"})}),(0,o.jsx)("span",{className:"mock-price is-brand",children:"$29"})]}),(0,o.jsx)("div",{className:"mock-browser-input",children:"[email protected]"}),(0,o.jsx)("span",{className:"mock-pay",children:"Pay $29"})]})})}),S=()=>(0,o.jsx)("div",{"data-nosnippet":"",className:"mock-scope w-full",children:(0,o.jsxs)("div",{className:"mock w-full",children:[(0,o.jsxs)("div",{className:"mock-row is-tile",children:[(0,o.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDCF8"}),(0,o.jsxs)("div",{className:"mock-row-meta",children:[(0,o.jsx)("p",{className:"mock-title",children:"Preset pack"}),(0,o.jsx)("p",{className:"mock-sub",children:"Digital download"})]}),(0,o.jsx)("span",{className:"mock-price",children:"$29"})]}),(0,o.jsxs)("div",{className:"mock-row is-tile",children:[(0,o.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDC55"}),(0,o.jsxs)("div",{className:"mock-row-meta",children:[(0,o.jsx)("p",{className:"mock-title",children:"Logo tee"}),(0,o.jsx)("p",{className:"mock-sub",children:"Merch order"})]}),(0,o.jsx)("span",{className:"mock-price",children:"$35"})]}),(0,o.jsxs)("div",{className:"mock-row is-tile",children:[(0,o.jsx)("span",{className:"mock-row-icon is-white",style:{fontSize:20},children:"\uD83D\uDC65"}),(0,o.jsxs)("div",{className:"mock-row-meta",children:[(0,o.jsx)("p",{className:"mock-title",children:"Fan community"}),(0,o.jsx)("p",{className:"mock-sub",children:"Monthly subscription"})]}),(0,o.jsxs)("span",{className:"mock-price",children:["$9",(0,o.jsx)("small",{children:"/mo"})]})]})]})});function C(){return(0,o.jsxs)(l.A,{children:[(0,o.jsxs)(a(),{children:[(0,o.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(b)}}),(0,o.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(w)}}),(0,o.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(v)}})]}),(0,o.jsx)(c.A,{meta:f}),(0,o.jsx)(m.A,{title:"Sell products on TikTok with custom checkouts",subtitle:"Sell to your audience without a website or any technical knowledge. Create a custom checkout in minutes and link to it from your TikTok bio.",secondaryCta:{label:"Try a live example checkout",href:"https://examples.checkoutpage.com/customize-this-checkout",external:!0}
1,frame:!0,children:(0,o.jsx)(N,{})}),(0,o.jsx)(h.A,{}),(0,o.jsx)(p.A,{title:"Sell on TikTok in three steps",subtitle:"No website, no code. If you can edit your TikTok profile, you can start selling.",steps:[{title:"Create your checkout",description:"Connect your Stripe account, add your product, price, and photos, and match the checkout to your brand with your logo and colors."},{title:"Add the link to your TikTok bio",description:"Copy your checkout link and paste it into your TikTok bio, then point viewers to it in your video CTAs."},{title:"Share and get paid",description:"Every sale happens on your branded checkout and payments go directly to your Stripe account."}]}),(0,o.jsx)(x.A,{title:"Your bio link becomes a storefront",intro:(0,o.jsxs)(o.Fragment,{children:["Every checkout is a"," ",(0,o.jsx)(n(),{href:"/hosted-payment-page",className:"a",children:"hosted payment page"})," ","with its own"," ",(0,o.jsx)(n(),{href:"/payment-links",className:"a",children:"payment link"}),", so the one link TikTok gives you can carry your whole store."]}),features:[{title:"Share it anywhere",description:"The same link works in your TikTok bio, DMs, emails, and on every other social platform."},{title:"Branded end to end",description:"Your logo, your colors, your product photos. Customize the checkout form to your business needs with point and click setup."},{title:"No website needed",description:"The checkout page is the storefront. Skip the site builder and go straight from video to sale."}],children:(0,o.jsx)(T,{})}),(0,o.jsx)(g.A,{title:"Everything you need to sell to your TikTok audience",subtitle:"TikTok gives you one bio link. Checkout Page turns it into a full store.",items:[{title:"Sell anything",description:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n(),{href:"/sell-digital-products",className:"a",children:"Digital products"})," ","with instant delivery,"," ",(0,o.jsx)(n(),{href:"/sell-physical-products",className:"a",children:"merch"})," ","with shipping details collected at checkout, and"," ",(0,o.jsx)(n(),{href:"/subscriptions",className:"a",children:"subscriptions"})," ","with a customer portal."]}),visual:(0,o.jsx)(S,{}),wide:!0},{title:"Custom domains",href:"/docs/articles/custom-domain",description:"Host your checkout on your own domain like shop.yourbrand.com, so your bio link carries your name, not ours."},{title:"Order bumps and upsells",href:"/order-bumps",description:"Add one-click add-ons and post-purchase offers to raise your average order value."},{title:"Discount codes",href:"/discount-codes",description:"Create percentage or fixed discounts with usage limits and expiration dates. Perfect for follower-only promos."},{title:"Your own Stripe account",href:"/stripe-partner",description:"Payments go straight to your Stripe account. Your money, your customer data, your payout schedule.",dark:!0}]}),(0,o.jsx)(d.A,{}),(0,o.jsx)(y.A,{frequentlyAskedQuestions:j,subtitle:"Everything you need to know about selling on TikTok with a custom checkout."}),(0,o.jsx)(k.A,{title:"One bio link, a whole store behind it",subtitle:"How the link and the page behind it work, plus what selling your kind of product looks like on Checkout Page.",pages:[{title:"Payment links",href:"/payment-links",description:"How branded payment links work in bios, DMs, and emails, and what you can attach to one."},{title:"Hosted payment page",href:"/hosted-payment-page",description:"The branded page your bio link opens: live in minutes, no website required."},{title:"Sell digital products",href:"/sell-digital-products",description:"Instant file delivery, license keys, and file hosting for presets, guides, and courses."},{title:"Sell physical products",href:"/sell-physical-products",description:"Take merch orders with shipping addresses collected right on your checkout."}]}),(0,o.jsx)(u.A,{title:"Start selling on TikTok today",description:"Create a checkout, drop the link in your bio, and get paid. Free up to $3K in monthly sales.",buttonText:"Start selling for free"})]})}},71252:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var o=s(73539);s(42731);var r=s(42391),a=s(54550);function i(e){let{title:t,subtitle:s,steps:i=[],cta:n}=e,l=4===i.length?"md:grid-cols-4":"md:grid-cols-3";return(0,o.jsx)("section",{className:"py-16 lg:py-24",children:(0,o.jsxs)(a.A,{children:[(0,o.jsxs)("div",{className:"max-w-2xl",children:[(0,o.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:t}),s&&(0,o.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed",children:s})]}),(0,o.jsx)("ol",{className:"mt-12 grid grid-cols-1 gap-10 md:gap-8 ".concat(l),children:i.map((e,t)=>(0,o.jsxs)("li",{className:"border-t-2 border-gray-900 pt-5",children:[(0,o.jsx)("span",{className:"text-sm font-semibold text-gray-400 tabular-nums",children:t+1}),e.visual&&(0,o.jsx)("div",{className:"mt-4 flex min-h-[7rem] items-center rounded-xl border border-gray-100 bg-gray-50 px-4 py-4",children:e.visual}),(0,o.jsx)("h3",{className:"mt-4 text-lg font-semibold text-gray-900",children:e.title}),(0,o.jsx)("p",{className:"mt-1.5 text-[15px] text-gray-600 leading-relaxed",children:e.description})]},e.title))}),n&&(0,o.jsx)("div",{className:"mt-12",children:(0,o.jsx)(r.Ay,{href:n.href||"/signup",variant:"dark",cta:!0,className:n.className,children:n.label})})]})})}},86330:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var o=s(73539);s(42731);var r=s(48792),a=s.n(r),i=s(54550);
1function n(e){let{title:t="Keep exploring",subtitle:s,pages:r=[]}=e,n=3===r.length?"md:grid-cols-3":"md:grid-cols-2 lg:grid-cols-4";return(0,o.jsx)("section",{className:"py-16 lg:py-24 border-t border-gray-100",children:(0,o.jsxs)(i.A,{children:[(0,o.jsxs)("div",{className:"max-w-2xl",children:[(0,o.jsx)("h2",{className:"text-3xl sm:text-4xl font-medium tracking-[-0.02em] text-gray-900 text-balance",children:t}),s&&(0,o.jsx)("p",{className:"mt-4 text-lg text-gray-600 leading-relaxed",children:s})]}),(0,o.jsx)("div",{className:"mt-10 grid grid-cols-1 gap-4 ".concat(n),children:r.map(e=>(0,o.jsxs)(a(),{href:e.href,className:"group rounded-2xl border border-gray-200/60 bg-white p-6 transition-colors hover:border-gray-900",children:[(0,o.jsxs)("h3",{className:"flex items-center text-lg font-semibold text-gray-900",children:[e.title,(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"ml-1.5 h-4 w-4 opacity-0 -translate-x-1 transition-all group-hover:opacity-100 group-hover:translate-x-0",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]}),(0,o.jsx)("p",{className:"mt-2 text-[15px] text-gray-600 leading-relaxed",children:e.description})]},e.href))})]})})}},91107:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var o=s(73539);s(42731);var r=s(48792),a=s.n(r),i=s(42391),n=s(54550),l=s(79341);function c(e){let{title:t="Start selling in minutes",description:s="Create your first checkout, embed it or share the link, and get paid. Free up to $3K in monthly sales.",buttonText:r="Start selling for free",buttonHref:c="/signup",buttonExternal:d=!1,footnote:u="Free plan available. No credit card needed.",showDemoCta:m=!0,theme:h="light"}=e,p="dark"===h;return(0,o.jsx)("section",{className:"py-20 lg:py-28 ".concat(p?"bg-neutral-950":"bg-gray-50/50 border-t border-b border-gray-100"),children:(0,o.jsx)(n.A,{children:(0,o.jsxs)("div",{className:"mx-auto max-w-2xl text-center",children:[(0,o.jsx)("h2",{className:"text-3xl sm:text-5xl font-medium tracking-[-0.02em] text-balance ".concat(p?"text-white":"text-gray-900"),children:t}),(0,o.jsx)("p",{className:"mt-4 text-lg leading-relaxed text-balance ".concat(p?"text-gray-300":"text-gray-600"),children:s}),(0,o.jsxs)("div",{className:"mt-8 flex flex-col sm:flex-row items-center justify-center gap-3",children:[(0,o.jsx)(i.Ay,{href:c,variant:p?"light":"dark",cta:!0,...d?{target:"_blank",rel:"noopener noreferrer"}:{},children:r}),m&&(0,o.jsxs)(a(),{href:l.Gw,className:"".concat(l.YB," inline-flex items-center px-6 py-2.5 text-lg font-semibold transition-colors ").concat(p?"text-white hover:text-gray-300":"text-gray-900 hover:text-gray-600"),children:["Book a demo",(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"h-4 w-4 ml-2",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]}),u&&(0,o.jsx)("p",{className:"mt-6 text-sm ".concat(p?"text-gray-400":"text-gray-500"),children:u})]})})})}},93477:(e,t,s)=>{"use strict";s.d(t,{E:()=>S});var o,r=s(42731),a=s(80965),i=s(15230),n=s(38443),l=s(78265),c=s(67821),d=s(66933),u=s(30867),m=s(90857),h=s(59234);let p=null!=(o=r.startTransition)?o:function(e){e()};var x=s(97436),g=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(g||{}),k=(e=>(e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.CloseDisclosure=1]="CloseDisclosure",e[e.SetButtonId=2]="SetButtonId",e[e.SetPanelId=3]="SetPanelId",e[e.LinkPanel=4]="LinkPanel",e[e.UnlinkPanel=5]="UnlinkPanel",e))(k||{});let y={0:e=>({...e,disclosureState:(0,u.Y)(e.disclosureState,{0:1,1:0})}),1:e=>1===e.disclosureState?e:{...e,disclosureState:1},4:e=>!0===e.linkedPanel?e:{...e,linkedPanel:!0},5:e=>!1===e.linkedPanel?e:{...e,linkedPanel:!1},2:(e,t)=>e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId},3:(e,t)=>e.panelId===t.panelId?e:{...e,panelId:t.panelId}},f=(0,r.createContext)(null);function j(e){let t=(0,r.useContext)(f);if(null===t){let t=Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,j),t}return t}f.displayName="DisclosureContext";let b=(0,r.createContext)(null);b.displayName="DisclosureAPIContext";let w=(0,r.createContext)(null);function v(e,t){return(0,u.Y)(t.type,y,e,t)}w.displayName="DisclosurePanelContext";let N=r.Fragment,T=h.O5.RenderStrategy|h.O5.Static,S=Object.assign((0,h.FX)(function(e,t){let{defaultOpen:s=!1,...o}=e,i=(0,r.useRef)(null),n=(0,l.P)(t,(0,l.a)(e=>{i.current=e},void 0===e.as||e.as===r.Fragment)),d=(0,r.useRef)(null),p=(0,r.useRef)(null),x=(0,r.useReducer)(v,{disclosureState:+!s,linkedPanel:!1,buttonRef:p,panelRef:d,buttonId:null,panelId:null}),[{disclosureState:g,buttonId:k},y]=x,j=(0,a._)(e=>{y({type:1});let t=(0,m.T)(i);if(!t||!k)return;let s=e?e instanceof HTMLElement?e:e.current instanceof HTMLElement?e.current:t.getElementById(k):t.getElementById(k);null==s||s.focus()}),w=(0,r.useMemo)(()=>({close:j}),[j]),T=(0,r.useMemo)(()=>({open:0===g,close:j}),[g,j]);return r.createElement(f.Provider,{value:x},r.createElement(b.Provider,{value:w},r.createElement(c.El,{value:(0,u.Y)(g,{0:c.Uw.Open,1:c.Uw.Closed})},(0,h.XX)({ourProps:{ref:n},theirProps:o,slot:T,defaultTag:N,name:"Disclosure"}))))}),{Button:(0,h.FX)(function(e,t){let s=(0,i.B)(),{id:o=`headlessui-disclosure-button-${s}`,...c}=e,[u,m]=j("Disclosure.Button"),p=(0,r.useContext)(w),g=null!==p&&p===u.panelId,k=(0,r.useRef)(null),y=(0,l.P)(k,t,g?null:u.buttonRef),f=(0,h.cq)();(0,r.useEffect)(()=>
1{if(!g)return m({type:2,buttonId:o}),()=>{m({type:2,buttonId:null})}},[o,m,g]);let b=(0,a._)(e=>{var t;if(g){if(1===u.disclosureState)return;switch(e.key){case x.D.Space:case x.D.Enter:e.preventDefault(),e.stopPropagation(),m({type:0}),null==(t=u.buttonRef.current)||t.focus()}}else switch(e.key){case x.D.Space:case x.D.Enter:e.preventDefault(),e.stopPropagation(),m({type:0})}}),v=(0,a._)(e=>{e.key===x.D.Space&&e.preventDefault()}),N=(0,a._)(t=>{var s;(0,d.l)(t.currentTarget)||e.disabled||(g?(m({type:0}),null==(s=u.buttonRef.current)||s.focus()):m({type:0}))}),T=(0,r.useMemo)(()=>({open:0===u.disclosureState}),[u]),S=(0,n.c)(e,k),C=g?{ref:y,type:S,onKeyDown:b,onClick:N}:{ref:y,id:o,type:S,"aria-expanded":0===u.disclosureState,"aria-controls":u.linkedPanel?u.panelId:void 0,onKeyDown:b,onKeyUp:v,onClick:N};return(0,h.XX)({mergeRefs:f,ourProps:C,theirProps:c,slot:T,defaultTag:"button",name:"Disclosure.Button"})}),Panel:(0,h.FX)(function(e,t){let s=(0,i.B)(),{id:o=`headlessui-disclosure-panel-${s}`,...a}=e,[n,d]=j("Disclosure.Panel"),{close:u}=function e(t){let s=(0,r.useContext)(b);if(null===s){let s=Error(`<${t} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,e),s}return s}("Disclosure.Panel"),m=(0,h.cq)(),x=(0,l.P)(t,n.panelRef,e=>{p(()=>d({type:e?4:5}))});(0,r.useEffect)(()=>(d({type:3,panelId:o}),()=>{d({type:3,panelId:null})}),[o,d]);let g=(0,c.O_)(),k=null!==g?(g&c.Uw.Open)===c.Uw.Open:0===n.disclosureState,y=(0,r.useMemo)(()=>({open:0===n.disclosureState,close:u}),[n,u]);return r.createElement(w.Provider,{value:n.panelId},(0,h.XX)({mergeRefs:m,ourProps:{ref:x,id:o},theirProps:a,slot:y,defaultTag:"div",features:T,visible:k,name:"Disclosure.Panel"}))})})},93486:(e,t,s)=>{"use strict";s.d(t,{A:()=>c});var o=s(73539);s(42731);var r=s(48792),a=s.n(r),i=s(42391),n=s(54550),l=s(89612);function c(e){let{title:t,subtitle:s,primaryCta:r,secondaryCta:c,frame:d,noBorder:u,children:m}=e;return(0,o.jsx)("section",{className:"pt-12 lg:pt-20 pb-12 lg:pb-20 ".concat(u?"":"border-b border-gray-100"),children:(0,o.jsx)(n.A,{children:(0,o.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16 items-center",children:[(0,o.jsxs)("div",{children:[(0,o.jsx)("h1",{className:"text-4xl sm:text-5xl font-semibold tracking-[-0.03em] text-gray-900 text-balance",children:t}),(0,o.jsx)("p",{className:"mt-5 max-w-xl text-lg text-gray-600 leading-relaxed",children:s}),(0,o.jsxs)("div",{className:"mt-8 flex flex-col sm:flex-row items-start sm:items-center gap-3",children:[(0,o.jsx)(i.Ay,{href:(null==r?void 0:r.href)||"/signup",variant:"dark",cta:!0,...(null==r?void 0:r.external)?{target:"_blank",rel:"noopener noreferrer"}:{},children:(null==r?void 0:r.label)||"Start selling for free"}),c&&(0,o.jsxs)(a(),{href:c.href,className:"inline-flex items-center px-4 py-2.5 text-lg font-semibold text-gray-900 hover:text-gray-600 transition-colors ".concat(c.className||""),...c.external?{target:"_blank",rel:"noopener noreferrer"}:{},children:[c.label,(0,o.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",className:"h-4 w-4 ml-2",children:(0,o.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14 5l7 7m0 0l-7 7m7-7H3"})})]})]}),(0,o.jsx)("div",{className:"mt-10",children:(0,o.jsx)(l.A,{})})]}),(0,o.jsx)("div",{children:d?(0,o.jsx)("div",{className:"rounded-2xl border border-gray-100 bg-gray-50 px-6 py-10 lg:py-14",children:m}):m})]})})})}},94394:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/platforms/customizable-checkouts-for-tiktok",function(){return s(65021)}])}},e=>{var t=t=>e(e.s=t);e.O(0,[6593,6411,5906,2595,8490,6998,3605,636,8792],()=>t(94394)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.