What are the hig for Apple Pay

Generated on 7/31/2024

1 search

Tailscan

This post is brought to you by Tailscan, the best devtool for Tailwind CSS.

The Human Interface Guidelines (HIG) for Apple Pay were not explicitly mentioned in the provided context. However, there are some best practices and guidelines for implementing Apple Pay on the web that were discussed:

  1. Apple Pay Button Implementation:

    • Use the JavaScript SDK Apple Pay button instead of the CSS implemented variant to ensure non-Safari browser support.
    • Import the Apple Pay JavaScript SDK in the head tag of your HTML document to ensure it runs as soon as possible.
  2. Browser and Device Support:

    • Users on iOS 18 can use Apple Pay on any non-Safari browser by scanning a code with their iPhone.
    • The Apple Pay capabilities API should be used to determine when and where to display the Apple Pay button.
  3. Payment Credential Status:

    • The Apple Pay capabilities call will return an object containing a payment credential status key with values such as:
      • payment credentials available: Device supports Apple Pay and has an active card.
      • payment credentials unavailable: Device can make payments, but no active cards are available.
      • payment credential status unknown: Apple Pay is supported, but specific card information is not available.
  4. Deprecation Notice:

    • The canMakePaymentsWithActiveCard is being deprecated in favor of the new Apple Pay capabilities API.

For more detailed information, you can refer to the What’s new in Wallet and Apple Pay session at WWDC 2024.