#tonz18
misty trout
sly temple
It depends on the logged in Apple Account have a valid card setup in ApplePay
You can share your URL here and we can quick test
vast heath
Thank for the reply Orakaro, Yes we understand it depend on the apple account. But the device works on all other sites and sometimes on ours but then sometimes it doesnt. Which is why we think its a bug on our code.
sly temple
It works for me too
vast heath
This is currently for me
But it has worked on my iPhone earlier today
Another website works no problem
old quartz
👋 taking over for my colleague. Let me catch up.
would you mind visiting https://stripe.com/docs/stripe-js/elements/payment-request-button ? let's check which button you can see at the top of the page
old quartz
hmmm that's interesting
so if you go back now and visit your website do you still see Link instead of Apple Pay?
old quartz
ok would you mind sharing your code please?
old quartz
not all of it, just a snippet here
vast heath
<script>
// Stripe publishable API key.
stripe = Stripe('{{ $this->stripe_publishable_key }}');
const paymentRequest = stripe.paymentRequest({
country: 'US',
currency: '{{ strtolower($currency) }}',
total: {
label: '{{ $product->name }}',
amount: {{ $stripePrice }},
},
requestShipping: true,
shippingOptions: [
{
id: 'free-shipping',
label: 'Free Shipping',
detail: 'Standard Free Shipping',
amount: 0,
},
],
requestPayerName: true,
requestPayerEmail: true,
});
const elements = stripe.elements();
const prButton = elements.create('paymentRequestButton', {
paymentRequest,
style: {
paymentRequestButton: {
type: 'buy',
height: '46px',
}
}
});
(async () => {
// Check the availability of the Payment Request API first.
const result = await paymentRequest.canMakePayment();
if (result) {
prButton.mount('#payment-request-button');
} else {
document.getElementById('payment-request-button').style.display = 'none';
}
})();
<!-- Stripe payment widget -->
@if($this->stripe_is_activated)
<div
wire:ignore
class="mt-3"
>
<div>
<div id="payment-request-button" class="w-full">
<!-- A Stripe Element will be inserted here. -->
</div>
</div>
</div>
@endif
did you go through this https://stripe.com/docs/stripe-js/elements/payment-request-button?client=html#verifying-your-domain-with-apple-pay ?
vast heath
yeah I believe so
old quartz
I tried your website on my safari and it works fine, I can see the Apple Pay button
that's really really weird
would you mind sharing some info about your testing device?
version, iOS?
old quartz
Is there anyway to check the verify with apple has worked?
I'm not sure I follow
vast heath
Is there anyway to verify that the apple domain verication worked correctly, could that be the issue?
old quartz
if it were then I wouldn't be able to see Apple Pay on my safari
fallen cloud
also jumping it, it's working for me in Desktop and on my iPhone(same for all my colleagues) so the site itself is likely totally fine and customers won't have a problem
To be clear, how is that device set up, i.e. are you just using normal 'real' cards in your Apple Pay wallet, or are you using something like https://developer.apple.com/apple-pay/sandbox-testing/
vast heath
also jumping it, it's working for me in Desktop and on my iPhone(same for all my...
Noted, Karllekko. Maybe because I have tested Link in the pass. If working for everyone else then I will take that as a win. And it seems to be working on other devices that we have tested aswel.