How to setup Apple Pay on WooCommerce?
In this guide, learn how to enable Apple Pay on your WooCommerce store.
How do you properly setup Apple Pay in WooCommerce?
In this example we will be using the WooCommerce Stripe plugin to help setup Apple Pay.
Ensure this plugin is installed, active, and setup correctly!
If you have never setup Stripe on your WooCommerce store, see my tutorial on how to setup Stripe.
Also keep in mind that Apple Pay can only work when using the Safari browser!
Let’s get started.
Steps to setup Apple Pay in WooCommerce
1. Enable payment request buttons
First, login to your WooCommerce dashboard.
Next, go to your WooCommerce Settings > Payments.
Then, click Manage on Stripe.
Finally, click the checkbox to enable Enable Payment Request Buttons.
2. Add your domain to Apple Pay in Stripe
Next, login to your Stripe dashboard.
Then, click Settings > Payment Methods > Apple Pay.
Next, click “add domain” and enter your domain.
Finally, download the verification file to your computer.
3. Upload verification file to document root
Next, connect to your server via SFTP or SSH using a tool such as FileZilla.
Then, upload the apple-developer-merchantid-domain-association file to the .well-known folder in your document root.
Pro tip: you may have to create the “.well-known” folder on your server by creating a new directory.
To make sure you followed this step correctly, navigate to https://yourdomain.com/.well-known/apple-developer-merchantid-domain-association. You should see a string of many randomly generated numbers.
4. Test that Apple Pay is working
Open up a Safari browser on your phone or computer.
Go to your website and add one of your products to Cart.
You should see the option to pay with Apple Pay.
If you do not see this option, make sure that you are using the Safari browser. You may also have to clear your cache.
Pro tip: Update 1 product in your store to be $1 and do a real transaction using Apple Pay to make sure everything is working!
How to hide Apple Pay on your Product page?
// Hide Apple Pay on Product page add_filter('wc_stripe_hide_payment_request_on_product_page', '__return_true');
How to add Apple Pay on your Checkout page?
// Adds Payment Request button (Apple Pay) on the Checkout page add_filter('wc_stripe_show_payment_request_on_checkout', '__return_true');
If you are more of a visual learner, you can check out the video tutorial as well!
Make sure you are using the Safari browser. Note, Apple Pay only works on Safari, it does not work on other browsers. If you are still having issues clear your cache and try on both your desktop and mobile phone.