[Solved] How to fix “data-key not found” when using Stripe Checkout?

Question

After few hours of tests and turning around all the documentation I found the issue and it’s related to CSS!

I was using the class stripe-button on the html element created in order to trigger the stripe action. It seems that the same class is also used by Stripe and it was creating a confusing in the JS code.

So never use this class when trying to integrate Stripe on your site : stripe-button

Accepted Answer

After few hours of tests and turning around all the documentation I found the issue and it’s related to CSS!

I was using the class stripe-button on the html element created in order to trigger the stripe action. It seems that the same class is also used by Stripe and it was creating a confusing in the JS code.

So never use this class when trying to integrate Stripe on your site : stripe-button