PaymentManager

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

The PaymentManager interface of the Web-based 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 Web-based Payment Handler UI.

Instance methods

enableDelegations() Experimental: 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(() => {
      // …
    });

  // …
});