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.
Contents
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.
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.
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.
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.
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:
Now that we know the basic requirements let's proceed to set up.
Now that we’ve discussed the requirements let’s connect your WooCommerce store with Stripe using FunnelKit’s 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”.
Once you have installed and activated the plugin, you can move to the next step in this WooCommerce Apple Pay integration.
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.
Click on Connect with Stripe.
You will be redirected to the Stripe account authorization page. Enter your email address and hit Continue.
Enter the password you set when opening your Stripe account. And then hit Log In.
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.
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.
Setting Up Webhook
Stripe will now ask you to set up webhooks. Click on the button and move to the next screen.
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.
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.
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:
Now, let’s enable the WooCommerce Apple Pay integration.
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).
Now, select the Express Checkout option. Check whether the “Enable Express Checkout” option is ticked or not.
Now you need to show on which pages you want to display the Apple Pay button.
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.
To add a separator between your buttons, customize the advanced settings.
Click on Test Visibility to see if the Apple Pay button can be shown on your store.
To test the payment button, put the website under the Test mode if not already.
You can see the Apple Pay button on the pages you’ve set up.
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!
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.
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.
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.
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?