Apple Pay in non Safari browsers in Shopify store

Shopify Discussion

Topic summary

A Shopify store owner is trying to enable Apple Pay checkout in Chrome and Firefox browsers following iOS 18’s rollout of this feature. The functionality should allow users to complete purchases by scanning a QR code with their iPhone or iPad.

Technical Implementation:

  • Apple provides a JavaScript SDK that needs to be added to the site’s <head> section
  • Domain verification and SSL certificates must be properly configured
  • Apple Pay should be activated in Shopify’s payment settings

Current Issues:

  • The Apple Pay button is not appearing in non-Safari browsers for some users
  • One user reports Apple Pay shows in Chrome but fails to process payments (order confirmation sent but payment never captured), while it works correctly in Safari and on iPhone

Status: The discussion remains unresolved. Multiple participants are requesting working examples of successful implementations, but none have been provided. The payment processing failure in Chrome represents a critical issue requiring further troubleshooting.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Has anyone had any success enabling Apple Pay checkout for a Google Chrome or Firefox users (macOS or PC)? This was rolled out in iOS 18 but Shopify support hasn’t been able to help:

https://www.theverge.com/2024/6/13/24177851/apple-ios-18-pay-chrome-scanning-code-wwdc-2024

Thanks

2

Hi @JosheCommerceDe ,

  1. Apple Pay Support: After iOS 18, Apple Pay works on Chrome and Firefox on both macOS and Windows. Users can complete checkout by scanning a QR code with their iPhone or iPad.

  2. Shopify Setup: To enable Apple Pay on Shopify, make sure it is activated in your payment settings. Shopify will automatically show the Apple Pay option on compatible browsers and devices.

  3. Troubleshooting: If the Apple Pay button doesn’t appear in Chrome, check domain verification and SSL certificate. If the issue persists, contact Shopify support or consult a web developer.

3

Thanks but it doesn’t show up in non Safari browsers. Do you have an example?

Here is the code from Apple that needs to be added, but I haven’t gotten it to work:

https://developer.apple.com/documentation/apple_pay_on_the_web/using_the_apple_pay_js_sdk_for_ios_18

4

Hi @JosheCommerceDe ,

To enable Apple Pay in Chrome and Firefox, make sure you add the Apple Pay JS SDK:

Also, ensure Apple Pay is activated in Shopify’s payment settings, and your domain is verified with an SSL certificate. For non-Safari browsers, users will complete checkout by scanning a QR code with an iPhone or iPad.

5

Thanks - do you have an example of a website that uses this?

6

Yes, do we have an example of implementation? I saw this on what I think is a non-Shopify store. I used it and it gives me an extra percent back when using my Apple Card.

This would definitely be cool to add to my own Shopify store.

Thank you

7

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:

WhatsApp Image 2025-06-16 at 5.15.20 PM.jpeg
WhatsApp Image 2025-06-16 at 5.15.20 PM.jpeg1366×1533 93.9 KB

Safari:

WhatsApp Image 2025-06-16 at 2.39.55 PM.jpeg
WhatsApp Image 2025-06-16 at 2.39.55 PM.jpeg1600×1010 71.3 KB

Please can you help!

Thanks,

Mary