#birdy247
crisp python
Hi
crisp python
We are currently using the payment element in express mode
ionic lintel
express mode in payment element? 🤔
Are there any guides you're following? If so, can you share a link?
crisp python
This works well for us, but we are wanting to change the look of the page
Sorry, I mean accordian mode
ionic lintel
ah okay
crisp python
Many sites now show buttons instead
i.e. card payment, or the wallet payments
A bit like your checkout page
Is this possible with element alone?
ionic lintel
You can just switch to tab layout no?
https://stripe.com/docs/payments/payment-element
Do you mean you want separate buttons for wallets?
If so, you can use express checkout element along with PaymentElement
https://stripe.com/docs/elements/express-checkout-element
ionic lintel
You'd want to use express checkout element with PaymentElement
The PaymentElement can't show those buttons on its own. It can only support tab or accordian
crisp python
It looks cool
ionic lintel
yes
crisp python
Ok, and it works out the box with these payment buttons?
In this image, it shows a good example. I notice no address is collected with express options
Is that because we get that by default?
Another question: Is this idea that if they dont use an express checkout option, we then show the default card element (via stripe elements)
So its an either/or?
ionic lintel
Is that because we get that by default?
Shipping address is being collected no? Look at the bottom section in the screenshot
Another question: Is this idea that if they dont use an express checkout option, we then show the default card element (via stripe elements)
So its an either/or?
Are you asking about the screenshot?
To be clear, you can use PaymentElement and Express Checkout Element on the same page.
crisp python
It says "Or" though
Suggesting shipping address is only supplied when not using an express checkout
Ok, so presumably its just mounting
ionic lintel
Ah you can configure Express checkout element to collect the shipping address yes
https://stripe.com/docs/elements/express-checkout-element/accept-a-payment
I don't think its enabled by default
crisp python
Brilliant
Exciting stuff!
Are there any examples of express and paymentElement on the same page
ionic lintel
Don't think we have a full guide unfortunately : (
Just a heads up that Express Checkout Element only supports defer intent flow
https://stripe.com/docs/payments/accept-a-payment-deferred
crisp python
Oh!
ionic lintel
If you create PaymentIntent prior to rendering the Elements then you'd likely need to update your integration
crisp python
😕 Oh. Thats how we used to do it... then Stripe suggested we did it the other way
Whats the advantage of that v creating payment intent first?
ionic lintel
With defer intent flow, you can tokenize the payment method earlier in the flow.
One major benefit I've seen is that it prevents creating unnecessary payment intents (which stays in incomplete state if the customer abandons checkout)
crisp python
Yes, this is like the old way of creating tokens
payment form -> token -> backend make payment -> confirm to frontend
This sounds like
payment form -> get token (keep on frontend) -> create payment intent (backend) -> submit client_secret and token from front end
is deferred payment intent now the preferred way of doing things?
tender otterBOT
ionic lintel
is deferred payment intent now the preferred way of doing things?
if it fits your usecase then yes. To be clear, its better in some ways and is an alternative.
It isn't supposed to be a replacement of the intent first approach.