How to setup Apple Pay on WooCommerce?

Featured, WooCommerce
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.

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.

Click Save.

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!

Code Customizations

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');

Video Tutorial

If you are more of a visual learner, you can check out the video tutorial as well!

Leave a reply

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted. Your email address will not be published. Required fields are marked*

FAQ

Why is Apple Pay is not showing up on my Cart page?

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.