# Configuring Stripe API Keys

The Stripe Checkout (Shopping Cart) requires you to input your Stripe API Keys to work.

{% hint style="info" %}
This documentation assumes you have already registered for a Stripe account. If you have not already done so, please register by following [these steps](https://support.stripe.com/questions/getting-started-with-stripe-create-or-connect-an-account).
{% endhint %}

Click on the "Plugins" tab of your bubble editor and select the Stripe Checkout (Shopping Cart) plugin. When you scroll to the bottom of this tab, you'll see there are 6 API keys you need to input:

1. API Key
2. Stripe Secret Key
3. Stripe Publishable Key
4. API - dev.
5. Stripe Secret Key - dev.
6. Stripe Publishable Key - dev.

<figure><img src="https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2FvwOkPhUEwaaPZVv4FXEm%2FScreenshot%202024-01-23%20at%2016.56.16.png?alt=media&#x26;token=39b4c573-d1dd-4e61-a496-3fda7ab67975" alt=""><figcaption></figcaption></figure>

The first three keys will be relevant when you're deploying your app to Live. We'll deal with the last three keys first, which are our test keys. These will be used so you can test the payment functionality in test mode.



**API Key - dev.**

* Type the word "Bearer" (with a space after) into the API - dev. field
* Navigate to the Developers section of your Stripe dashboard and change to "Test" mode

<figure><img src="https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2F4AQNWS3lLZnnwvFCHMSg%2F2023-07-21%2010.18.13.gif?alt=media&#x26;token=9c4970d2-5936-4e07-9bb2-518ffb5592a0" alt=""><figcaption></figcaption></figure>

* Click on "API keys" and then "Reveal test key" to get your Secret key
* Copy this key

<figure><img src="https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2Fj82IX7LLD4kTGW5CrWJ0%2F2023-07-21%2010.20.40.gif?alt=media&#x26;token=3ef802ff-c18b-4494-a8e2-a37da67c7bcc" alt=""><figcaption></figcaption></figure>

* Go back to the "Plugins" tab of your bubble editor and paste this key into the "API - dev." input AFTER the word "Bearer "

<figure><img src="https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2FTbAdxAEoa8u9B7mLdeZ7%2F2024-01-23%2017.02.08.gif?alt=media&#x26;token=a2e7048e-c0e2-495c-a692-a9db931fde3d" alt=""><figcaption></figcaption></figure>

**Stripe Secret Key - dev.**

* Paste the exact same key into the "Stripe Secret Key - dev." input
* This time we do NOT need to put the word "Bearer " before it

<figure><img src="https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2FeqNqkDNEMb1F6g6pElRj%2F2024-01-23%2017.02.55.gif?alt=media&#x26;token=069e419e-65e4-4041-a188-0e220a65802a" alt=""><figcaption></figcaption></figure>

**Stripe Publishable Key - dev.**

* Navigate back to the API Keys section of your Stripe dashboard&#x20;
* Copy the publishable key
* Paste this key into the 'Stripe Publishable Key - dev.' field

<figure><img src="https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2FfUrRM9GdDCBugCtRBNra%2F2024-01-23%2016.59.00.gif?alt=media&#x26;token=3d8c450a-7f22-4f12-b764-7b73ca856d62" alt=""><figcaption></figcaption></figure>



**API Key & Stripe Secret Key**

* When you're ready to deploy your app to Live mode, you'll need to follow the exact same process for the API Key and Stripe Secret Key
* The only difference is you'll get these keys from the non-Test mode version of your Stripe dashboard - you'll need to toggle the "test" mode to off

![](https://2484116937-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5veFxRNePefac6Z9yAnL%2Fuploads%2FGRat5pKstxgyiKl67q9r%2F2023-07-21%2010.27.29.gif?alt=media\&token=34461fb3-5420-4879-bfdd-a3c65854d46f)

