Payment Request API samples

The Payment Request API was designed with the goal of standardizing communication across merchants, browsers, and payment methods to provide a better experience for users, and a single, consistent API for developers.

In Microsoft Edge, the Payment Request API shows the Microsoft payments user experience and, with the user’s permission, allows easy access to payment and address information associated with the user’s Microsoft account. The wallet can provide a faster and more consistent experience across websites, which saves shoppers time and effort by allowing them to checkout with their saved payment and address information. Read more about the Payment Request API on our blog.

Screenshot of the Wallet UI

Static shipping

A sample that accepts card payments and provides a couple of shipping options

Dynamic shipping

This sample accepts card payments and varies the availability and price of shipping options depending on the shipping address. See how the shipping price increases when the item is being shipped outside of Washington State.

Try this Washington address in the demo:
400 Broad St, Seattle, WA 98109

When shipping is not required

A sample that accepts card payments and does not request shipping information

Contact Info

A sample that accepts card payments and requests user's contact information