W3cubDocs

/Web APIs

PaymentManager

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The PaymentManager interface of the Payment Handler API is used to manage various aspects of payment app functionality.

It is accessed via the ServiceWorkerRegistration.paymentManager property.

Instance properties

userHint Experimental

Provides a hint for the browser to display along with the payment app's name and icon in the Payment Handler UI.

Instance methods

enableDelegations() Experimental Non-standard

Delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).

Examples

js

navigator.serviceWorker.register("serviceworker.js").then((registration) => {
  registration.paymentManager.userHint = "Card number should be 16 digits";

  registration.paymentManager
    .enableDelegations(["shippingAddress", "payerName"])
    .then(() => {
      // ...
    });

  // ...
});

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
PaymentManager 70 79 No No 57 No No 70 No 49 No 10.0
enableDelegations 80 80 No No 67 No No 80 No 57 No 13.0
instruments 70–111 79–111 No No 57–97 No No 70–111 No 49 No 10.0–22.0
userHint 70 79 No No 57 No No 70 No 49 No 10.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PaymentManager