Apple Pay Web Demo

Detect Apple Pay support and active card status

This static page is designed for Cloudflare Pages. It checks whether the current browser supports Apple Pay, whether the device can make Apple Pay payments, and whether the Wallet has an active card for your merchant ID.

Merchant config

Apple Pay Merchant Identifier

Replace this with your real Apple Pay merchant ID, for example merchant.com.yourcompany.pay. Active-card detection and setup require a valid Apple Pay merchant identity.

Current status

ApplePaySession API Checking… Detects whether Apple Pay JS exists in this browser.

Device support Checking… Uses ApplePaySession.canMakePayments().

Active Apple Pay card Checking… Uses applePayCapabilities() or canMakePaymentsWithActiveCard().

Setup jump Checking… Uses ApplePaySession.openPaymentSetup().

Actions

The setup button can open Apple Pay setup. The demo payment button intentionally does not complete merchant validation; it only shows where payment-sheet code would start. Full payment needs a server endpoint from Stripe/Adyen/your PSP.

Expected results

On iPhone Safari with Apple Pay available: device support should be positive.
If the Wallet has an active card for web payments and your merchant ID is valid: active-card status should be positive.
On Chrome/desktop/non-Apple Pay environments: Apple Pay JS may be unavailable or limited.
This detects Apple Pay Wallet/card status, not IAP and not Apple ID payment methods.