Apple Pay Express Checkout

This guide walks you through integrating the DNA Payments Apple Pay Express Checkout Component, an Apple Pay button that collects the customer's shipping address and delivery method inside the Apple Pay sheet. Typical use case: product-page or cart-page checkout where the customer has not yet entered shipping details on your site.

Apple Developer registration, Merchant ID provisioning, certificates and merchant session validation are handled by DNA Payments: you do not need to manage any of this on your side for production. (For sandbox testing you'll need access to App Store Connect to create sandbox tester credentials, see Testing.)

Already have shipping details on your site?

If your checkout already has the shipping address and delivery method when the customer clicks pay (typical post-cart flow), use the standard Apple Pay component instead: it skips the in-sheet shipping flow.

Compatible devices

Apple Pay works on all Apple devices and in desktop browsers that support the Apple Pay JS API. It does not work on Android.

Where to go next

1. Prerequisites: what to set up in the DNA Payments portal before integrating.
2. Local Testing Setup: run the integration on localhost via ngrok.
3. Integration: full step-by-step guide and API reference.
4. Full Example: copy-paste-ready HTML.
5. Testing: sandbox scenarios and expected events.
6. Handling Error Codes: every error the component can emit.
7. Deployment: go-live checklist.