miran_paymentelement-applepay | Stripe Developers | Page 1

rose fieldBOT Nov 8, 2024, 5:32 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1304498879483609171

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

miran_code, 1 hour ago, 4 messages
miran_docs, 4 days ago, 7 messages

#

tranquil marten Nov 8, 2024, 5:33 PM

#

miran_paymentelement-applepay

#

@placid shell It could be many different things unfortunately so I'm going to need more details than just the bit of code initializing PaymentElement.
What do you see in the JS console for example? Do you have more details about how you integrate, how you initialize Stripe.js, which exact browser you are using, etc.?

placid shell Nov 8, 2024, 5:35 PM

#

            
            let appearance = {
                theme: 'flat',
                variables: {
                    colorPrimary: '#12323E',
                    colorBackground: '#203e49',
                    colorText: 'white',
                    colorDanger: '#df1b41',
                    borderRadius: '0px'                    
                }
            };

            const elementsOptions = {
                appearance: appearance,
                mode: 'payment',
                currency: 'nok',
                amount: 1099,
                captureMethod: 'manual',
                paymentMethodTypes: ['card', 'klarna'],
            };
            const elements = stripe.elements(elementsOptions); // Create an instance of Elements.
            
            const paymentElementOptions = {
                wallets: {
                    applePay: 'auto',
                    googlePay: 'auto',
                },
                layout: 'tabs'
            };
            const paymentElement = elements.create('payment', paymentElementOptions); // Create an instance of the payment Element.
            ```

#

I am using Stripe payment element.

tranquil marten Nov 8, 2024, 5:36 PM

#

``` what's in `stripeOptions`? That's a crucial bit

placid shell Nov 8, 2024, 5:38 PM

#

            @if (isPro($expert->company?->id))
                stripeOptions = {
                    ...stripeOptions,
                    stripeAccount: '{{ $expert->company->stripe_user_id }}'
                }
            @endif

            const stripe = Stripe('{{ env("STRIPE_KEY") }}', stripeOptions); // Create a Stripe client.
            ```

#

We have direct charge here also.

#

But that should not be interfering here, right?

#

So, just the locale parameter.

tranquil marten Nov 8, 2024, 5:39 PM

#

But that should not be interfering here, right?
it absolute does 🙂

#

https://docs.stripe.com/payments/payment-methods/pmd-registration?dashboard-or-api=dashboard#register-your-domain-while-using-connect
Did you read this section where the domain has to be registered on that specific connected account?

placid shell Nov 8, 2024, 5:41 PM

#

So, if the charge is created on the platform account, I should be able to see the Google/Apple pay button?

tranquil marten Nov 8, 2024, 5:42 PM

#

if you have registered the domain properly yes

placid shell Nov 8, 2024, 5:42 PM

#

Okay, I will be back to you in a few mins...

tranquil marten Nov 8, 2024, 5:43 PM

#

sure!

#

Sorry this is hard to debug because it can be 20 different things and we play "whac-a-mole" until we find the one(s) that cause it not to appear

placid shell Nov 8, 2024, 5:54 PM

#

Yes, at this point, I am kind of used to it.

placid shell Nov 8, 2024, 5:54 PM

#

tranquil marten if you have registered the domain properly yes

I did register the domain, but I still can't see those opitons...

#

I am using Arc browser and in incognito mode, I can't see any error on the browser console...

#

And the domain I am testing on is this- https://staging.snakkmed.no/experts/250-miran/book

#

the domain verification status

tranquil marten Nov 8, 2024, 5:58 PM

#

Okay can you move away from Arc entirely and try Safari for ApplePay and Chrome for GooglePay instead?

placid shell Nov 8, 2024, 6:00 PM

#

On it!

#

One more thing, do I need to have Apple wallet enabled?

#

Because I don't have it enabled yet.

tranquil marten Nov 8, 2024, 6:03 PM

#

yes you do

placid shell Nov 8, 2024, 6:04 PM

#

So, let's say someone who uses Windows, can't make a purchase throught Apple pay?

tranquil marten Nov 8, 2024, 6:05 PM

#

correct they can't

placid shell Nov 8, 2024, 6:05 PM

#

But can they still see Google pay option?

#

Hey, I just saw Apple pay on my iPhone...

tranquil marten Nov 8, 2024, 6:06 PM

#

if they use Chrome yes

placid shell Nov 8, 2024, 6:06 PM

#

What about other chromium based browsers? Are they out of luck?

tranquil marten Nov 8, 2024, 6:07 PM

#

I don't know for sure. If they support GooglePay it should work

placid shell Nov 8, 2024, 6:08 PM

#

Alright, thanks for your time and help. Have a nice day!

#miran_paymentelement-applepay