Skip to main content

Apple Pay Integration

Apple Pay Logo

This guide walks you through integrating the DNA Payments Apple Pay Component, a native web Apple Pay button rendered by our SDK, into your web application.

Apple Developer registration, Merchant ID provisioning, certificates and merchant session validation are handled by DNA Payments, so 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.)

Looking for shipping inside the Apple Pay sheet?

If you want the customer to pick the shipping address and delivery method directly inside the Apple Pay sheet (typical for product-page checkout, not post-cart), use the dedicated Apple Pay Express Checkout component instead.

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.