Function for testing Payment Request button?

Hi Andrew,

Thanks for contacting WooCommerce.com support!

I understand that you are setting up Apple/Google Pay using our Stripe plugin but are unable to see the payment option on your site. Most times, this can be due to a missed step in the setup.

Can you please confirm that you have completed all steps as outlined here:

https://woocommerce.com/document/stripe/#apple-pay

https://woocommerce.com/document/stripe/#gpay

Please note that both of these options are available in Stripe Express Checkout so you need to make sure it’s enabled.

https://woocommerce.com/document/stripe/#express-checkouts

It will be great if you could share your current System Status Report. You can get it by navigating to the WooCommerce / Status section of your site. Once there, click on the Get system report button and then copy it by clicking on the Copy for support button. Then paste it here in a comment.

Regarding the other issue about the box around it, I think when those buttons will appear that empty box issue will be resolved automatically?

Best,

Hi Daniyal,

Actually, I think there’s a misunderstanding, I am able to get the apple and google pay buttons to show.

All I want is to know is a way to detect when the buttons are unavailable so I can style the checkout page differently!

Hi there @andrewews !

Thank you so much for further clarifying the question here. In short, any customization effort is going to be out of our support scope. Our support staff, myself included, are not developers so it is best that you reach out to professionals who can assist you with this question.

In short, there is a brand guideline for both Apple Pay and Google Pay buttons.

– Apple Pay: https://developer.apple.com/design/human-interface-guidelines/apple-pay/overview/buttons-and-marks/
– Google Pay: https://developers.google.com/pay/api/web/guides/brand-guidelines?hl=en

We have to abide by these guidelines officially. (Stripe plugin still offers customization based on the guideline. Here is our documentation about Apple Pay button as an example: https://woocommerce.com/document/stripe/#express-checkouts-settings)

There isn’t a way for us to consistently say when Apple Pay/Google Pay buttons are not available. It is true Safari and Chrome are the major ones for the Express Pay buttons to show, but there are now Chromium-based browsers out there that behave like Chrome browsers as well.

The main key for Apple Pay/Google Pay buttons to be displayed is that the user has billing information stored on the browser. So even if one has an iPhone, they may not have billing stored to be used on Safari. In such a case, Apple Pay button will not be displayed either. (The same goes to Google Pay)

I hope this clarifies a bit. ??

Thanks for the reply, appreciated the clarification.

You’re welcome!

If you have further questions, please feel free to open a new topic.