Skip to content

Demo

Try out components by accessing the PXP demo store online.

Overview

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.

Landing page of the PXP demo store

Supported payment methods

The PXP demo store supports the following payment methods:

  • Cards: One-click, saved cards, or new card entry.
  • PayPal: PayPal Buy Now, Venmo Buy Now, or Pay Later.
  • Apple Pay
PXP demo store payment methods

Access the demo store

Access the demo store instantly at https://demo.pxp.io/components.

No installation, credentials, or setup needed — just open the link and start testing payment flows immediately.

Try out the store

  1. 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.
  2. Go to your shopping cart and click Proceed to Checkout. An order summary is displayed on the left, while all available payment methods are listed on the right.
  3. 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 test card number. Any other number will be declined and never processed for safety and privacy reasons.
  4. Click Pay.
  5. Depending on the card details entered, a success or failure message is displayed.

Test card numbers

The following table describes the test cards you can use with the PXP demo store and their expected behaviour.

These test cards are only for the PXP demo store. You can't use them to test components on your own site or app.

Card scheme Card details Behaviour
Visa
  • Card number: 4761 3499 9900 0047
  • Expiry date: 12/31
  • CVV: 303
Always approved.
Visa
  • Card number: 4111 1111 1111 1111
  • Expiry date: Any
  • CVV: Any
Loads a mock 3DS challenge screen at the top of the page.
  • For an approved payment, choose Authentication Verification Successful.
  • For a declined payment, choose Not Authenticated/Account Not Verified; Transaction denied.
Mastercard
  • Card number: 5498 9999 9999 9999
  • Expiry date: 12/99
  • CVV: 123
Always approved.
American Express
  • Card number: 3739 5319 2351 004
  • Expiry date: Any future year, any month
  • Any four-digit number (e.g., 1234)
Loads a mock 3DS challenge screen at the top of the page.
  • For an approved payment, choose Authentication Verification Successful.
  • For a declined payment, choose Not Authenticated/Account Not Verified; Transaction denied.

Next steps

Now that you've explored the demo store:

  • Experiment with different payment flows: Try various card types and payment methods to understand the complete user experience.
  • Test error scenarios: Use different test cards to see how the application handles declined payments, 3D Secure challenges, and other edge cases.
  • Prepare to integrate: Ready to add payments to your own application? Follow the activation steps to get started with integrating components into your e-commerce platform.