{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-guides/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["sub-heading","img","tabs","tab","admonition","br"]},"type":"markdown"},"seo":{"title":"Demo","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":"demo","__idx":0},"children":["Demo"]},{"$$mdtype":"Tag","name":"SubHeading","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Try out components by accessing the PXP demo store online."]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"overview","__idx":1},"children":["Overview"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The PXP demo store allows you to put yourself in a customer's shoes and experience a full payment journey from start to finish. You can easily try the payment flows for various payment methods in a safe and secure sandbox environment."]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/demo-store-landing.812d6d7e42184ca55075505f108ac69c51c989f8a9848510f0eaffdfabf7889a.18a770b0.png","alt":"Landing page of the PXP demo store","withLightbox":true,"className":"screenshot","width":"","height":""},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"supported-payment-methods","__idx":2},"children":["Supported payment methods"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The PXP demo store supports the following payment methods:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Cards:"]}," One-click, saved cards, or new card entry."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["PayPal:"]}," PayPal Buy Now, Venmo Buy Now, or Pay Later."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Apple Pay"]}]}]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/demo-store-payment-methods.3780651db5e349ca9793357b56935a6e4eda23268b1fcfe87208633b0cdc3665.18a770b0.png","alt":"PXP demo store payment methods","withLightbox":true,"className":"screenshot","width":"400px","height":"","align":"center"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"access-the-demo-store","__idx":3},"children":["Access the demo store"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Access the demo store instantly at ",{"$$mdtype":"Tag","name":"a","attributes":{"href":"https://demo.pxp.io/components","target":"_blank"},"children":["https://demo.pxp.io/components"]},"."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["No installation, credentials, or setup needed — just open the link and start testing payment flows immediately."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"try-out-the-store","__idx":4},"children":["Try out the store"]},{"$$mdtype":"Tag","name":"Tabs","attributes":{"size":"medium"},"children":[{"$$mdtype":"Tag","name":"div","attributes":{"label":"Card","disable":false},"children":[{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Browse the product list and add one or more products to your cart. Note that you can only add one of each type of product. As you fill the cart, the counter badge in the top right is updated."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Go to your shopping cart and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Proceed to Checkout"]},". An order summary is displayed on the left, while all available payment methods are listed on the right."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Choose any of the card payment methods and enter the required information. You can use any CVV or future expiry date, but you must use a ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"#test-card-numbers"},"children":["test card number"]},". Any other number will be declined and never processed for safety and privacy reasons."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Pay"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Depending on the card details entered, a success or failure message is displayed."]}]}]},{"$$mdtype":"Tag","name":"div","attributes":{"label":"PayPal","disable":false},"children":[{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Browse the product list and add one or more products to your cart. Note that you can only add one of each type of product. As you fill the cart, the counter badge in the top right is updated."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Go to your shopping cart and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Proceed to Checkout"]},". An order summary is displayed on the left, while all available payment methods are listed on the right."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Choose any of the PayPal options. A new window opens."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Log in with a password instead"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Enter these test credentials:",{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Email: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["pxpdemo@personal.example.com"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Password: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["pxpdemo123"]}]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Log In"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Choose a payment method."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Complete Purchase"]},". You may need to wait a few seconds for the mock payment to go through. Once successful, a confirmation message is displayed."]}]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/demo-store-payment-success.dc1e160978618c948441bc388af104cd51dc94b5dc677e2d32a7d71303d87db0.18a770b0.png","alt":"PXP demo store payment methods","withLightbox":true,"className":"screenshot","height":"","align":"center"},"children":[]}]},{"$$mdtype":"Tag","name":"div","attributes":{"label":"Apple Pay","disable":false},"children":[{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Browse the product list and add one or more products to your cart. Note that you can only add one of each type of product. As you fill the cart, the counter badge in the top right is updated."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Go to your shopping cart and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Proceed to Checkout"]},". An order summary is displayed on the left, while all available payment methods are listed on the right."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Buy with Apple Pay"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Complete the payment:",{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["If accessing the store using an Apple device, choose a card from your wallet and complete the mock payment. Once successful, a confirmation message is displayed."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["If accessing the store using any other device, use your iPhone's Camera app to scan the code on the screen. Tap ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Apple Pay"]}," on your phone, then choose a card from your wallet and complete the mock payment. Once successful, a confirmation message is displayed."]}]}]}]},{"$$mdtype":"Tag","name":"Image","attributes":{"src":"/assets/demo-store-payment-success.dc1e160978618c948441bc388af104cd51dc94b5dc677e2d32a7d71303d87db0.18a770b0.png","alt":"PXP demo store payment methods","withLightbox":true,"className":"screenshot","height":"","align":"center"},"children":[]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"test-card-numbers","__idx":5},"children":["Test card numbers"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The following table describes the test cards you can use with the PXP demo store and their expected behaviour."]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["You can use these test cards in any test environment, not just the PXP demo store. Don't use them in production."]}]},{"$$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":{"width":"20%","data-label":"Card scheme"},"children":["Card scheme "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Card details"},"children":["Card details "]},{"$$mdtype":"Tag","name":"th","attributes":{"width":"40%","data-label":"Behaviour"},"children":["Behaviour "]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Visa"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Card number: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["4761 3499 9900 0047"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Expiry date: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["12/31"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["CVV: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["303"]}]}]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Always approved."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Visa"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Card number: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["4111 1111 1111 1111"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Expiry date: Any"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["CVV: Any"]}]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Loads a mock 3DS challenge screen at the top of the page.",{"$$mdtype":"Tag","name":"Break","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For an approved payment, choose ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["Authentication Verification Successful"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For a declined payment, choose ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["Not Authenticated/Account Not Verified; Transaction denied"]},"."]}]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Mastercard"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Card number: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["5498 9999 9999 9999"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Expiry date: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["12/99"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["CVV: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["123"]}]}]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Always approved."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["American Express"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Card number: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["3739 5319 2351 004"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Expiry date: Any future year, any month"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Any four-digit number (e.g., ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["1234"]},")"]}]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Loads a mock 3DS challenge screen at the top of the page.",{"$$mdtype":"Tag","name":"Break","attributes":{},"children":[]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For an approved payment, choose ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["Authentication Verification Successful"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["For a declined payment, choose ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["Not Authenticated/Account Not Verified; Transaction denied"]},"."]}]}]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"next-steps","__idx":6},"children":["Next steps"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Now that you've explored the demo store:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Experiment with different payment flows:"]}," Try various card types and payment methods to understand the complete user experience."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Test error scenarios:"]}," Use different test cards to see how the application handles declined payments, 3D Secure challenges, and other edge cases."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Prepare to integrate:"]}," Ready to add payments to your own application? Follow the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/guides/checkout/components/activate"},"children":["activation steps"]}," to get started with integrating components into your e-commerce platform."]}]}]},"headings":[{"value":"Demo","id":"demo","depth":1},{"value":"Overview","id":"overview","depth":2},{"value":"Supported payment methods","id":"supported-payment-methods","depth":3},{"value":"Access the demo store","id":"access-the-demo-store","depth":2},{"value":"Try out the store","id":"try-out-the-store","depth":2},{"value":"Test card numbers","id":"test-card-numbers","depth":2},{"value":"Next steps","id":"next-steps","depth":2}],"frontmatter":{"seo":{"title":"Demo"}},"lastModified":"2026-04-23T13:34:19.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/guides/checkout/components/demo-store","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}