Stripe Checkout Embed - Test Cards don't work

Design help Custom code
1

Hi guys!

I need to implement the Stripe Checkout button for my client and so far we got it to partially work with their embed code (tutorial here: [TUTORIAL] STRIPE CHECKOUT - I made it work!).

The issue is coming up when I’m taken to the Stripe checkout page and trying test cards to see if it all works. Although all the test card info is correct and I enter the email, it gives two errors - “card declined” and “email required”.

The link to website where we have the button embed: https://www.justinholmes.info/live-virtual-classes (bottom of the page within the Full Access Membership CTA).

Did anyone else experience this or know the solution how to make it work? Thanks a lot!!!

Error Screenshot

2

Do you have “View test data” enabled (toggle to the right) and are you using test API keys?

image

3

Thanks man! Was able to sort it out exactly this way, through “test data”, Stripe support helped out :slight_smile:

So yeah, if anyone wonders why it’s not working - test cards are only working with test mode. Once your plan/product is created in Stripe - just switch to “View test data” and copy the correct code to Webflow, where the api key would start with pk_test_xxxx… instead of pk_live_xxxx…

1 Like
4

Glad it’s sorted for you :slight_smile:

5

I switched to test mode but I am not sure where to copy the api code in Webflow?

6

Apparently you can’t. People have been requesting this for 5 years but Webflow won’t allow its paying users to do such simple things

7

Hi, did you find out where to copy the API keys in Webflow eventually? I’m trying to figure this out now as well to test the card payments