• Documentation
  • API Reference
  • Documentation
  • API Reference
Expand All Collapse All
< BACK TO HOME
  • APMs Overview
    • Introduction to APMs
    • APM Integrations and Flows
    • APM Input Fields and APIs
    • APM subMethod Class
    • Account Details Capture
    • APM Countries and Currencies
    • Handling In-Process WebView
  • Global Guides
    • Afterpay
    • Apple Pay
      • Registering with Apple Pay
        • (Manually) Register in the Apple System
          • Create an Apple ID
          • Enroll in the Apple Developer Program
            • Submit an Enrollment Request
            • Complete the Enrollment Process
            • Activate your Apple Developer Program Account
          • Register a Merchant ID in the Apple System
            • Create a Merchant ID
            • Create a Payment Processing Certificate
            • Create a Merchant Identity Certificate
            • Register and Verify Your Domain
      • Nuvei Apple Pay Implementations
        • Payment Page using IFrame
        • Static Apple Pay Button
        • Static Pay Button (Web SDK)
        • Dynamic Apple Pay Button
      • Apple Pay Integration
        • Apple Pay (REST API)
        • Apple Pay (Web SDK)
        • Apple Pay (Simply Connect)
        • Apple Pay Integration Testing
    • Google Pay
      • Google Pay (REST API)
      • Google Pay (Web SDK)
      • Google Pay (Simply Connect)
    • Neteller
    • PayPal
    • PayWithCrypto
    • Skrill
    • Visa Checkout
      • Visa Checkout (REST API)
  • US and Canada Guides
    • ACH
    • Instant Bank Transfer (IBT)
    • Interac Combined
    • Interac eCashout
    • Interac e-Transfer
    • Interac Instant
    • Mazooma
    • PayNearMe
    • PlayPlus
      • PlayPlus (REST)
      • PlayPlus (Web SDK)
    • VIP Preferred
      • VIP Preferred (REST)
      • VIP Pref. (Web SDK/Simply Connect)
  • Europe Guides
    • Aircash
    • BANCOMAT Pay
    • Clearpay
    • Giropay
    • iDEAL
    • MB WAY
    • MobilePay
    • Okto Cash
    • Open Banking
    • PaySafeCard
    • Satispay
    • SEPA Payouts
    • Sofort
  • Latin America Guides
    • CLAVE
    • Colombia Payouts
    • Daviplata
    • Efecty
    • LATAM Payouts
    • Pay4Fun
    • Pay with Cash
    • PIX
    • PIX Payouts
    • PSE
    • QR Redeban
    • STPmex
    • WebPay
  • Asia Pacific Guides
    • AlipayHK
    • Dana
    • DragonPay
    • GCash
    • India Payouts
    • KakaoPay
    • Konbini
    • Local Payments Indonesia
    • NPP
    • QRIS
    • Touch ’n Go
    • TrueMoney
    • WeChat

Payment Page using IFrame

Home    Apple Pay    Nuvei Apple Pay Implementations    Payment Page using IFrame

On this page:
  • Overview
  • Integration

Overview

This solution integrates the Apple Pay payment method button into Nuvei’s Payment Page solution. If the customer’s device supports Apple Pay, and Apple Pay is enabled on the backend, then the Apple Pay is displayed the payment methods gallery in an IFrame in its own page, for the customer to choose from. When Apple Pay is selected, the system handles the rest of payment flow automatically.

The integration involves inserting the sc_applepay.min.js script on top of your website, which acts as a proxy between the IFrame and your main website page.

Integration

Include the sc_applepay.min.js script on top level page of your website, before the Nuvei IFrame is initiated.

  • You can take the sc_applepay.min.js script from https://cdn.safecharge.com/safecharge_resources/v1/sc_applepay.min.js 
  • The Nuvei IFrame must be included directly on your website and not nested in another IFrame.
  • Make sure to send the parent_url parameter to the IFrame as the domain name of the parent page.

This example shows the main page of a website that includes the sc_applepay.min.js script, and a /purchase request called from within an IFrame:

Example HTML Main Page with Library and IFrame
<head>
…
 <script src=
   "https://cdn.safecharge.com/safecharge_resources/v1/sc_applepay.min.js"></script>
</head>
<body>
…
 <div>
  <iframe name="sc_frame" src=
    "https://secure.safecharge.com/ppp/purchase.do..."></iframe>
 </div>
…
</body>
Congratulations! You have successfully completed the integration steps!

You can now test your Apple Pay implementation in the Apple Pay Sandbox environment using the test card details provided.
For details, see the Apple Pay Integration Testing topic.

    • Language fr
  • Terms of use
  • Privacy Policy
Nuvei. All rights reserved.