Stripe Card Element Deprecated

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:

Screenshot 2023-05-02 at 3.48.13 PM

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

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.

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.

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

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.

1 Like

Thank you. Much appreciated.

1 Like

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.

1 Like

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.

1 Like

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.

2 Likes

Where are these tutorials?

You can check the Wappler E-commenrce docs for using the Stripe Elements:

https://docs.wappler.io/t/ecommerce/7728

Specially the first 4 articles deal about the new Stripe Elements.

For more details about Stripe and their integrations you should check the Stripe API Docs:

If you have technical problems with Stripe you can just contact their online support.

The problem is that the Wappler extensions are missing required inputs for Stripe Elements. For example when trying to do a payment intent or setup intent, Stripe requires the return URL be passed from the frontend.

Even if you pass it from the backend, it will not work.

So yeah, reading the Stripe docs do not help in this situation. In addition, there any many people complaining about this in the community. I have yet to find anybody who has successfully done a payment intent or setup intent with the Wappler modules. Everybody I have spoken with has had to hard code the Stripe functionality.

Also gotta be honest here man. We pay the same for Wappler as Adobe charges for their entire suite of apps. So it's insulting when we run into a critical issue and are either ignored or told to read the Stripe docs despite the fact that numerous people have demonstrated the problem is the Wappler Stripe extensions.

I challenge you to complete a payment intent and or setup intent using the Stripe Element and show us all how you did it.

For usage of the new Stripe Elements in Wappler, please follow the 4 guides i mentioned about Stripe Elements in the Wappler docs - those are updated with the new elements functionality.

With all due respect George, I don't think you're hearing what several of us are saying. cgrulke had a great suggestion that could help alleviate our frustration. Could you kindly reproduce setting up a custom checkout form and use either Elements and/or Stripe-Card/Payment in a dmx-stripe-form with Auto confirm enabled? Hopefully you will see that the PaymentIntent is no longer including the payment-method as it was before. Ideally you have a test case set up for this already and can either easily reproduce or show us how you did it successfully.