#jcs_card-element-3ds
ashen vigilBOT
👋 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/1295424018496622645
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
short ether
Happy to provide more info
sly atlas
Hi 👋
Yes I will need more details about how you are collecting payment method data from your customers
What "trial implementation" are you referring to here?
short ether
So we offer a 7 day free trial for our users, where they enter their card details, and then they can cancel anytime, or stay subscribed which will bill them $9.99 once the free trial is finished
Its working for regular cards, but for cards that require 3DS its not prompting that during the free trial flow
so they successfully get the free trial, don't cancel, and then when stripe goes to bill them, its labled Incomplete because we dont have the 3ds authentication for their card
So basically, what are the steps we need to do to have it so the 3ds is prompted on the free trial when the user adds their card
sly atlas
What objects are you creating in Stripe?
What UI are you using to collect payment methods?
short ether
The UI is our custom Ui on our website -- let me get a response from re: the objects 1 second
i can share a screenshot if helpful?
We're using the API not a stripe page btw
short ether
We are using stripe.js
sly atlas
How?
short ether
we are using react, node and stripe.
const Stripe = require('stripe');
stripe node module.
sly atlas
Are you using the Payment Element?
sly atlas
So you are using the Card Element?
To collect payment method details and create Payment Methods?
short ether
sly atlas
Sorry but if you cannot explain your integration in words we are going to have a very tough time
short ether
ah okay 1 sec i thought the screenshots were helpful
sly atlas
These screenshots don't really help
But both Payment Element and Card Element should be collecting 3DS if the issuing bank requests it.
https://docs.stripe.com/payments/payment-card-element-comparison
Oh wait,
you're not using a Setup Intent here
that's the problem
short ether
ahh
(sorry im relaying your messages to lead dev and then he's answering)
playing a bit of telephone haha
sly atlas
Just creating the payment method directly will not perform any authentication steps
You can use the confirmCardSetup method with a Setup Intent client secret to save card details and perform steps to set the card up for off-session payments
short ether
ahhh okay that makes sense
sly atlas
Our recommended doc for this uses the Payment Element: https://docs.stripe.com/payments/save-and-reuse
short ether
boom okay i think you've given us enough to lead us down the right path now :p
sly atlas
but the same steps work for the Card element as well. You just use a different confirm function
short ether
Thanks so much
sly atlas
Great! Happy to help 🙂
short ether
Thanks man!
sly atlas
It's why we're here
short ether
😉