How to Set Up WooCommerce Apple Pay & Accept Payments? [2023 Guide]

Editorial Team
January 17, 2023
How to Set Up WooCommerce Apple Pay & Accept Payments? [2023 Guide]

Are you looking for a step-by-step guide on how to set up a WooCommerce Apple Pay payment gateway?

Digital wallets like Apple Pay, Amazon Pay, and Google Pay are now popular and preferred payment options for consumers.

Instead of manually swiping cards or inserting card information, consumers prefer to pay using digital wallets with just one click or tap

In fact, digital wallet transactions accounted for 29.8% of the total eCommerce transactions in the US. (WorldPay from FIS: The Global Payments Report 2021)

Today, you will learn how to add that Apple Pay button to WordPress and start collecting payments easily.

How Does Apple Pay Work?

Since Apple Pay has all the payment information already stored, the shopper does not have to insert the details again in your store while checking out.

how does apple pay work on websites

The user clicks the Apple Pay button on the WooCommerce checkout page, and the payment app opens. The user inserts their passcode and authorizes the payment.

This expedites the checkout process, minimizes abandonments, and boosts the user’s shopping experience.

Why is Apple Pay a MUST for Your WooCommerce Store?

Apple Pay is the most popular mobile payment service in the United States. (Business of Apps)

Also, outside of China, Apple Pay has the largest transaction volume of any mobile payment service

1. Boosts Conversions

Here’s a fact - 56% of shoppers expect to see multiple payment options on your store checkout.

And express payment options like Apple Pay, Google Pay, PayPal, Amazon Pay, and more give your shoppers a convenient way to pay and place their orders quickly.

According to ACI Worldwide, such convenient payment options can boost conversions by 30%!

2. Enable Quick Checkout

If you have a one-page WooCommerce checkout, you are already giving your shoppers a quick checkout.

However, adding express pay options like Apple Pay to the mix can give your shoppers a frictionless checkout experience.

The WooCommerce Apple Pay integration can really add to your store’s enhanced experience.

3. Optimize the User Experience

Repeat customers make up most of your sales. In fact, repeat customers have a 67% higher average order value than new customers. (Forbes)

Thus, giving these repeat customers a convenient express pay option like Apple Pay would optimize their shopping experience and encourage them to buy more often.

Essentials to Set Up WooCommerce Apple Pay

To set up WooCommerce Apple Pay, there are some essential plugins that you need to have in place.

1. WooCommerce Store

WooCommerce is the most popular eCommerce platform for building an online business. 

Follow the WooCommerce guide to set up your new store if you already haven’t.

2. A Stripe Account

To start collecting payments, you need to set up a Stripe account.

You can set up Stripe for free. You won’t have to pay monthly or annual fees for their services. Instead, their fees are per transaction with transparent pricing.

Stripe fees vary according to country, so you can go to their pricing page and check the fees for your country.

3. Stripe Gateway for WooCommerce Plugin

FunnelKit’s Stripe Gateway for WooCommerce is a powerful integrated solution to connect your Stripe account to your WooCommerce store.

With Stripe Gateway for WooCommerce, you can collect payments easily on the web and mobile. A simple, quick, and secure payment gateway for your online store. 

Our WordPress plugin lets you collect debit and credit card payments (Visa, MasterCard, American Express, Discover, JCB, etc.) via Stripe. You also get express payment options like Apple Pay and Google Pay.

It also supports local payment gateway options such as BanContact, P24, iDeal, SEPA, and more.

Furthermore, Stripe Gateway for WooCommerce deeply integrates with FunnelKit’s Funnel Builder and One Click Upsells for seamless payment ordering and processing.

4. A Valid SSL Certificate

Your website must have a valid and active SSL certificate installed. Apple Pay will not be visible in your store without an SSL certificate.

Apple Pay Button Visibility Requirements  

Before we proceed, it’s important to note that Apple Pay is not visible on every device. Knowing when and where it shows will be handy once we have done the setup.

Here are the requirements to see Apple Pay Button:

  • Compatible Device: Your device must be compatible with Apple Pay - see the complete list
  • Browser: Ensure that your customer is using the Safari web browser.
  • Countries: Check the full list of countries and regions that supports Apple Pay
  • Domain Verification: Ensure that you have verified your store’s domain. FunnelKit’s Stripe Gateway for WooCommerce automatically verifies your domain with Apple Pay behind the scenes.

Now that we know the basic requirements let's proceed to set up. 

How to Set Up WooCommerce Apple Pay in 4 Easy Steps?

Now that we’ve discussed the requirements let’s connect your WooCommerce store with Stripe using FunnelKit’s Stripe Gateway for WooCommerce.

1. Install FunnelKit Stripe Gateway for WooCommerce

You can install FunnelKit Stripe Gateway for WooCommerce just like you install any other WordPress plugin.

To find the plugin, search for the term “FunnelKit Stripe Gateway for WooCommerce”.

Searching for FunnelKit's Stripe Gateway WordPress plugin

Once you have installed and activated the plugin, you can move to the next step in this WooCommerce Apple Pay integration.

2. Configure Your Stripe Account

When you go to your installed plugins dashboard, you will see a banner saying, “Configure Stripe”.

Click on the blue button, and you will be redirected to the Stripe account configuration page.

configuring stripe account for woocommerce apple pay integration

Click on Connect with Stripe.

Connect with Stripe

You will be redirected to the Stripe account authorization page. Enter your email address and hit Continue.

adding email address to connect with stripe

Enter the password you set when opening your Stripe account. And then hit Log In.

logging into your Stripe account

Note: You might be asked to verify your account with a 6-digit OTP sent to your registered email or mobile phone.

Now you need to select the Stripe account that you want to use for your WooCommerce Apple Pay integration.

Once selected, click Connect.

selecting your stripe account to connect with woocommerce

Enabling Payment Gateways

On the next screen, you will see all the available payment gateways. To keep things simple, we will only enable Credit Cards (Stripe)

However, if you wish to enable local payments too, follow this guide on configuring local payment gateways on Stripe.

configuring local payment gateways on Stripe

Setting Up Webhook

Stripe will now ask you to set up webhooks. Click on the button and move to the next screen.

set up webhooks

Enabling Express Checkouts

On the next screen, you will be asked to enable express checkout. To set up your WooCommerce Apple Pay integration, you must first enable the express checkout options in Stripe.

Enabling Express Checkouts

You are all set. But first, you should test if Stripe successfully processes the payments on your WooCommerce store.

Thus, on the last screen, select the mode you want to test: Test or Live.

selecting the mode

Once you’ve selected your preferred mode, click Save and Review Settings.

Now that your Stripe account is configured, all the details will be fetched into your WooCommerce store, including:

  • Webhook ID
  • Webhook URL
  • Live and test webhook secret
  • Debug log URL

Now, let’s enable the WooCommerce Apple Pay integration.

3. Customizing the Apple Pay Button and Testing Visibility

Go to WooCommerce > Settings > Payments

Under the Payments tab, you will see various payment options. Click on Manage next to Stripe Gateway - Credit Card (Stripe).

managing Stripe gateway (credit cards)

Now, select the Express Checkout option. Check whether the “Enable Express Checkout” option is ticked or not.

enabling express checkout option

Now you need to show on which pages you want to display the Apple Pay button.

selecting which pages you want to display the express payment options on

Customizing the Express Pay buttons

Type the text that you want to show on the Apple Pay button

Also, choose the theme for your button.

Customizing the woocommerce apple pay buttons

To add a separator between your buttons, customize the advanced settings.

customize the advanced settings

Click on Test Visibility to see if the Apple Pay button can be shown on your store.

testing apple pay button's visibility

4. Testing the Transaction via Apple Pay 

To test the payment button, put the website under the Test mode if not already.

Testing the Transaction via Apple Pay 

You can see the Apple Pay button on the pages you’ve set up.

woocommerce apple pay button on the checkout page

If you’re making a payment on a mobile device, you will see this interface. Confirm the payment with Touch ID/Face ID, and the payment will be deducted from the added credit/debit card.

Your WooCommerce Apple Pay setup is complete!

Troubleshooting Apple Pay Visibility Issues

After setting up the WooCommerce Apple Pay gateway, some users might face some issues.

The Apple Pay button may not be visible, or the domain verification may fail. Such issues need troubleshooting before your start collecting payments on your website with Apple Pay.

1. Why is the Apple Pay button not showing on my checkout page?

If the Apple Pay button is not showing on your checkout page, please ensure that your WooCommerce store follows the guidelines we shared above in the Requirements for Apple Pay section.

2. My WooCommerce Apple Pay domain verification failed; what to do?

In rare cases, the automatic domain verification might fail. You can always re-verify your domain or manually verify your domain with Apple Pay.

We have created a step-by-step document to verify your domain manually. Follow the document.

3. How do I turn off Apple Pay in WooCommerce?

To turn off the Apple Pay button in WooCommerce, follow these steps.

Go to Stripe plugin settings in the WordPress dashboard, and disable the express pay options under Payments > Express Checkout.

4. How do I host an Apple Pay verification file in WordPress?

Sometimes, while verifying your domain, you might get a message like this:

"The resource you are looking for has been removed, had its name changed, or is temporarily unavailable."

Apple’s step-by-step document will show you how to host an Apple Pay verification file in WordPress.

Bonus: Swap WooCommerce Checkout with Modern, Dynamic FunnelKit Checkout

The traditional WooCommerce checkout works well for beginners, as it does what it is supposed to do - enable the user to check out.

However, it is not optimized for conversions and is too rigid to customize.

So, what if we tell you that you can get beautiful pre-built checkout pages that you can import with just one click? 

They come with conversion-proven elements like testimonials, trust seals, one-step or multi-step checkout forms, Google Address Autocomplete, embedded forms with customizable fields, and so much more! 

Customize them with your favorite page builder - yes, drag and drop, no coding.

We are talking about the modern, dynamic FunnelKit Checkout.

woocommerce apple pay + funnelkit checkout

To reduce cart abandonments, you can enable a quicker checkout process with a one-page checkout or create a multi-step Shopify-style checkout.

With FunnelKit, you can do it the way you want!

But that’s not it. You get more.

🛒 Mini Cart Widget: FunnelKit’s checkout templates come with a mini-cart widget. This allows your users to review, delete, adjust the quantity of their items, and more.

📍 Google Address Autocomplete: Wrong addresses can lead to failed deliveries. FunnelKit’s built-in checkout page optimizations like Google Address Autocomplete, your user can type in their address with just a few keystrokes.

🌟 Rule-based Checkouts: Create rule-based checkout pages for different products and add relevant upsell offers and one-click order bumps.

📄 Advanced Form Fields Editor: With the flexible checkout form builder, add sections and additional fields and re-arrange them all right within WordPress.

FunnelKit’s checkout page templates are optimized for mobile and ensure a frictionless checkout experience for your mobile users.

Follow this document to enable express checkout options on your FunnelKit Checkout.

Ready to Set Up Your WooCommerce Apple Pay Payment Gateway?

The growth of the eCommerce industry and the rising use of express pay options like Apple Pay go hand in hand.

For business owners, it is essential that you provide such payment options on your WooCommerce stores.

The greatest benefit of Apple Pay is that it costs businesses nothing extra. Payment processors treat it as a normal credit card transaction, so you will only be charged normal credit card processing fees.

Couple your WooCommerce Apple Pay with a conversion-boosting checkout page - and see sales rolling in!

So, are you ready to set up yours? 

Author: Editorial Team
The Editorial Team at FunnelKit (formerly WooFunnels) is a passionate group of writers and copy editors. We create well-researched posts on topics such as WordPress automation, sales funnels, online course creation, and more. We aim to deliver content that is interesting and actionable.

Increase your sales, starting today.

Grab Our Exclusive Bundle