#silvis_financialconnections-demo
boreal cloakBOT
đ 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/1219427770380189870
đ Have more to share? Add more details, code, screenshots, videos, etc. below.
golden cobalt
I need to link the embeded ui of the authentication flow. https://docs.stripe.com/financial-connections/fundamentals#authentication-flow
hallow swiftBOT
balmy oriole
Hi, you can follow this guide, https://docs.stripe.com/financial-connections/ach-direct-debit-payments. What does your current integration look like? Are you using Payment Elements? Or something else? Where are you exolicitely stuck? What does your code look like?
golden cobalt
I been reading thru all this documentation and I am still not clear on what code I need to put in .vue to display a button to the user in my application that they click and the stripe financial connections interface opens just like when you click the "Launch demo" here https://docs.stripe.com/financial-connections
balmy oriole
I see, from these use cases: https://docs.stripe.com/financial-connections/use-cases what mirrors your use case the most? I'm trying to better understand how you're tyring to use it. Like, are you already using Stripe and using Payment Intents, then trying to use financial connections? Can you add more details to your exact business use case?
hallow swiftBOT
silk escarp
silvis_financialconnections-demo
golden cobalt
currently all we do is credit card payments we strip, but we use link the old way that doesnt support ach anymore. What we now want is to be able to allow our users to add a bank account and use it to pay via ach. Is not shopping cart related is business transactions from our site. Our use case is ach direct debit payments and mimics adding money to their wallet in our system via ach
silk escarp
Okay so your best approach is to migrate to our PaymentElement UI element and let us do all of this for you
golden cobalt
with the paymentElementUI, my understanding is that I would have to create a div to be used by the paymentElement to fill. Where I would prefer to have a link (that I use some call to stripe to create) and this link is clicked by the user and stripe takes care of creating a modal popup for the user to interact with.
silk escarp
Sure, you can, I'm just recommending that you don't and you consider PaymentElement. It'll be way better and drastically easier.
If you really don't want that then I can explain how to do it, it's just a lot more complex
golden cobalt
I have downloaded the vue-cra sample app and it seems that example is using the payment element. Currently my issue is that by the time one of my users clicks pay, they are already 3 modals deep and if there is a way to get a configured url from the stripe java sdk that I can put to a button for the user to click and be launched into the PaymentElement, that is what I was looking for. but it sounds like it is not as easy as asking stripe for a popup instead of giving it a div to populate, is that correct?
hallow swiftBOT
fleet rune
Yeah, Payment Element needs to be mounted to a div to work - under the hood Payment Element will render whatever popups that are necessary to complete payment
golden cobalt
I get that, it is just a lot of UI to make sure doesn't get crowded unless I do my own modal that just has the div for stripe to populate. I understand, again I was just looking to match the functionality of the "Launch Demo" button on the https://docs.stripe.com/financial-connections page. so that "Launch Demo" button is either not using the paymentElement or the initial popup modal is from the docs.stripe.com site itself, is that a correct assumption?
silk escarp
are you collecting bank account details for future payments? Or accepting a payment immediately?
golden cobalt
we are collecting bank account details for future payments, yes
silk escarp
but not accepting a payment immediately?
golden cobalt
in some cases. For example we let the user configure their payments to add money to their account in our system for later use and sometimes as they are performing a transaction if they dont have enough money in their wallet they can add a new payment and use it immediately.
silk escarp
okay so what you can do is use this flow https://docs.stripe.com/financial-connections/other-data-powered-products?platform=web
Otherwise you can use https://docs.stripe.com/js/payment_intents/collect_bank_account_for_payment which is going to show the UI/modal you were asking about
golden cobalt
is the first flow also accomplished with the PaymentElement?
silk escarp
no neither of those two use PaymentElement, I'm giving you an alternative
golden cobalt
Ok thanks let me take a look at all these code and see how it goes. Appreciate it
silk escarp
Sure thing! But really if I were you I'd rework the UI to have PaymentElement cleanly in the payment flow that offers cards, bank accounts and many of our other payment methods all in one place!
golden cobalt
Ok thank you
silk escarp
sure thing!
hallow swiftBOT
golden cobalt
@silk escarp Real quick
if I use the PaymentElement i can save the payment methods for later us as well?
silk escarp
(have to run but @uneven frost is taking over)
uneven frost
yes, it's possible to save the PaymentMethod for future use at the same time payment is made : https://docs.stripe.com/payments/save-during-payment if that's what you're asking
golden cobalt
@uneven frost do you know if i can find the code behind the "Launch demo" button on this page? https://docs.stripe.com/financial-connections
uneven frost
i guess if you just wanted to do financial connections, this is probably a good place to start. Like what koopajah mentioned though, we really recommend Payment Elements instead since it makes it easy for you to accept other PaymentMethods with the same code
or you can refer to the link which koopajah sent before : https://docs.stripe.com/financial-connections/other-data-powered-products?platform=web
golden cobalt
I understand. I only want to be able to do this https://docs.stripe.com/financial-connections/fundamentals#authentication-flow. Just want a button that makes the call to pop this
uneven frost
the direct API flow should work fine for you then
golden cobalt
So this will walk me thru so i can just make the call to make this pop up correct? https://docs.stripe.com/payments/ach-debit/set-up-payment?platform=web&payment-ui=direct-api
uneven frost
yes, you should try it and see