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

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

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

  // ...
});

Specifications

Specification
Payment Handler API # paymentmanager-interface

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

Docs

Docs4dev

Title here