Apple Pay (Checkout Champ)

We made it very easy for you to connect your Apple Pay account to your checkout page. This document provides instructions on how to do so.

Not all gateways support Apple Pay. Apple Pay is supported on Adyen, Bambora, Checkout (V2), NMI, Square, Stripe, Surgeify, Vantiv, and Verifi.

NOTE: The button only displays if customer's Apple Pay wallet is configured and device supports Apple Pay (mac or iphone with touch ID).

Step 1: Login and navigate to the funnel on which to add Apple Pay

Step 2: Click the gear button on the top left to open the funnel settings

Step 3: Open the Payments section

Step 4: Choose an existing Apple Pay plugin / Merchant ID configuration or click the plus sign to create a new one.

Step 5: Add the Apple Pay Merchant credentials

• merchantIdentifier: Your Apple Pay Merchant Identifier

  • Can be found on your Apple Developer Account at https://developer.apple.com/account/resources/identifiers/list/merchant

• merchantCert: Your Apple Pay Merchant Identity Certificate

  • This must be downloaded from your Apple Account and converted to PEM format.

  • Must include “-----BEGIN CERTIFICATE-----”

• certPrivateKey: The private key of your Merchant Identity Certificate

  • This must be converted to PEM format along with your downloaded Apple Pay Merchant Identity Certificate.

  • Must include “-----BEGIN PRIVATE KEY-----”

• displayName: Default merchant name to display to the customer while authorizing payment

  • Ex: "Touch ID to Pay My Store (displayName) $118.00"

Step 6: Save and Continue

Step 7: Configure Apple Pay funnel settings.

• Gateway: Gateway on which to process a transaction the with Apple Pay token. Gateway is optional. Not entering a gateway will process the transaction on the gateway assigned to the product purchased. Do ensure the gateway is in the supported list at the top of this document.

• Plugin: Apple Pay plugin / Merchant ID configuration settings to use to create Apple Payment Sessions. This is required.

• Merchant Name: Customizable funnel merchant name to display to the customer while authorizing payment. If not entered, the session will default to the plugin settings displayName.

  • Ex: "Touch ID to Pay My Store (displayName) $118.00"

• Country: Country to use for Apple Pay Session

• You will upload Domain File in Step 9.

Step 8: Save and Continue

Step 9: Upload Apple’s Domain Verification File and verify your domain on your Apple account

1. Go to https://developer.apple.com/account/resources/identifiers/list/merchant and select the Merchant ID that you are using with this funnel.

2. On the Edit or Configure Merchant ID page, go to Merchant Domains section and click Add Domain.

3. Enter your funnel domain and save.

4. Click Download and download the apple-developer-merchantid-domain-association txt file.

5. On your funnel Payments settings, click Choose File next to the Domain File label.

6. Select your downloaded verification text file and click Open.

7. Publish the funnel. This will upload the file to the .well-known folder on your funnel.

8. Click Verify back on your Apple Merchant Domain page.

Step 10: Edit Checkout page and add Apple Pay button

Step 10-1: Customize size of button by clicking on the button and dragging the highlighted corners or use Dimensions tab for advanced edits.

An Apple Pay button on a published page will be visible only on Apple devices, and its appearance will follow Apple Pay button CSS styling.

Apple Pay Buttons as shown in the Web Builder.

Apple Pay Buttons as shown on published checkout page on Apple devices.

Step 11: Save the page and exit the page builder.

Step 12: On the arrow leaving the checkout page, choose the Apple Pay button for navigation.

Step 13: Publish the funnel. You’re done and ready to test!