RJ01 | Stripe Developers | Page 1

dense sedgeBOT May 31, 2023, 6:09 AM

#

heady vortex May 31, 2023, 6:10 AM

#

hello

#

#

we use the template of the first image

#

and modify some of the design to come up with this design

brave talon May 31, 2023, 6:11 AM

#

Do you use PaymentElement? It should show the card icon on the right

heady vortex May 31, 2023, 6:11 AM

#

yes. maybe we miss something

brave talon May 31, 2023, 6:11 AM

#

The 2nd image is an old and deprecated Elements

#

PaymentElement should displays like this

heady vortex May 31, 2023, 6:13 AM

#

the one with an arrow is already deprecated?

#

We are using this design and we want to show the Card Icon everytime we input card numbers on this design. we want to ask for help help to identify what we are missing on our code? Here see screenshots..

**Use Design **

#

HTML the example 3

#

JS

brave talon May 31, 2023, 6:17 AM

#

You takes from here, correct? https://stripe.dev/elements-examples/

Stripe Elements: Build beautiful, smart checkout flows

Build beautiful, smart checkout flows.

heady vortex May 31, 2023, 6:17 AM

#

Yes

brave talon May 31, 2023, 6:18 AM

#

Yes it's Elements which is legacy integration. We would recommend to use PaymentElements (https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements) instead, with its Appearance API: https://stripe.com/docs/elements/appearance-api

Accept a payment

Securely accept payments online.

Elements Appearance API

Customize the look and feel of Elements to match the design of your site.

heady vortex May 31, 2023, 6:20 AM

#

by using this Appearance API, would you know if we can customize the design? because we are achieving this UI Design..

brave talon May 31, 2023, 6:43 AM

#

You should be able to or getting really close to it. Give it a try!

heady vortex May 31, 2023, 6:52 AM

#

alright, thank you

#RJ01