Apple Pay / Google Pay
-
Hello, I am using your WooCommerce Stripe Gateway plugin and want to set up Apple Pay / Google Pay to accept payments. But I have encountered several problems:
- Apple Pay / Google Pay is displayed at the very top of the checkout page.
- Payment can be made without filling in the fields.
Please tell me how I can set up Apple Pay / Google Pay payment to Stripe plugin with validation of all required form fields?
-
Hi @viktor8,
Thank you for reaching out. I understand how this setup might feel concerning, especially if you’d prefer a different layout or logic.
The Apple Pay and Google Pay buttons appearing at the top of the checkout page is intentional — it’s designed to make the checkout process faster and easier for shoppers. Express checkout options don’t rely on the form fields within checkout. Instead, they use the address stored in the customer’s Apple Pay or Google Pay wallet and securely pass that information to WooCommerce to complete the order. That’s why the standard checkout fields aren’t required in these cases.
If you’d like to adjust the placement of the express checkout buttons, you can follow the solution shared here: https://wordpress.org/support/topic/move-apple-google-pay-button-in-checkout/ (note: it requires custom code).
For making the checkout fields mandatory even when using express checkout, you’d likely need a custom solution — in that case, you may want to consult professionals at codeable.io
Thanks for the quick response, but what if for example the address is different or the customer wants to send a gift to a different address…
Maybe you have documentation to do this without going to codeable.io
Hi @viktor8,
I completely understand your concern, but this is actually how express checkout is designed to work. Unlike regular card payments, it doesn’t rely on the checkout fields — instead, it uses the pre-filled address stored in the customer’s wallet (Apple Pay, Google Pay, etc.) to complete the order across any integrated platform.
If a customer needs to ship to a different address, they should use the standard card payment option, since that follows the regular checkout fields and allows entry of an alternate shipping address.
There isn’t official documentation for changing this because it’s not a built-in feature, but rather a custom workaround to the default behavior of express checkout. You could explore solutions with AI tools like Claude or ChatGPT. However, if you’re not comfortable with code or implementing custom solutions, I recommend reaching out to professionals on codeable.io.
Hi @mosesmedh
Thank you for your testimony.
Do I understand correctly that there is no documentation on how to create a Host Page (on the checkout page you simply select a payment method, then clicking on “Place order” will redirect you to the page with Stripe / Apple Pay / Google Pay services)?Hi @viktor8
I understand your follow-up, and to go over this more clearly, Apple Pay and Google Pay are designed as express checkout options that work independently of the WooCommerce checkout form. This is why customers can complete a purchase without filling in the standard checkout fields. Instead, the details come directly from their Apple or Google wallet.
That said, any WooCommerce default checkout field you mark as required, such as billing address or phone number, will also be prompted within the Apple Pay or Google Pay flow so the customer can provide those details there.
To answer your specific question, when express checkout is selected there isn’t documentation to create a separate “host page” for Apple Pay or Google Pay. Instead, the process works through a pop-up: for Apple Pay, customers will see the payment step appear on their iOS device, and for Google Pay, a pop-up connected to their Google account will appear for them to complete the payment.
To help us narrow this down, could you clarify which field in your WooCommerce checkout you have set as required that isn’t being asked for in the Apple Pay/Google Pay flow? Also, could you share your site’s URL or a copy of your System Status Report via https://pastebin.com so we can test your checkout setup and see how express checkout is behaving on your site?
Feel free to let us know how it goes.
There must me an issue here:
“any WooCommerce default checkout field you mark as required, such as billing address or phone number, will also be prompted within the Apple Pay or Google Pay flow so the customer can provide those details there.”With apple pay ang google pay, we received some orders without the phone number which is a crucial piece of information.
Hi @negapo,
To look into this further, could you please share the details we requested earlier — specifically, which fields in your WooCommerce checkout you’ve set as required but are not being asked for in the Apple Pay or Google Pay flow? It would also be helpful if you could provide your site’s URL or a copy of your System Status Report via https://pastebin.com so we can test your checkout flow directly with express checkout.
Feel free to let us know how it goes.
Hello @lovingbro @mosesmedh
I managed to test it several times! You were right about the delivery address! The client confirmed the address during payment and everything matches!
But there is still a problem that requires your involvement.
During testing, it was not possible to get the client’s phone number and email. More precisely, the email was pulled up, but not at all the one that the client specified. Testing took place on the website https://storykeep.eu/cart/As you can see from the screenshot https://prnt.sc/zw-NeEYFwYfG , the delivery address is correct, but the payer’s address is incorrect. The missing phone number, the missing email pulled up incorrect (but not critical).
Thank you!
Hi @viktor8
Thank you for following up, sharing your screenshot, and also providing your site URL. I’ve tested this and can confirm that both Apple Pay and Google Pay include a contact option where the shopper can select which email address and contact details they want to use. By default, Apple Pay often pulls in the Apple ID email, which may differ from the one entered on your checkout page.
Regarding the phone number issue, to narrow down the cause please try switching temporarily to the Storefront theme and deactivating all other plugins except WooCommerce and the Stripe for WooCommerce plugin. Then test the Express checkout flow again to see if the phone number field is properly prompted. This will help us determine if another theme or plugin is preventing that field from being required.
Let us know the outcome after testing — that will give us a clearer path forward.
It’s been a while since we heard back from you for this reason we are closing this thread.
If the plugin has been useful for your store and you appreciate the support you’ve received, we’d truly appreciate it if you could leave us a quick reviewhere:
https://wordpress.org/support/plugin/woocommerce-gateway-stripe/reviews/
Feel free to open a new forum topic if you run into any other problem.
The topic is relevant, I’m testing it!
Hi @viktor8,
Thanks for letting us know! We’re glad to hear you’re actively testing the setup. Please take your time to complete the tests with the Storefront theme and minimal plugins as suggested.Once you’ve gathered the results, share them here so we can help you identify what might be causing the phone number and email issues in the Apple Pay / Google Pay flow.
Let us know if you run into any questions while testing.
The topic ‘Apple Pay / Google Pay’ is closed to new replies.