#erikflow_api
burnt depotBOT
👋 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/1328339633570054220
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
unkempt bison
👋 happy to help
would you mind elaborating more?
what integration doc are you following?
narrow bone
Hi, I use this API https://docs.stripe.com/js/custom_checkout/create_element?type=payment,
Also looking at
https://docs.stripe.com/elements/express-checkout-element
unkempt bison
these are 2 separate implementation
narrow bone
thanks for the help 🙂
Yes I know, but tried to look at the second one to get some insights in why it doesnt work
Im using custom checkout
narrow bone
You should be able to access it here: https://25a0-31-208-45-6.ngrok-free.app/api/cart/add_item/?sku=FL-100-A-UK&redirect_to=cart
you will come to a cart page and then press go to checkout
at a top of the checkout page I mount the express element
but it is empty
unkempt bison
narrow bone
ah wow!
unkempt bison
I see this
narrow bone
interesting 🙂
unkempt bison
btw you can use the Address Element
instead of collecting the billing details yourself
narrow bone
is there someway to get a log or error messages on why a payment option doesnt show?
to debug it somehow?
unkempt bison
do you have any error logged in the dev-tools console?
narrow bone
It doesnt show up either on my phone, or my computer where I have google pay.. strange
unkempt bison
do you mean only the ECE doesn't show? or do you mean also the PaymentElement at the bottom of the page?
narrow bone
The ECE element
unkempt bison
that's another story then 🙂
narrow bone
In your screenshot google pay is shown
Ive never been able to make that happen 🙂
That is my problem
So something is different between your browser or setup somehow and mine
unkempt bison
are you opening the url you sent me? or the localhost version?
unkempt bison
ok
the other reason why Google Pay is not showing, is that we're trying to omit some PaymentMethods for an experiment and starting today GooglePay and ApplePay are also included in that experiment
so that might be the reason
in your devtools do you see this message expressCheckoutElement ready ?
narrow bone
yes
unkempt bison
could you open the object next to it?
narrow bone
it is undefined for me
expressCheckoutElement.on('ready', ({ availablePaymentMethods }) => {
console.log("expressCheckoutElement ready", availablePaymentMethods);
});
availablePaymentMethods is undefined for me
when i run it
ah but I had a syntax error there, now it shows.
unkempt bison
oh that might also explain it 🙈
unkempt bison
what do you mean?
narrow bone
I fixed the syntax error, and above is the object I get back from the ready event. It seems to be the element itself
but not sure what I can read from it 🙂
unkempt bison
console.log("expressCheckoutElement ready", availablePaymentMethods);
});```
that was correct and generating the right reponse for me
unkempt bison
is the PaymentElement loading for you or not?
narrow bone
shouldnt it return an object with false on all options instead? if nothing is enabled
undefined seems to be caused by some error, or what do you think?
can it be because Im in sweden and you are in somewhere else maybe?
are there country restrictions or something like that?
unkempt bison
no I don't think it's related
I'm not sure why it's not showing up for you
do you see the PaymentElement at least?
narrow bone
yes the payment element works as expected
but the express element iFrame is rendered like this, empty
unkempt bison
do you need to use both in your scenario?
narrow bone
Yes, because i want to use it on the cart page also
narrow bone
Ive checked with a few colleagues, both have google pay.
It only worked for the one colleague who is in UK.
I will test thorugh a UK VPN
brb
unkempt bison
can you look for this request https://api.stripe.com/v1/elements/sessions and see what's the response?
narrow bone
Hi, it worked if I used an VPN to the UK
unkempt bison
hmmm I'm wondering which network request is being blocked
narrow bone
it doesnt work for any of my swedish colleagues
unkempt bison
that's why I'm asking you if you can look at this request
burnt depotBOT
narrow bone
thanks will check
1 sec
I only see these two requests
the https://api.stripe.com/v1/elements/sessions request has this response
gentle wing
Taking over here and it's unclear to me what the current issue is. Can you help me understand?
narrow bone
Hi!
Im trying to use the Custom Checkout (beta) Express checkout element.
It seems to be working in the UK (if I VPN to the UK it works) but not in Sweden were I am. Ive tried with colleagues in Sweden and UK and it works for those in the UK but not for those is Sweden. It worked for tarzan (not sure were he is)
Google or Apple pay does not seem to make a difference
You can look at my test implementation here: https://25a0-31-208-45-6.ngrok-free.app/api/cart/add_item/?sku=FL-100-A-UK&redirect_to=cart
Press Go to checkout, you should get an Express checkout element at the top
if it doesnot work you only get a basically empty iframe rendered
Also, when it doesnt work, availablePaymentMethods is undefined in the ready event:
expressCheckoutElement.on('ready', ({ availablePaymentMethods }) => {
console.log("expressCheckoutElement ready", availablePaymentMethods);
});
gentle wing
I too see Google Pay wallet button (I'm based in UK)
narrow bone
ok, great
gentle wing
You sure you meet the requirements for Google Pay and have a card in your Pay wallet?
narrow bone
I tried a few different countries using my VPN, and it works both in UK, Germany and denmark, but not in sweden.
I wonder if it related to my Stripe account being swedish?
Yes, it works on other sites, and it works if I use the VPN to be out side sweden
gentle wing
Let me check something 🧑🍳
narrow bone
so far i havent found a single person within sweden for which it works
gentle wing
Can you share with me a cs_xxx ID from one of your checkout page loads?
gentle wing
I suspect this is likely a bug with custom Checkout beta specific to FI and SE customers
narrow bone
no sorry
wrong id
1 sec
here is the correct one: cs_test_a1Kp1WSXNxFuSbv5bEJYj9GwUkSA3IYhgWX5z172aLk4maSLq3L3iGm8Bb
ok, i will test from finland, 1 sec
can confirm it doesnt work from finland either. But Denmark works, so probably that then
gentle wing
Yeah so there's some regulation in FI and SE where we must deprioritise credit card methods if there's non-card payment methods available
In normal Checkout what happens is we move the wallets (Google Pay) into the carousel rather than them being big buttons. I guess in this scenario we just don't render the ECE buttons
I'd like to verify with the team that this is expected though as it seems weird that we just don't show them at all. Can you do me a favour and write in to me/my team and share one of those Checkout IDs and thew reproduction URL and I'll take a closer look?
burnt depotBOT
Hello @narrow bone, we have sent you a direct message, please check it at https://discord.com/channels/@me/1328361630249128028
- 🔗The message has instructions on how to open a direct support case with our Developer Support team, in order to help you more effectively.
gentle wing
Yep, that's right. It'll come directly to me and I'll pick it up
Follow the steps in the DM
narrow bone
I think I opened a support ticket now 🙂
gentle wing
Got it! I'll take a look shortly and talk to the Checkout team. I'll reply on the ticket (email)
narrow bone
thanks, great!