{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-guides/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["sub-heading","icon","yes","img","coming-soon","no","cards","card"]},"type":"markdown"},"seo":{"title":"Components","description":"Transform your commerce with PXP's unified platform—seamless payments, real-time insights, and global growth in one powerful integration.","lang":"en-UK","siteUrl":"https://developer.pxp.io","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"components","__idx":0},"children":["Components"]},{"$$mdtype":"Tag","name":"SubHeading","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use our fast, secure, and seamless payment components for a frictionless checkout experience."]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["PXP Checkout Components is our standard client-side integration for merchants who want the maximum level of control over their checkout experience."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["We support the following payment methods and technologies:"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":""},"children":[]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"24%","data-label":""},"children":[" "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"22%","align":"center","data-label":"Web"},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"desktop","size":"24px","color":"currentColor"},"children":[]}," Web"]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"22%","align":"center","data-label":"Android"},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"brands android","size":"24px","color":"currentColor"},"children":[]}," Android"]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"22%","align":"center","data-label":"iOS"},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"brands apple","size":"24px","color":"currentColor"},"children":[]}," iOS"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"credit-card","size":"24px","color":"currentColor"},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Card"]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"brands paypal","size":"24px","color":"currentColor"},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["PayPal"]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"brands paypal","size":"24px","color":"currentColor"},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["PayPal Pay Later"]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/icon-brand-venmo.1e5d6b1da445394b60b985b54d534220c7fbf325d22fc2f0a5ac956ef5e9f911.18a770b0.svg","alt":"","withLightbox":true,"width":"24px","height":"24px","align":"left"},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Venmo"]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"ComingSoon","attributes":{"noSpace":false},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"ComingSoon","attributes":{"noSpace":false},"children":[]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"brands apple-pay","size":"24px","color":"currentColor"},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Apple Pay"]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"No","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"Icon","attributes":{"name":"brands google-pay","size":"24px","color":"currentColor"},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Google Pay"]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"Yes","attributes":{},"children":[]}]},{"$$mdtype":"Tag","name":"td","attributes":{"align":"center"},"children":[{"$$mdtype":"Tag","name":"No","attributes":{},"children":[]}]}]}]}]}]},{"$$mdtype":"Tag","name":"Cards","attributes":{"columns":2,"cardMinWidth":240},"children":[{"$$mdtype":"Tag","name":"Card","attributes":{"title":"How it works","icon":"info-circle","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/how-it-works"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Learn about PXP's Checkout Components solution."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Demo","icon":"store","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/demo-store"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Try out components by accessing the PXP demo store online."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Activation","icon":"screwdriver-wrench","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/activate"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Before installing the SDK, you have to activate the relevant services in the Unity Portal."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Web SDK","icon":"desktop","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/web"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Install the Web SDK library and start using components in your project."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Android SDK","icon":"desktop","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/android"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Install the Android SDK library and start using components in your project."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"iOS SDK","icon":"brands apple","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/ios"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Install the iOS SDK library and start using components in your project."]}]},{"$$mdtype":"Tag","name":"Card","attributes":{"title":"Release notes","icon":"calendar-lines","imagePosition":"start","iconPosition":"auto","layout":"vertical","align":"start","variant":"filled","to":"/guides/checkout/components/release-notes"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Coming soon."]}]}]}]},"headings":[{"value":"Components","id":"components","depth":1}],"frontmatter":{"seo":{"title":"Components"}},"lastModified":"2026-05-14T14:29:00.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/guides/checkout/components","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}