Hiekki - subscription payment method | Stripe Developers | Page 1

eager path Jul 11, 2022, 3:34 PM

#

Hello, where is the payment method not showing up?

#

And do you have the ID for this subscription?

lyric nacelle Jul 11, 2022, 3:34 PM

#

like

#

i created a checkout

#

for a subscription

#

and the test client has a payment method

#

https://i.imgur.com/3zhWj5s.png

Imgur

lyric nacelle Jul 11, 2022, 3:47 PM

#

eager path Hello, where is the payment method not showing up?

checkout page

eager path Jul 11, 2022, 3:51 PM

#

Ah gotcha. How was this payment method saved before? We do show payment methods that were saved via Link but I don't think we show payment methods that are saved other ways in Checkout at the moment. https://stripe.com/docs/payments/link/accept-a-payment

lyric nacelle Jul 11, 2022, 3:52 PM

#

eager path Ah gotcha. How was this payment method saved before? We do show payment methods ...

i tested the checkout, made the payment

#

and created another chekout link

#

and dont show any saved payment method

lyric nacelle Jul 11, 2022, 3:53 PM

#

eager path Ah gotcha. How was this payment method saved before? We do show payment methods ...

the one that i had was saved with setupIntent

#

this is only appeing with the test customer that i created with the api

eager path Jul 11, 2022, 3:57 PM

#

To clarify, do you want the subscription to start right away after they enter their details the first time?

#

Or is this simulating that some amount of time will pass between entering their details and starting a subscription?

lyric nacelle Jul 11, 2022, 3:57 PM

#

the probleim is not about the subscription start

#

the problem is that this is being showed, when the customer has is payment method already in the system

#

https://i.imgur.com/wX5gSkB.png

Imgur

#

payment methods added by setupIntent are not alowed to be used in checkout?

eager path Jul 11, 2022, 4:03 PM

#

They are, but you will need to check that "Salvar meus dados..." box for them to be displayed again

lyric nacelle Jul 11, 2022, 4:03 PM

#

but the thing is

#

i saved the customer payment method with the setupIntent

#

then i created the chekout session

#

it was supposed to that payment method to be showed

eager path Jul 11, 2022, 4:10 PM

#

Unfortunately that isn't always how it works. You can re-use that saved payment method but unless the checkbox was checked the payment method won't show up in future checkout sessions to the user as far as I know

lyric nacelle Jul 11, 2022, 4:10 PM

#

but the payment method was add in the setupIntent

shy turret Jul 11, 2022, 4:32 PM

#

👋 I'm stepping in for @eager path since they had to step away

#

Gimme a sec to catch up

lyric nacelle Jul 11, 2022, 4:33 PM

#

i already found the problem

#

only payment methods add during checkout can be used in checkou

#

so if a user adds a payment method on the billing portal, it cant be used in checkout

shy turret Jul 11, 2022, 4:42 PM

#

Okay, do you have any additional questions?

lyric nacelle Jul 11, 2022, 5:06 PM

#

so

#

to the payment method added by the setupintent be showed in the checkout, he needs the card titular name

#

so is possible to the stripe elements

#

have a field to add that?

shy turret Jul 11, 2022, 5:07 PM

#

the card titular name

#

I'm not sure what that means

lyric nacelle Jul 11, 2022, 5:07 PM

#

name in the card

shy turret Jul 11, 2022, 5:11 PM

#

Gotcha. With the Payment Element you can specify which Billing Details you want the Element to collect (render fields for)
https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-fields-billingDetails

lyric nacelle Jul 11, 2022, 5:31 PM

#

but like

#

i can only define auto or never

#

and this is on auto by default

#

@shy turret

shy turret Jul 11, 2022, 5:45 PM

#

Okay so I did some research on this

#

You cannot force the Payment Element to render the name field

#

But you can collect it yourself

lyric nacelle Jul 11, 2022, 5:46 PM

#

yes

#

but it cant be collected here

#

https://i.imgur.com/pdrLeg2.png

Imgur

shy turret Jul 11, 2022, 5:48 PM

#

Right, that's what I said. You cannot force the Payment Element to collect the name but you can render a field to collect that data and provide it in the billing_details when confirming the Setup Intent.
https://stripe.com/docs/js/setup_intents/confirm_setup#confirm_setup_intent-options-confirmParams-payment_method_data-billing_details

Stripe JS Reference

lyric nacelle Jul 11, 2022, 5:48 PM

#

and how can i render that field?

shy turret Jul 11, 2022, 5:52 PM

#

You would need to write it yourself. Basic HTML and JS

lyric nacelle Jul 11, 2022, 5:52 PM

#

but will not have that style

shy turret Jul 11, 2022, 5:52 PM

#

<input id="name-on-card"></input>

#

True but that is the only way we have available presently to collect that information

lyric nacelle Jul 11, 2022, 5:53 PM

#

and the card element can have that field?

shy turret Jul 11, 2022, 5:57 PM

#

No I do not think so. You can review a Card Element integration here:https://stripe.com/docs/payments/card-element but we don't recommend it. The Payment Element is the recommended approach

lyric nacelle Jul 11, 2022, 5:57 PM

#

why, is not recommended?

shy turret Jul 11, 2022, 5:59 PM

#

Because it is less functional than the Payment Element

lyric nacelle Jul 11, 2022, 6:03 PM

#

and the cardNumber, cardExpiry and cardCvc?

shy turret Jul 11, 2022, 6:03 PM

#

Those are individual components of the card element, if you wanted to render each one in a specific part of your HTML

lyric nacelle Jul 11, 2022, 6:13 PM

#

is there an bs4 style for the stripe elements?

shy turret Jul 11, 2022, 6:19 PM

#

I do not believe so. You can modify the appearance of the Payment Element using the Appearance API though to allow it to more closely resemble a style that matches with the rest of your site.

#

https://stripe.com/docs/elements/appearance-api

lyric nacelle Jul 11, 2022, 6:22 PM

#

and how can get the stripe elements css, so i can make a new input like the rest?

shy turret Jul 11, 2022, 6:25 PM

#

We don't publish a set of CSS rules as far as I know. I think you'd just need to inspect the elements rendered. I think a better approach would be to use the Appearance API I linked to set your own rules and then apply them to any other inputs you create yourself.
https://stripe.com/docs/elements/appearance-api?platform=web#rules

lyric nacelle Jul 11, 2022, 6:31 PM

#

okay, thanks

#Hiekki - subscription payment method