Accepting Apple Pay with WooCommerce

Overview

Apple Pay can be enabled with certain WooCommerce payment gateways. Depending on the gateway, the set up for Apple Pay can be straight-forward, or can be a very arduous process, so please be aware that most merchants will need the help of a developer to get up and running with Apple Pay.

For all other payment gateways, this document will provide a guide for developers to set up Apple Pay.

 Not sure if you can do this on your own? Please see the section on Generating Apple Certificates. If you cannot complete this section independently, you should work with a professional to assist you with this set up process. Unfortunately there’s no way to simplify this process for other payment processors, Stripe is the only processor currently that works directly with Apple to remove the need for independent certification.

Supported Gateways

The following payment gateway integrations can support Apple Pay currently:

• Authorize.Net
• CyberSource
• Moneris
• PayPal Powered by Braintree
• Stripe

Gateway feature comparison

While there are many similarities to how Apple Pay is handled between the supported gateways, there are some differences:

Requirements

Stores that wish to accept Apple Pay must meet the following requirements:

• Your entire site must be served over HTTPS with a valid SSL certificate.
• Your server must support the TLS 1.2 protocol.
• (Not required with Stripe) You must create an Apple Developer Account ($99 per year)
• Authorize.Net and CyberSource only:
  • The individual who generates certificates must use MacOS to generate them, as Keychain access is required.
  • Your merchant account provider must support tokenization (includes Chase Paymentech, Global Payments, First Data). If you’re not sure if you meet this requirement, please check with your Authorize.Net or CyberSource representative.

Verify Store Domain

Your environment must validate your domain with Apple, set up a payment processing certificate to transfer data, and use a merchant identity certificate to authenticate your merchant sessions with Apple Pay servers.

Apple has a nice list of steps here for items specific to their dev center UI, and we’ll catalog the basic steps to generating and placing certificates on the merchant server.

1. Create a new (or use an existing) Merchant ID via the Apple developer center under “Certificates, IDs, and Profile” > Merchant IDs.
   
2. Edit the merchant ID to add a new domain.
3. Download the verification file and SSH into to your server while leaving this open.
   
4. Verify your domain by placing your verification file below your root at /.well-known/payment-processing-cert and verify with Apple.

The domain is now verified, so the payment gateway account should be set up. We’ll return to the Apple Developer account later to generate the payment processing and merchant identity certificates.

Payment Processor Setup

Authorize.Net

1. Sign up for Apple Pay in your payment gateway account using your new Apple Developer Merchant ID.
   
2. Generate a new Certificate Signing Request (CSR) via your account and download it.

You’ll now use this CSR to generate certificates via your Apple Account.

CyberSource

Please follow the guide here to enable Apple Pay, then use the CSR provided from CyberSource to generate certificates via your Apple Account.

Moneris

Please follow the guide here to enable Apple Pay, then use the CSR provided from Moneris to generate certificates via your Apple Account.

Generating Apple Certificates

There are several steps to generating your certificates, the end result of which should be a .pem file you can upload to your server.

This file must be stored above your webroot in a non-public, readable location. If you use shared hosting, you may not have access to this area

1. Back in your Apple Developer account, create a new Payment Processing Certificate by uploading your processor’s CSR.
   
2. Create a new Merchant Identity Certificate and follow the steps to use Keychain Access to create a new CSR, which you will then upload.
3. When finished, a merchant_id.cer file will download.
4. Double-click the new certification file to add to your Keychain Access app
5. Right-click on its entry (named “Merchant Identity…”) and click “Export….”. This will generate a .p12 file.
6. Using OpenSSL, convert that to a .pem file using a terminal command similar to openssl pkcs12 -in apple-pay-cert.p12 -out apple-pay-cert.pem -nodes -clcerts
7. Upload that PEM file to your server, above the web root, in a non-public location that’s readable by PHP. Some hosts already have a dedicated directory for this — for example, Pagely servers have a /users/ directory above the webroot that can be used for this purpose.
8. Set the full server path for that PEM file in the plugin settings.

Plugin Settings Configuration

Once your domain has been verified and your PEM file is placed appropriately on the server, you can now enable Apple Pay via a one line filter, then configure the plugin to enable Apple Pay. To enable Apple Pay, use one of the following snippets:

Authorize.Net

add_filter( 'wc_payment_gateway_authorize_net_cim_activate_apple_pay', '__return_true' );

CyberSource

add_filter( 'wc_payment_gateway_cybersource_activate_apple_pay', '__return_true' );

Moneris

add_filter( 'wc_payment_gateway_moneris_activate_apple_pay', '__return_true' );

Once this filter is active on the site, Apple Pay settings are enabled. The settings are located under WooCommerce > Payments > Apple Pay.

• Enable / Disable – Enable this to make Apple Pay available to customers using eligible devices
• Allow Apple Pay on – Select the locations for which Apple Pay should be available:
  • Single products – Shows the Apple Pay button as a “Buy Now” option on single product pages above the “Add to cart” button. Only shown for simple products currently.
  • Cart – Shows the Apple Pay button on cart pages before the “Proceed to Checkout” button as an express checkout option.
  • Checkout – Shows Apple Pay button below the “Order Review” section and above the other available payment options.
• Button Style – Determines which Apple Pay button is shown to customers.
• Apple Merchant ID – Enter the Merchant ID you’ve generated in your Apple Developer Account
• Certificate Path – Enter the full path to the PEM file on your server (remember, this should be above your webroot for security)
• Test Mode – Enable this to put the Apple Pay gateway in test mode for processing test orders.

  

Purchasing with Apple Pay

Apple Pay can be enabled on several locations for your site. If enabled on single product pages, the Apple Pay button will be available above the “add to cart” button.

This is only available for single products, and the quantity selector is not considered, as Apple Pay requests have to be loaded as the page is loaded, which is before quantity is changed (and hence why it’s above quantity).

If enabled on cart pages, Apple Pay will act as an express checkout option. If shipping options are already available, then Apple Pay can be used here to process the payment without going to checkout.

If enabled on checkout, Apple Pay is shown at the top of the checkout page as an express option again.

From any of these locations, the Apple Pay UI will be opened to allow the customer to select payment method, billing address, shipping address, shipping method, and complete the payment. Once payment is completed, the customer is directed to the “Order Received” page as usual.

It’s important to note that orders are created with the billing and shipping addresses selected in the Apple Pay UI. The user account within WooCommerce will not be updated with these addresses.

The Gateway’s Role

The Apply Pay Touch ID process is only meant to verify that the customer’s card is valid, then encrypt its data. From there, Apple Pay does not actually do anything to process the payment, it’s just securing the payment data for sending.

From that point, the payment gateway takes over the transaction, formatting the data to send it to the processor for approval, decline, etc., sending it in place of standard card details.

Because the transaction is handled by the processor at that point after the payment details have been passed securely, this means that other gateway features, such as captures and refunds from WooCommerce, will work as they usually do.

Testing Apple Pay

Apple does allow creating Sandbox iCloud users with fake cards, but unless you have an extra iPhone laying around then that’s not really feasible without signing out of your personal iCloud on your eligible devices.

In our testing, so long as you use the test mode in settings (transactions are posted to a test environment), you can use your real account and Apple Pay payment methods without processing real transactions.

Eligible Devices

In order to use Apple Pay, the purchaser must use an eligible device and browser. iPhone 6 or newer, iPad Pro, iPad Air 2, iPad mini 3 or newer, and MacBooks from 2012 or newer using MacOS 10.12 with an Apple Pay device — these devices can use Apple Pay.

Apple Pay on the web can only be used with Safari, so customers using Chrome, Firefox, or other browsers cannot check out with Apple Pay.

Please review Apple’s list of eligible devices to ensure you or your customer is using a supported device, version, and browser.

Frequently Asked Questions

Q: Can I process refunds or captures as usual with Apple Pay?
A: Yes! If credit card transactions for your payment gateway allow refunds, voids, or captures, then Apple Pay transactions are eligible for these features as well, they’re not treated any differently.

Q: Why can’t I use Apple Pay with the “Buy Now” button for variable products?
A: Apple Pay requests have to be generated when the page is loaded. As such, we can’t later “pull in” the variations that have been selected to ensure the order is accurate. Since we can’t get this data into the Apple Pay form in any way, Apple Pay “Buy Now” buttons cannot be enabled for variable products.

If you have other data on the product page that needs to be collected, such as measurements or add-ons, then you should not enable “Buy Now” buttons either.

Q: Can I allow Apple Pay for Subscriptions or Pre-Orders?
A: At present, the payment gateways that support Apple Pay do not support tokenizing or saving payment profiles to your merchant account from converting Apple Pay tokens. As a result, there’s no way to securely save the customer payment details to your account for use in future transactions.

Since payment data cannot be saved with Apple Pay, the Apple Pay button will only be available for one-time purchases, it cannot be used for recurring payments or a payment that’s saved and billed later. If a cart contains Subscriptions or Pre-Orders, Apple Pay is disabled. We are keeping up dated on advances in Apple Pay support, and plan to add support for tokenizing / saving payment methods when it becomes possible to do so.

Troubleshooting

Apple Pay buttons do not appear at any location

This can have several causes — here are the most common troubleshooting steps when Apple Pay buttons are never loaded:

• Ensure you’re using an eligible device with the Safari browser. Please note that you cannot use Apple Pay in Google Chrome, Firefox, or with a non-Apple device — the button is automatically hidden.
• Ensure Apple Pay is enabled under the settings, and that you’ve saved settings.
• Ensure your PEM file is in a readable location. Check your settings screen for notices to ensure the plugin can read this file.
• Ensure your entire site is served over HTTPS.
• Run back through the verification and certification steps to ensure you’ve completed each properly, as your certificate may not be properly generated or converted to a PEM file.

Apple Pay buttons do not appear at a specific location

• Please ensure your entire site is served over HTTPS; buttons will not appear at a location if that location is not served over HTTPS.
• If you’re looking for “Buy Now” buttons, note that these only show up for simple products (not simple subscriptions or any other product type).

Orders are missing product details

Chances are you’re using the “Buy Now” set up with another plugin that we haven’t detected. Please review this FAQ on Apple Pay Buy Now + variable products — in short, we cannot pull in any details for a product that are added on the product page (such as add-ons, custom fields, or other details).

Because of this, you should not enable “Buy Now” buttons if you sell customized products or use plugins that add meta data to products during the purchasing process.

Other Issues

If you experience other issues with Apple Pay, please take the following steps:

• Please enable logging under your payment gateway’s credit card settings.
• Attempt an Apple Pay transaction and review the logs.
• If you see certification errors, please work with your host to upgrade your server so it meets the Apple Pay requirements (ie upgrade cURL and ensure TLS 1.2 compatibility).
• If you see other errors or only generic payment errors, please get in touch with support and provide logs for review.

Get Help or Support

Need some help? Please ensure you’ve followed troubleshooting steps above.

We can provide help with Apple Pay payment processing issues (e.g., experiencing issues with information generated for orders). We cannot assist with any steps associated with verifying domains, generating certificates, or placing certificates in the appropriate location on your server to validate your site. In short, we can only help if Apple Pay already shows up on the site and take issues from that point.

• If you need assistance getting Apple Pay set up for your site and payment processing account, we recommend filling out the development request form to hire a developer to assist you with this process.
• If you have Apple Pay set up already and experience other issues, please submit a help request with your logs and we’d be happy to troubleshoot further.

Hire a Developer

We’ve partnered with Codeable to ensure Codeable professionals are knowledgeable in this process and able to assist merchants in completing site verification and certification for Apple Pay.

If you’d like assistance in getting your site verified and certified to accept Apple Pay, please complete this form to get in touch with the developers at Codeable for a quote on assisting you in setting up Apple Pay.

After accepting a bid from a developer, they’ll need access to your Apple Developer account ($99 per year), so you could also sign up for an account prior to accepting a bid, as your Apple account set up may take a few days.

Here’s some sample text if you’d like to use it: