Stripe Integration Bearer Issues

Hi there!
I am trying to integrate Stripe into my app and have followed all the advice on here that I have found. I have set up my checkout to be the ‘subscribe to user plan’ with dynamic listings for the pricing tiers.

I have also gone through and added the API Connector plug in and put in the Secret Key & Development Key with the word ‘Bearer’ in front of both values and I am STILL getting this error when on the live version. Please help, been at this for hours.

Checkout Workflow Page:
image

API Connector Page:

Error on Checkout Page:
image

you need to put the keys in the plugin section if you are using the plugin.
and if you are calling the api direct than keys need to be in the api connector.

The keys are in both already, that is what one of the screenshots is

You put your publishable key in the development value, whereas it should be the test key (Bearer sk_test_xxxxxxxx)