#shory9zeci
raw beacon
past sorrel
hi! I'd suggest integrating with the PaymentElement and using the accordion layout
https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements
amber kernel
i integrate the accordion with paymentElement
but i does'n have cash on delivery
this is what i have now on testing
past sorrel
"Cash on delivery" is not really a Stripe payment method
amber kernel
yes, but my show have cash on delivery, and i want to integrate both on my e-commerce
past sorrel
I'd suggest adding an option somewhere else on your site to keep it simple then
amber kernel
*shop
past sorrel
like it goes
how do you want to pay
cash-on-delivery OR pay online
amber kernel
it is simple for me, but is not simple for customers
past sorrel
and then if they click pay online you render the Stripe payment form.
past sorrel
it is simple for me, but is not simple for customers
then the alternative is to build a very custom payment page and directly integrate with CardElement and other payment methods directly, which while possible is a lot of work. I'd really suggest my approach.
amber kernel
is there ay way to change the layout to card element, i try this but the layout is with one filed
i would like to use a layout with 3 fields
this is for the card payment option
past sorrel
you can use separate Elements(CardNumberElement/CardExpiryElement/CardCVCElement)
https://stripe.com/docs/js/element/other_element?type=cardNumber
https://stripe.com/docs/js/element/other_element?type=cardExpiry
https://stripe.com/docs/js/element/other_element?type=cardCvc
https://jsfiddle.net/cdt43qL1/ is an example, but it's not something we document any more since the PaymentElement is the main integration path
amber kernel
this separation woks with angular too?
past sorrel
I don't know, we don't have an official Angular client or knowledge about that ecosystem, we officially support vanilla JS/React/ReactNative/iOS/Android.
amber kernel
is ok with React, this is angular
if it suport React, it suport angular too, thank you
can you give me an exemple like jsfiddle with React?
past sorrel
I don't think we have one to hand
amber kernel
thank you
past sorrel
overall you use https://stripe.com/docs/stripe-js/react and the components it provides like <CardNumberElement>
amber kernel
thank you very much, i don't find that blog in my searches, it is want i need
past sorrel
also just want to re-iterate I highly recommend agsinst doing this. The PaymentElement is the canonical way to integrate and has numerous advantages. Integating with ^^ that stuff is considered legacy
there are betas and plans for letting you integrate non-Stripe methods into the PaymentElement(like adding your own tabs), just not fully released right now
amber kernel
you, i understand that is the best way, it is a lot easier, if i would have the oportunity to add a cash on delivery on it it was awasome, but i need that too... 😦
amber kernel
there are betas and plans for letting you integrate non-Stripe methods into the ...
it is something good 🙂
past sorrel
so we do have future plans and solutions in the work. I highly suggest you use the PaymentElement + separate page/modal/flow for cash-on-delivery for now and can always change the approach later.
amber kernel
thank you very much 🙂
about 80% of my customer are old people and don't realy know how to use the technology, this is why i want to keep it simple for them, not modals or redirect to anoter pages, i want them to chos from that page the payment type
like i said, for me it is not a problem, but for my customers it will be, and if they lost a little, they will close the page and not buying 😦
i try to keep simple for them