Setup Apple Pay in WooCommerce with Stripe!
Vložit
- čas přidán 30. 07. 2024
- In this guide, learn how to enable Apple Pay on your WooCommerce store.
👉Get Apple Pay: sgwp.dev/apple-pay
🚨 Help! Apple Pay is not showing up?
If Apple Pay is not showing up on your Cart or Checkout page, make sure you are using an Apple product (i.e. iPhone, iPad, MacBook, etc.) and Safari browser. If you are still having issues clear your cache and try on both your 🖥 desktop and 📱mobile phone. Also make sure you have SSL certificate on your site and HTTPS is used instead of HTTP. Another issue I see is that users do not have Apple Pay setup on their phone. Double check this by enabling “Allow payments on Mac” in your iPhone settings. On your iPhone, go to Settings, click Wallet, scroll down to bottom to enable.
🔵 Want to support the channel?
Check out my favorite WooCommerce hosting provider if you are tired of a slow hosting experience (yes, this is an affiliate link): kinsta.com/?kaid=KSNUROHTRIXC
Step 1. Enable payment request buttons
First, login to your WooCommerce dashboard. Next, go to your WooCommerce Settings and then Payments. Then, click Manage on Stripe. Finally, click the checkbox to enable Enable Payment Request Buttons. Click Save.
Step 2. Add your domain to Apple Pay in Stripe
Next, login to your Stripe dashboard. Then, click Settings-Payment Methods-Apple Pay. Next, click “add domain” and enter your domain. Finally, download the verification file to your computer.
Step 3. Upload verification file to document root
Next, connect to your server via SFTP or SSH using a tool such as FileZilla. Then, upload the apple-developer-merchantid-domain-association file to the .well-known folder in your document root.
You may have to create the “.well-known” folder on your server by creating a new directory. To make sure you followed this step correctly, navigate to yourdomain.com/.well-known/ap.... You should see a string of many randomly generated numbers.
Step 4. Test that Apple Pay is working
Open up a Safari browser on your phone or computer. Go to your website and add one of your products to Cart. You should see the option to pay with Apple Pay. If you do not see this option, make sure that you are using the Safari browser. You may also have to clear your cache.
Pro tip: Update 1 product in your store to be $1 and do a real transaction using Apple Pay to make sure everything is working!
See the full post on my blog: sgwp.dev/a549f
⚡ Related Content
- How to setup Stripe? • Setup Stripe on WooCom...
- How to setup PayPal Standard? • How to setup PayPal St...
- How to setup Authorize.Net • How to setup Authorize...
-- BEST WORDPRESS HOSTING --
🚀 Kinsta: kinsta.com/?kaid=KSNUROHTRIXC
-- DESK SETUP --
Standing Desk: amzn.to/40QdBO6
Monitor: amzn.to/3E8Sa0T
Monitor Arm: amzn.to/3YzegC8
Power Hub: amzn.to/3Ikj3kV
Cable Management Tray: amzn.to/3xmZy57
Microphone: amzn.to/413zgT8
Boom Arm: amzn.to/3Ile8jP
Logitech C922 Webcam: amzn.to/3XrT3Zl
Desk Video Light: amzn.to/3XnAWUd
Headphones: amzn.to/3xgZHXE
Keyboard: amzn.to/3xmFobe
Logitech Mouse: amzn.to/3KcMvKW
Xbox Controller: amzn.to/3IkObAJ
Laptop Stand: amzn.to/3K873V1
Stool: www.autonomous.ai/fitness/erg...
Lightstrip: amzn.to/3lwqtbU
Chair: amzn.to/3YS37Mt
Macbook Pro '15: amzn.to/3k1pO1H
SanDisk 500GB External SSD: amzn.to/3K6IvvO
0:00 - How to setup Apple Pay on your WooCommerce store?
0:42 - Add domain to Apple Pay in Stripe
1:00 - Download and upload verification file via SFTP
2:51 - WooCommerce settings setup
3:10 - Enable Payment Request Buttons in Stripe settings
3:21 - Do a test Checkout in the Safari browser using laptop or phone
#WooCommerce #WooCommerceApplePay
DISCLOSURE: We often review or link to products & services we regularly use and think you might find helpful. Wherever possible we use referral links, which means if you click one of the links in this video or description and make a purchase we may receive a small commission or other compensation. - Jak na to + styl
If Apple Pay is not showing up on your Cart or Checkout page, make sure you are using an Apple product (i.e. iPhone, iPad, MacBook, etc.) and Safari browser. If you are still having issues clear your cache and try on both your 🖥 desktop and 📱mobile phone. Also make sure you have SSL certificate on your site and HTTPS is used instead of HTTP. Another issue I see is that users do not have Apple Pay setup on their phone. Double check this by enabling “Allow payments on Mac” in your iPhone settings. On your iPhone > go to Settings > click Wallet > scroll down to bottom to enable. 👉Get Apple Pay on your WooCommerce store: sgwp.dev/apple-pay
still not showing Apple Pay anywhere, on my iPhone in safari or chrome. or on my windows laptop in chrome?
itfben have you enabled “Allow payments on Mac” in your iPhone settings? On your iPhone > go to Settings > click Wallet > scroll down to bottom to enable. Here is more info on their support thread: discussions.apple.com/thread/7756284?answerId=30990363022#30990363022
itfben can you share your product page url so I can test adding product to cart to see if I can see on my end?
@@itfben can you try disabling PayPal Express Checkout plugin for a few minutes?
I am now seeing the Apple Pay button show up in 'private window' on Safari: imgur.com/a/gWx5q0S
Hello, can I use apple pay without stripe which is not supported in my country? .. I use another payment gateway and it provides apple pay but I have no idea how to integrate it with woocommerce
Great tutorial! I have one issue. For some reason when i test apple pay, it asks for "contact". When i use it on other woocommerce stores, i won't get asked for contact. In my store, people have to manually enter their email address and phone number in the apple pay popup comes. I don't know why. Do you know how to change the required customer contact information inside the apple pay popup?
Is there any way of ONLY accepting Apple Pay and not stripe in general on the checkout page?
Hello
Am trying to upload the .well-known to blue host but am not sure where to upload it. Could you please help me
I did the same thing but I am still not getting my confirmation. Stripe is telling me that the page can not be found. I have double-checked everything and everything is the same as you did.
Can you please help?
Thank you so much for your video! You helped me a lot!
fast, clear and super easy. Thank you!
glad it was helpful Alberto!
Thanks Simon :)
for sure!
Thanks! Clear instructions. It made my life easy.
Worked! Thank you!
Glad to hear!
Hi thanks for the video. I have also been having similar problems to other people in the comments. I can't see Apple pay. I tried your recommendations but sadly nothing. But I found that if you turn off the safari setting "Check for Apple Pay" then the buttons do show up. Do you have any ideas for a solution that doesn't require this setting to be turned off?
Roberto Guagnelli good question. I dont have a good answer as this would be something for Apple and Apple Pay team. Are you using a different iCloud account on your Mac versus your iPhone perhaps? Have you enabled “Allow payments on Mac” in your iPhone settings? On your iPhone > go to Settings > click Wallet > scroll down to bottom to enable. Here is more info on their support thread: discussions.apple.com/thread/7756284?answerId=30990363022#30990363022
thanks for the video!
glad it was helpful Brown!
IS there any way of accepting Apple Pay without offering the other credit card options with Stripe... so only Apple Pay?
Yep, there is - $99 a year.
great video, thanks!
Glad you liked it!
My Stripe plugin in WooCommerce handled all that for me, and didn't have to upload the file manually - but you were right - it doesn't show up in Chrome even if I'm on a Mac. I kept trying to find a solution for something that was already working... Thanks for the helpful reminder!
Anna S. Good to know!
Bro! I've tried EVERYTHING, but you're the only who showed how to resolve my problem. THANK YOU SO MUCH!!!
glad it was helpful!
Thanks Bro! More power
Thank you!
Thanx for the video. It helped me, but i also want to add google pay please help me how can i add google pay too? with stripe
Hey Amir, if you enable the payment request buttons in Stripe (the same thing you did for Apple Pay), Google Pay will show up. FYI that you have to make sure you have added payment methods to your Chrome browser. In addition, you have to use Chrome to see Google Pay show up. Here is example of a site that has Google Pay and Apple Pay: auntfannies.com/cart/?add-to-cart=209
Thankkkkksssss
Thanks for watching!
thx!!!
Thanks for watching!
are you using the stripe plugin my woocommerce does not have that option
Hey AGS! Yes I am using the WooCommerce Stripe plugin.
Hello, I cannot rename the well-known folder to .well-known in filezilla, if I do it it says "mv well-known /WordPress_07/.well-known: no such file or directory". Can you help me with this?
Try adding a dot at the end. For example, ".well-known." instead of ".well-known". See more info here: superuser.com/questions/64471/create-rename-a-file-folder-that-begins-with-a-dot-in-windows. Did this solve your issue?
Why did you delete some files?
stay consistent you gained a follow
thanks man! Are there any videos you want to see next?
Great video. Short and sweet!!
Thanks! Glad it was helpful!
Just subbed, think I'm 999 so almost at that magic number man! Congrats!
Thank you! Now have to start the road to 5,000 subs!
That is one superhero jawline!
Haha thank you!
Thanks, this was very helpful!
J Schroeder glad it helped!
nice tut
Thanks man!
Great Video and easy to follow
The problem i have is when I added my domain on step 1 and then step 2 to download verification file, I do not see any file downloaded after i click to download. Can you tell me if anything i can do to fix the problem. thanks
Hey Ted! Can you check your Downloads folder to see if the file ended up there? OR try searching files on your computer that starts with "apple-developer".
Thanks for quick reply and Happy New Year!
I did not find downloaded file from this link:(dashboard.stripe.com/settings/payments/apple_pay)
But if i use this link, stripe.com/docs/stripe-js/elements/payment-request-button, I got the apple-developer file (apple-developer-merchantid-domain-association)
Let me try to explain to you if you can help me solve the problem. I used this file (apple-developer-merchantid-domain-association)
placed it inside .well-known folder under blazinbagelz-gilroy.com (which is my domain name bought it at Hostagor.com). and I migrated to Cloudways.com but use Cloudflare as my DNS and CDN. My name server on Hostagor point to Cloudflare. When I tried to add domain name, I got the error msg as follow:
(In order to register your domain with Apple, you will need to first verify your ownership of the domain.
We attempted to retrieve the file at blazinbagelz-gilroy.com/.well-known/apple-developer-merchantid-domain-association, but received a 404 status code from your server. Please check that the file is hosted correctly. Note that our servers most likely send different HTTP headers than your browser; you should check your logs to see why the request failed. For more information, see stripe.com/docs/stripe-js/elements/payment-request-button#verifying-your-domain-with-apple-pay). I tried to contact Stripe but I still could not fix the problem.
@@tedkhieu8995 I would reach out to Cloudflare. Cloudflare may be limiting access to your document root and have a firewall of some sort. This link may help you get in the right direction: community.cloudflare.com/t/apple-pay-failed-to-verify-domain-when-the-cloudflares-proxy-is-turned-on/222760
Quality tutorial! Is there a way I can add the Apple Pay button to a single product page or checkout? Its only showing up on add to cart page.
Hey Joel. Apple Pay should be showing up by default on your product page. Are they still not showing up? In terms of adding Apple Pay to the Checkout page, see this post (sgwebpartners.com/setup-apple-pay-on-woocommerce/#step5) and copy/paste the snippet under "How to add Apple Pay on your Checkout page?" into your functions.php file.
@@simongondeck Thanks for the reply! All sorted on the checkout page, just not showing on product page. It's a single product template through elementor, maybe this has something to do with it.
Joel Donnelly for sure! I would reach out to Elementors support team as by default the buttons should be enabled on the product page. It looks like others are having the same issue as you: wordpress.org/support/topic/problem-with-elementor-hello-theme-apple-pay-in-product-page/
HI, Wondering if you can help, I have followed this very good tutorial, and im sure ive done everything right, but the apple pay option still isnt showing in my checkout page. I checked using mydomain.com/.well-known... etc and it showed the sequence of numbers and letters so i know its done right. I just cant work out why it doesnt show? Its enabled in woocommerce...
Hey Chloe! Can you try clearing your cache and retrying this? Keep in mind that you have to use the Safari browser and have Apple Pay enabled on your iPhone or Mac device. Can you open up the Safari browser on your iPhone > go to your website > add product to Cart > do you see on your Cart page? Are you trying to have it show up on both your Cart and Checkout page? Let me know!
Hi. Thanks for coming back to me. I’m trying to get it in the checkout page. I have an iPhone and I’m using safari. Cleared Cooke’s and cache but still not showing? The site is luxd.co.uk
@@chloespanton2039 Same!!! HELP!!
good content bro
thank you man
Hi, can I also set up google pay payment using stripe in an Ecommerce website?
Yes. If you setup Apple Pay with Stripe, you will see Apple Pay in Safari browsers and automatically adds Google Pay if using the Chrome browser.
@@simongondeck Thanks! But how can I set up Google Pay, like for Apple pay we have to add the file in the file manager, what needs to be done for Google pay? Thanks! : )
Thank you. I had to check in Safari. How do I get the ApplePay button to show up on Chrome or Edge?
Hey Jeff! it only works in safari.
@@simongondeck Thanks for the heads up. Why do you think Apple Pay works is supported in other browsers and can work in Chrome, Edge with other paid plugins? I googled it now and SimplePay Pro plugin supports it?
Do you think there's code that can be added to the child theme's functions.php to accomplish this?
Is the same true for Google and Samsung not working on Saffari and only Chrome, Edge?
@@jeffbrooks23 In my experience Apple Pay only works in the Safari browser. I have not seen this in other paid plugins but I could be wrong (or someone is manipulating iOS user agent?)! On Apple's site they state Apple Pay works at following places: support.apple.com/en-us/HT208531.
I just googled it and it's because no one else follows Apple's security, so I guess if it's listed in the other plugin, it's only for Safari. Thanks again!
@@jeffbrooks23 Hi Jeff sounds good and yes for sure!
This is the clearest explanation on the web! I got mine added but I am getting an error that reads: “Apple Pay domain verification failed.” It’s shown as connected in my stripe account but I don’t seen any information in my log as to what the issue is. Any suggestions??
can you provide your website link? In addition, do you have a SSL certificate on your site?
You earned my sub! Thanks for the tutorial. Although I had mine set up, it wasn't showing for apple users. I did what you showed but it's still not showing. I had the test users clear cache, I cleared all the cache on my website and it's still not showing. Any other tips to get it to show? Thanks again, get that 1,000 bro!
Thanks man! Could you share the URL you are trying to get this Apple Pay to work on? Also, what country? I just want to be sure cause Apple Pay says it works on the following countries: support.apple.com/en-us/HT207957
@@simongondeck I have to say I am getting the same and I am in the UK
Best. did all but Apple Pay not showing on my safari. Any idea?
I would try on your iPhone using the Safari browser. Are you seeing it now? Do you have Apple Pay setup on your iPhone?
SG Web Partners thank you for your Reply but unfortunately it doesn’t show maybe there is in a special setting for Apple Pay icon to show ? I am not sure if if working as I do not see “ Apple Pay” When visiting their page either on Safari or is there an iPhone and the whole thing is that I can’t because a lot of people have it set on their iPhone to pay quickly. Will be great to hear what is your solution can be
@@tomerlevi6628 Could you share the URL you are trying to get this Apple Pay to work on?
I suggest you update the video, because there are no recent videos about Apple Pay on CZcams, they are all from a long time ago
If I want To do in Shopify what I need to do
Is there an explanation you found?
great video easy to follow up, but sadly is not working, i am not sure if i miss something, do i need to have a developer account with apple? if there another way to fix it? has anyone on this comment section been able to make it work?
You do not need an Apple developer account. What issue are you having? If Apple Pay is not showing up on your Cart or Checkout page, make sure you are using an Apple product (i.e. iPhone, iPad, MacBook, etc.) and the Safari browser. I recommend using your iPhone to test this since Apple Pay is usually set up there.
@@simongondeck thank you, I am using an iPhone with safari after clearing the cache and history and nothibg
@@simongondeck can you setup that? if so how much do you charge to setup that feature? thank you
@@GermanRodriguezqndq got it. Do you have Apple Pay set up on your iPhone? Have you enabled the payment request buttons in the Stripe plugin settings? Do you have live mode enabled in Stripe plugin settings?
@@simongondeck Apple pay setup = yes, enable payment buttons = yes, live mode = yes, i am receiving payment via regular credit cards process, i am not sure what else i am missing
Can you do one for google pay?
Hey Sandra! If you enable the payment request buttons like I show in this video the Google Pay buttons will also show if you are using the Chrome web browser. Hope this helps!
Do we need to verify stripe using our ID?
Yes you would need to add your live API (or test API) keys to the Stripe plugin in WooCommerce settings - Payments - Stripe.
@@simongondeck Do stripe ask for Id and address proof of owner? Like paypal do
@@muhammadumer789 yes stripe does ask for business ID and tax ID. It may vary from country to country.
@@simongondeck Okay Thanks
@@muhammadumer789 for sure!
Mine still not showing
Can you double check if you are using Safari browser on your iPhone/iPad or Mac laptop/desktop? In addition, do you have Apple Pay setup on your device?
hi can you make a video how to integrate google pay please ? Thank you
Yes will add it to my list! Also, are you currently using Stripe on your WooCommerce store? If so, you can enable the "Payment request buttons" to also enable Google Pay, Samsung Pay, and Microsoft Pay. See more info: docs.woocommerce.com/document/stripe/#section-9. Also, checkout my Stripe tutorial here: czcams.com/video/dVI5rKEx6b4/video.html
@@simongondeck thanks man.. appreciate the help..
@@coriassphenix forsure!
i have check the box of Payment Request Buttons but still no showing.. on my page. also i have checked other website that has google pay and it was working fine with chrome
@@coriassphenix can you post your website and the other site that has Google Pay working so I can take a look?
Hi , help! i dont see payments request button! my hed will explodeeee! helllllppppppp
If Apple Pay is not showing up on your Cart or Checkout page, make sure you are using an Apple product (i.e. iPhone, iPad, MacBook, etc.) and Safari browser. If you are still having issues clear your cache and try on both your 🖥 desktop and 📱mobile phone. Also make sure you have SSL certificate on your site and HTTPS is used instead of HTTP. Another issue I see is that users do not have Apple Pay setup on their phone. Double check this by enabling “Allow payments on Mac” in your iPhone settings. On your iPhone > go to Settings > click Wallet > scroll down to bottom to enable.
SG Web Partners Apple pay button is not showing on this site creationskin.com/. Please help! I have done everything using your video but it's not showing up!
I've added the file there but I still have this error "We were not able to verify your domain. To verify with Apple that you control your domain, you must host the verification file at dasams.com/.well-known/apple-developer-merchantid-domain-association. You can find the verification file here: stripe.com/files/apple-pay/apple-developer-merchantid-domain-association. For more information, see stripe.com/docs/stripe-js/elements/payment-request-button#verifying-your-domain-with-apple-pay.
"
Can you provide your product page link? I can look at this. In addition are you using the safari browser?
@@simongondeck Thank you. I got it fixed by myself. Actually, it was an issue of SSL.
@@FiverrSkill great to hear!
Can you make a tutorial for siteground?
what specifically about SiteGround? Like how to setup a site and stuff like that? I personally use WP Engine or Kinsta for my WordPress hosting (link in description box) if curious :)
@@simongondeck No like where to put the well-known folder
@@oxendock277 are you using FileZilla to connect via SFTP?
My stripe looks entirely different and no Apple Pay present.
@@FiverrSkill It just doesn't show Apple Pay anywhere in my Stripe settings.
@@TheBinaryAcademy you need to find it manually
@@FiverrSkill Believe me I have searched. Would help if I had some sort of Apple device to check the actual product to see if it shows up. Shall have to buy an iPad.
@@FiverrSkill Settings
Payment Methods
Apple Pay in here I have 2 domains showing so that means active yes? Thanks for your help buddy.
@@TheBinaryAcademy correct
HI this is all that I get after following your steps I do not know why I uploaded everything properly I can accept credit card but the domain verification is failing every time
We had trouble registering your domain. Please ensure you are following the steps as seen here: stripe.com/docs/stripe-js/elements/payment-request-button#verifying-your-domain-with-apple-pay. If this keeps happening, contact us at support.stripe.com/contact.
Apple Pay domain verification failed. Please check the log to see the issue. (Logging must be enabled to see recorded logs)
Im having trouble with Apple Pay saying shipping is invalid. Can you help with that?
Hey Anthony! Did you ever get this issue figure out? If Apple Pay is used, orders are created with the billing and shipping addresses selected in the Apple Pay UI. The user account within WooCommerce will not be updated with these addresses. This could be issue with customer's shipping address in Apple Pay or possibly smth on your Checkout page? Let me know!
@@simongondeck yes. I fixed it with another plugin. Thanks!