Apple Pay Function not working on Chrome

[marycrichton123]

Hi There, 

I am looking for some help with Apple Pay as well, as I have a site on Shopify: https://mishmash.world

At checkout on Chrome, Apple Pay is an option and this lets users complete the order and they receive an email of confirmation - however the payment is never taken. 

On Safari and IPhone Apple Pay is also an optopn and it works well. 

See images attached. 

Chrome: 

Safari: 

Please can you help! 

Thanks, 

Mary

[PaulMartin]

Hey Mary,

By "payment is never taken", does that mean that after the user checks out using Apple Pay option:
1. no money is being sent to your account and
2. no money is being taken from their Apple account?

[marycrichton123]

The user receives a confrimation email and the order comes up on the backend, but no payment is taken. 

[PaulMartin]

Does the same "Payment pending" show on devices that used Safari -- Apple Pay on checkout?

[marycrichton123]

So payments made on safari or iphone, go though and do not say payment pending - it says: paid 

[Vi-WizzCommerce]

Hello @marycrichton123 !

Thanks for the screenshots — this is a very unusual Apple Pay behavior, and you're absolutely right to be concerned. Let’s walk through the issue and possible fixes:

🧠 Likely Causes

1. Chrome Showing Apple Pay = WebKit iOS fallback

• Chrome on iOS uses WebKit under the hood (due to Apple's restrictions), so Apple Pay can appear.

• However, Apple Pay isn’t officially supported on Chrome desktop, which can cause unexpected failures at the gateway level.

• 🔍 Official Shopify & Apple docs state: Apple Pay is only supported on Safari (desktop and mobile) with Shopify Payments or Stripe.

2. Payment App Misfire or Incomplete Tokenization

If Apple Pay is used via Chrome (desktop) in an unsupported scenario, the payment token can fail silently — leading to:

• Order being created

• Email sent

• No funds captured or even authorized

This is what's happening in your case.

Solution

🔧 A. Disable Apple Pay on unsupported browsers

Unfortunately, Shopify doesn't let you manually control where Apple Pay shows, but you can hide it using JavaScript.

Add this to your theme:

document.addEventListener("DOMContentLoaded", function () {
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
const isAppleDevice = /Mac|iPhone|iPad/.test(navigator.platform);

if (!isSafari || !isAppleDevice) {
const applePayButton = document.querySelector('.shopify-payment-button__button--apple-pay');
if (applePayButton) {
applePayButton.style.display = 'none';
}
}
});

Place this in theme.liquid before the closing </body> tag.

🔧 B. Confirm Shopify Payments is properly configured

Go to:

• Settings > Payments

• Ensure Shopify Payments is active

• Click Manage > confirm Apple Pay is enabled

• If using a third-party processor, confirm that Apple Pay support is official (Stripe is ideal)

🔐 Bonus: Prevent ghost orders from incomplete Apple Pay

If this happens often:

• Use Shopify Flow (on Plus) or a webhook to detect unpaid orders after 15 mins and flag/cancel.

• OR show a “processing” modal during Apple Pay to prevent premature exits.

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!