Stripe Card Element Depreciated

[cgrulke]

Hi Everyone,

I noticed that Stripe’s card element has been deprecated. Ive been trying to setup a payment form all day with the card element in Wappler and cannot get it to work, then I came across this:

How can I have users save a card during registration to my app?

I do not want to use Stripe’s prebuilt check out pages because they look unprofessional and the redirect is bad for the user experience.

I simply want the user to be able to enter their card number while signing up for my app, and be able to use it for future purchases within my app.

I have everything else working (create customer, create payment intent etc) I just cannot confirm a payment intent or setup intent as the Stripe card Element no longer works.

I would highly appreciate if someone can fill me in! Thank you

[sitestreet]

Hi @cgrulke.

Where did you find that info about it being deprecated? I launched a site just last Friday which has the Stripe card element on the page and it’s working perfectly.

[cgrulke]

Stripe Elements

[sitestreet]

Thanks for that. I’ve no idea how long they’ve shown it as deprecated and when it will actually stop working. All I can say is I’ve built a checkout page using the Wappler Stripe elements and it’s working perfectly.

[cgrulke]

Could you let me know how you did it? Im really struggling to get the payment method id from the element.

[sitestreet]

This is a great thread from last week which helped me solve the blip I was facing. There are some really useful screenshots which show you everything you need.

Stripe payment_method

Hey Jon, Given your description, perhaps you have a standard server connect form, instead of a Stripe Checkout form? Here is a basic payment intent flow that shows how to have a single purchase (very much the same as Ben’s), using an in-app payment method (as opposed to using Stripe checkout portal). Maybe it will trigger something for you. checkout api: [Screenshot 2023-04-23 at 9.50.30 AM] And you will need the secret key configured: [Screenshot 2023-04-23 at 9.55.17 AM] Here’s the s…

[cgrulke]

Thank you. Much appreciated.

[cgrulke]

Dude! That really helped! I changed my form to a Stripe Checkout Form and switched the card element to the payment method element and it worked.

I really wish Stripe wasn’t so darn frustrating, but at least we got through this problem. Thanks again for your help.

[sitestreet]

Well played. The form type is what gave me so many headaches for days. I had two projects using Stripe, one worked and the other didn’t and I just didn’t spot that as being the difference. Now I will remember that fundamental bit and should be able to get Stripe up and running in a few minutes.

[Teodor]

App Connect Stripe Elements 2.0 beta 1 are now available in Wappler 6.4.1
We will be adding new tutorials about stripe elements in the next days.