How to Setup Apple Pay on WooCommerce?
7-layers of Security for Your WordPress Site
Your website needs the most comprehensive security to protect it from the constant attacks it faces everyday.
Apple Pay is rapidly gaining momentum as a popular means of online payment, especially as people become more wary of using bank accounts and even credit cards online. Adding a variety of payment methods removes a lot of friction from the checkout process, and you will definitely see a corresponding bump in your conversions.
Apple Pay doesn’t have their own plugin to integrate with WooCommerce, but there are a bunch of great payment gateways that let you add Apple Pay as a payment option on your checkout page. This is actually a better solution because you don’t want to add a plugin every time a customer requests a new method of payment.
In this article, we’ll talk about how to easily add a WooCommerce apple pay payment option. We’ll talk about how to customize the buttons. Also, if you haven’t picked a payment gateway for your site, we will also help you figure out how to choose the best one.
TL;DR: Stripe is the most versatile payment gateway that lets you add Apple Pay to WooCommerce by adding a file to your site files. WooCommerce Payments is limited by the number of countries in which they function, but adding Apple Pay to WooCommerce is as simple as checking a box. Either way, we recommend you backup your site with BlogVault so you never have to worry about losing your site.
Before you start setting up Apple Pay to WooCommerce, there are a few things you are required to have. These are Apple Pay’s requirements to make sure your site is safe and secure for transactions of any kind. There may be some overlap with the requirements your payment plugin already has.
Requirements to set up WooCommerce Apple Pay
Some of these are site/server requirements and some are to do with Apple pay compatibility. Either way, we recommend you have them all. They ensure that you can test your payment methods and secure your site for actual transactions.
- Compatible payment method: You need a bank account and card that is compatible with Apple Pay. If you’re unsure, get in touch with your card provider to find out.
- Compatible Apple device: Like the entire Apple ecosystem, you need an Apple device to use Apple Pay. It also needs to be a device with the latest version of iOS, macOS, iPad, or watchOS. Here’s a list of compatible devices.
- Safari web browser: Depending on which browser, you will see either Apple Pay or Google Pay. So, you need a Safari browser to test the button and feature.
- SSL certificate: Depending on which hosting company you use, you may have to invest in an SSL certificate. While this is a security requirement for Stripe and Apple Pay, we would recommend you get an SSL certificate anyway. Here’s an article on how to install an SSL certificate.
- Server requirements: The site must be served over HTTPS, which in turn means you must have an SSL certificate. Your server must also support TLS 1.2 or higher. This is a security requirement that may need to be enabled. Check out the article on how to check if your site does support TLS 1.2. The server must also have a 443 port open. This refers to the ability of your server to transfer secured data. This is also automatically enabled with a TLS-enabled server.
- Apple Pay account: While this is not necessary for you to be an Apple Pay merchant, we recommend you have an account so that you can test the Apple Pay method of payment.
How to add Apple Pay to WooCommerce? (2 ways)
There are a bunch of payment gateways that you can integrate with your site so you can offer payment methods like Apple Pay to your customers. Two such payment gateways are:
How to add Apple Pay to WooCommerce with Stripe
To add Apple Pay to WooCommerce with Stripe, you need to enable Express Checkouts. This method requires adding a file to your server, so we recommend you backup your site with BlogVault before doing anything. BlogVault makes it easy to backup your site automatically and restores it, in just a few clicks.
What else does Stripe require? Here is a checklist of what you need before you integrate your site with Stripe:
- SSL certificate
- WooCommerce versions 2.2 and above
If you’re already a Stripe merchant, you can skip the first three steps. If not, this section will show you how to integrate Stripe to WooCommerce as well.
- Create an account: Go to the Stripe website, create an account, and add business and banking details. Here’s a detailed list of steps.
- Install and activate the plugin: We’re using the WooCommerce Stripe Payment Gateway plugin. Head over to your WooCommerce site. Hover over Plugins on the left sidebar and click Add New. Next, search for the plugin and click Install and Activate.
- Link site to Stripe Account: On the dashboard, click WooCommerce in the sidebar, click Settings and click Payments. Then, toggle on the Stripe (Credit Card) option. This will prompt you to login to your Stripe account and redirect you back to the site dashboard when you’re done.
- Enable Express Checkouts: This is necessary to enable payment options like Apple Pay and Google Pay. On the WooCommerce dashboard, select the Settings tab. Then, click Payments and then Stripe. The option for Google Pay or Apple Pay will show up depending on what kind of browser the customer is using. Safari is the only browser that will show the Apple Pay option.
- Add domain to Stripe dashboard: Back on the Stripe dashboard, click Settings from the sidebar. Then select Apple Pay and then Add New Domain. Then, add the domain of your site and click Download Verification File. You’ll notice that Apple Pay requires you to add this file to a .well-known folder. Create a new folder on your desktop and name it “.well-known”. We recommend copying the name from the Stripe dashboard to name your folder to avoid any typos. Now, add the verification file to the folder.
- Connect to the server: The next step is to add the folder to your site files. We’re using an FTP client called Cyberduck. To do this, you will need to install Cyberduck and get your app credentials (username, public IP, and password) from your host. Click Connect, select either FTP or SFTP and add your credentials to connect to your server.
- Add file to your root folder: Once you connect to your server, all your files will be available. You need to add the .well-known folder to your root folder. In our case the root folder for our site is the public_html folder. You can drag the folder from your desktop to the root folder. Once you’re done, head back over to the Stripe dashboard and click Add in the popup.
- Customise Express Checkout buttons: Head back to your WordPress admin panel. Click Customize Appearance and you can change the way the button looks. For example, instead of the button saying “Pay Now”, it could say “Pay now with Apple Pay” instead. Click Save Changes when you’re done.
- Enable testing and add events: If you’re new to Stripe, you will want to enable testing and configure your test API keys. This helps you to test your checkout page and checkout how customers will make payments. You will also want to add events.This gives you real time updates on your site. Check out this article to do all of this.
- Test Apple Pay: We recommend you test it on your iPhone or a device where Apple Pay is already set up. Create a product for a minimal amount. Copy the URL of your website and paste it on your device’s Safari browser. Then go ahead and check if Apple Pay is showing up as an option. If you’re having issues, checkout our section on troubleshooting.
Stripe is an amazing, versatile, and globally accepted payment gateway. We’ve written an article on adding Stripe to WooCommerce that you might find helpful.
How to set up Apple Pay with WooCommerce Payments
While WooCommerce Payments is available only in a few countries, it comes with some big bonuses. The dashboard is really well integrated and it enables you to manage all things payment-related right from wp-admin. Additionally, your customers can pay without being redirected to another site, which often causes drop-offs at checkout time.
If WooCommerce Payments is a good fit for you, this section will help you install the plugin and enable WooCommerce Apple Pay. With that in mind, let’s go over what you need before you install WooCommerce Payments.
- SSL certificate
- PHP 7.0+
- WordPress 5.8+
- WooCommerce 6.6+
- Business in a supported country
It is easy to install and set up Apple Pay with WooCommerce payments. If you’re an existing merchant, skip the first 4 steps.
- Download the WooCommerce Payments plugin: It’s a free plugin available from the WooCommerce site, so you can just download the file to your computer.
- Upload plugin: On your WordPress admin panel, click Plugins in the sidebar. Click Add New and click Upload Plugin. Next, upload the file from your computer and click Install Now.
- Activate plugin: Once the installation is done, click Activate to finish the installation.
- Verify business details: Click Payments and then Setup. You will be prompted to fill in details about your business and bank account.
- Enable Express Checkout: In the Express Checkout section, select Apple Pay/Google Pay. It must be noted that you will only see Apple Pay as an option if you’re using the Safari browser.
- Customise Express Checkout: Click Payment and then Settings. Click Customize on the right to decide on which pages the Express Checkout buttons will appear. You can decide to put it on just your cart, for example. You can also change the size and colour of your button.
- Enable Test Mode: In the Settings tab, enable Test Mode so you can test out your Apple Pay button. Create a product for a minimal amount and go ahead and purchase it. Make sure to use a device that has an Apple Pay account and a Safari browser.
And…..you’re done. You’ve successfully set up Apple Pay with your WooCommerce site.
There are other payment gateways like Square that you can use to set up WooCommerce apple pay however Stripe and WooCommerce Payments are the most widely used. If you are already using a different payment gateway and would prefer to integrate Apple Pay into that, you would need to reach out to the gateway’s support team.
Things to do after adding Apple Pay to WooCommerce site
Adding a new payment option for your customers is a great way to reduce friction at checkout. Here are a few additional things you can do to improve customer experience:
- Customise the checkout page: Changing up your checkout page to better suit your purchase flow can help you with conversions. You can use WooCommerce templates or the popular page builder, Elementor to add flair to this critical page.
- Tell your customers about the new addition: Chances are you’ve decided to add WooCommerce Apple Pay as an option in response to customer requests. Send them an email to let them know you have responded to the request. It goes a long way in building rapport.
- Install a backup plugin: We recommend having a backup plugin that supports WooCommerce stores with real-time backups, so that you know that all your store data is safe. Making changes to your store in response to your audience is a fantastic and dynamic way to conduct business, but it can all be for naught if a small error can take down your site. BlogVault has the best WordPress backups available and you can focus on creating the best shopping experience for your customers instead.
Troubleshooting WooCommerce Apple Pay issues
If you’ve gone through the trouble of setting up Apple Pay to WooCommerce and are still unable to use the feature, it can be frustrating. But it is definitely fixable. Here are some things you can do:
Unable to see the button?
- Verify your domain again
- Disable dev mode
- Enable Apple Pay in the Payments section of your WooCommerce settings
- Hover over WooCommerce and click Settings. Then click Accounts and Privacy. Enable “Allow customers to place orders without an account” or “Allow customers to create an account during checkout“. If you allow customers to create an account at checkout, make sure you’ve also enabled “When creating an account, send the new user a link to set their password“.
- Make sure you’re testing on a valid device. It has to be an Apple device and it has to have Apple Pay enabled on it.
- Ensure your site is served over HTTPS.
Unable to see the Apple Pay button in the right position?
- The product may not be compatible with Apple Pay
- Your theme may noy be compatible with WooCommerce hooks.
Are you seeing an error message?
Shipping Region is a required field.
Billing Region is a required field
For Apple Pay to work, you also need at least one shipping zone in the area that your customer is buying from. So, in the Shipping Zone settings, make sure you’ve enabled Everywhere.
Are you unable to use the Apple Pay button?
Clear your cache. Sometimes, it could be an issue with your cache. You can either clear it yourself or ask your hosting provider to help you clear it. Test again and see if it works.
Apple Pay is fairly easy and straightforward to set up. So it’s unlikely that you will run into any issues. But if you’re struggling, despite the methods above, we recommend you reach out to the plugin’s respective support teams for more specialised assistance.
Why choose Apple Pay?
If you’re on the fence about whether or not it’s worth your time to set up WooCommerce Apple Pay, here are a few reasons that might help you make that decision:
- Security: All transactions are secure and require either a passcode or biometric security like Face ID or fingerprint. This makes the customer feel more secure that unauthorized payments are nearly impossible.
- Faster checkout: It only takes a click for your customer to buy a product. There’s no need to add bank or card details. Nothing makes a shopping experience better than a fast checkout.
- Higher conversions: Faster checkout means a better shopping experience. A better shopping experience means that a customer is more likely to come back and shop from you.
- Valid for different types of products: Apple Pay is pretty versatile when it comes to the type of products your customer can buy. Apart from simple products, they also allow for subscriptions and pre-orders. Here is a link talking about what they allow.
How to choose the right payment gateway?
If you’re ready to enable WooCommerce apple pay, which payment gateway should you use? As we mentioned before, there are a whole lot of gateway integrations available but how do you choose which ones to use? Let’s talk about that.
Doing your research to determine which payment gateway works for you, can be crucial to your business. Here are a few factors that can sway your decision:
- Country of business: Where are you selling from? Where are you selling to? This will determine which payment gateways are available for you and your customers. Each payment gateway has their own list of countries that they work in. Check that out before you make any decisions.
- Cost: How much does each transaction cost? How much is going out of pocket? Does the cost vary depending on the transaction? Can you afford those costs? These are basic questions that you will need to consider.
- Security: Stripe and WooCommerce Payments are both secure payment options. They both need SSL certificates, for example. They have also provided documentation on how sensitive data is handled. They’re also PCI DSS compliant. So, you can rest assured that customer data is being transferred to your site securely.
- Manage transactions: How do you manage transactions? Stripe, for example, requires the Stripe dashboard. WooCommerce Payments allows you to manage it from your site dashboard. Which one do you prefer?
- Accepted payment methods: What are the shopping behaviours of your customers? Does the country that you do business in prefer certain types of payment methods? Maybe they don’t use Apple Pay but a more local payment method. In that case, does your payment gateway offer those methods?
- Settlement timelines: How long does it take, between your customer finishing the transaction and the money reaching your account? What about refunds? Does your payment gateway offer quick settlements?
Adding Apple Pay as a payment method to your WooCommerce site is easy, secure, and sure to boost conversions. Depending on the payment gateway you use, there is a little bit of editing that needs to be done to your site. So, we recommend backing up your site with BlogVault. BlogVault is the security blanket and insurance you are looking for.
How do I enable Apple Pay on Stripe WooCommerce?
To enable Apple Pay with Stripe WooCommerce, enable Express Checkouts in the Payment Settings page. You can then go ahead and customize the button as you’d like. Make sure you meet all the requirements for Apple Pay.
How do I integrate Apple Pay on my website?
Install and set up a payment gateway like Stripe or WooCommerce Payments. Then, enable Express Checkouts to add Apple Pay or Google Pay as a payment method for your customers.
How do I add a payment method on WooCommerce?
You’ll need a payment gateway like Stripe to add payment methods to your WooCommerce site. Choose a payment gateway that offers the methods you require. Here’s a list of 11 payment gateways to consider.
Does Stripe allow Apple Pay?
Yes. It does. You need to enable Express Checkouts on the Stripe plugin to enable Apple Pay or Google Pay payment methods on your WooCommerce site. Go to your payment settings to enable it.
You may also like
These days, individuals use public computers or networks, employees share devices in the workplace, and remote users connect from personal devices or VPN. This has made it very important to…
Making huge changes to a website can be stressful for administrators. However, updating your plugins, themes, and core files is necessary for security. Updating your branding, for example, is important…
Putting your site in maintenance mode is like putting an “Out Of Service” sign outside an elevator. It makes sure clients and customers know that there is the site is…
How can we help you?
If you’re worried that your website has been hacked, MalCare can help you quickly fix the issue and secure your site to prevent future hacks.