Apple Pay

Use these instructions for Apple Pay processing on CheckoutChamp hosted pages

The Apple Pay button ONLY displays on live pages if the customer's Apple Pay wallet is configured AND the device supports Apple Pay (Mac or iPhone with touch ID).


Use an existing Apple Pay Merchant ID?

You can use an existing Apple Pay Merchant ID if:

  • The Merchant ID is from your own Apple Developer account

  • The Merchant ID was created for you by your gateway

The Apple Pay Merchant ID always begins with merchant.

Update your gateway with your existing Apple Pay Merchant ID

  1. Login to crm.checkoutchamp.com. Go to Gateways > Gateway List > edit the gateway on which to transact Apple Pay.

Note: Not all gateways support Apple Pay. See the list at the top of this article.

  1. Under the Apple Pay section, enable the Use an existing Apple Pay Merchant ID? option and enter your Apple Pay Merchant ID in the Existing Apple Pay Merchant ID field.

Use an existing Apple Pay Merchant ID
  1. Click the Update button to update the gateway.

The Success Message After Updating Your Gateway

The Apple Pay section will now show your uploaded Apple Pay Merchant ID.

Example Enabled Apple Pay Merchant ID

Proceed to Step 4.


Use an Apple Pay Merchant ID generated by CheckoutChamp


Fluid Pay and Trust Payments

These gateways do not require a certSigningRequest file.

  1. Login to crm.checkoutchamp.com. Go to Gateways > Gateway List > edit the gateway on which to transact Apple Pay. Press the Enable button under the Apple Pay section.

Fluid Pay Enable Apple Pay Button
Success Message After Enabling Apple Pay on a Fluid Pay Gateway
Apple Pay Enabled Indicator on the Fluid Pay Gateway

Proceed to Step 4.


Other Gateways


Step 1: Obtain Payment Processing Certificate

Obtain an Apple Pay Payment Processing Certificate (.certSigningRequest file) from your gateway.

If your gateway requires that you provide an Apple Pay Merchant ID to obtain a certificate, copy the Pending Apple Pay Merchant ID from the gateway edit page in the CRM.

Inside of Airwallex:

  • Go to Payments > Settings.

  • Click Manage next to the Apple Pay row.

  • Click the Upload Certificate in the iOS certificates section.

  • Click Download CSR file.

  • A .certificateSigningRequest file will download.

Keep that page open and in a new tab go to the gateway edit page in the CRM of your Airwallex gateway. From there:

  • Click the Upload Certificate button in the Apple Pay section and upload the .certificateSigningRequest file downloaded from Airwallex.

  • Wait for CheckoutChamp to board this certificate onto Apple Pay. This may take some time. You will be notified by email when it is complete.

  • Once on-boarding has been completed in CheckoutChamp, return to the gateway edit page and click Download Apple File.

  • A .cer file will download.

Return to the iOS certificates page in Airwallex. From there:

  • Click Select file under the Upload your certificate file step.

  • Select the .cer file downloaded from the gateway edit page in the CRM.

  • Click Upload.

Steps 1 and 4 are relevant from this help doc.


Step 2: Load Certificate into CheckoutChamp

Login to crm.checkoutchamp.com. Go to Gateways > Gateway List > edit the gateway on which to transact Apple Pay.

Note: Not all gateways support Apple Pay. See the list at the top of this article.

Click the green Certificate button on the right side and upload the certSigningRequest file.

After the file is uploaded the file name appears. There is a button to remove the file and a button to upload a new certificate. Use these buttons if a file was uploaded in error.

Now wait. CheckoutChamp will take some time to board this certificate onto Apple Pay. You will be notified by email when it is complete. When it is complete then begin Step 3.


Step 3: Upload Apple Pay file back to gateway

Step 2 is complete when Apple Pay is enabled on the CheckoutChamp gateway. Your payment gateway may require an Apple Pay Certificate File (.cer) be uploaded for their verification. Use the Apple Pay File button to download the file.


Step 4: Register Apple Pay Domains

Login to app.checkoutchamp.com.

Go to the hamburger menu in the top right and select Settings. Scroll down to the Apple Pay - Domain Setup section. Click Register Domain. Choose the domain and the gateway on which to process Apple Pay (the gateways to select should be those that have successfully completed step 2). Save. Repeat this for each domain on which Apple Pay will be transacted.


Step 5: Navigate to each funnel on which to add Apple Pay


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


Step 7: Open the Payments section


Step 8: Enter Apple Pay details

Gateway and Partner Merchant Identifier should be filled in. Do not edit. Optionally set Merchant Name, Country, and the Require Address option. Save.

  • Merchant Name: Customizable merchant name to display to customers while authorizing payment.

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

  • Country: Country to use for each Apple Pay Session


Step 9: Edit Checkout page and add Apple Pay button

Step 9-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 page builder
Apple Pay Buttons as shown on published checkout page on Apple devices

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


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


Step 12: Upsell pages

There are 3 options for upsell pages. Communicate with your gateway about the appropriate workflow.

Option 1:

Your gateway supports a 1-click upsell on Apple Pay using a payment token returned from the gateway at checkout

Place one or more standard buttons on each upsell page. Follow standard instructions for those buttons to submit the upsell. Add class cc-one-click-btn to each button. There is no need to have an Apple Pay button on each page. The buttons will submit using the original payment token.

Option 2:

Your gateway does not support Option 1. You prefer to have a generic button on upsell pages instead of an Apple button.

Place one or more standard buttons on each upsell page. Follow standard instructions for those buttons to submit the upsell. The buttons will automatically support Apple Pay or non-Apple Pay based on the checkout. Apple Pay will redirect the consumer to Apple to complete the upsell. No additional work is needed.

Option 3:

Your gateway does not support Option 1. You prefer to have an Apple button on upsell pages.

Place one or more standard buttons AND one or more Apple Pay buttons on each upsell page. Choose all the buttons on the arrow(s) leaving the page. When the live page loads the standard buttons are removed if the checkout was with Apple Pay. Pressing the Apple Pay buttons will redirect the consumer to Apple to complete the upsell. When the live page loads the Apple Pay buttons are removed if the checkout was not Apple Pay. The standard buttons will submit the upsell.


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

Apply Pay checkout is available only on Apple devices. Apple Pay buttons on a live page will only display on Apple devices. https://support.apple.com/en-us/HT208531

Last updated