🛒
Stripe Checkout (Shopping Cart) Plugin
  • 👋Introduction
  • Installing the Plugin
  • Configuring Stripe API Keys
  • Setting up your Database
  • Adding items to the shopping cart
  • Creating Checkout Sessions
  • Embedding payment forms in your app
  • Adding Shipping Rates
  • Automatically Create Stripe Customer ID's
  • Saving down details of a transaction
  • Stripe Tax
  • Discounts
  • Support Queries
Powered by GitBook
On this page

Configuring Stripe API Keys

PreviousInstalling the PluginNextSetting up your Database

Last updated 1 year ago

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

This documentation assumes you have already registered for a Stripe account. If you have not already done so, please register by following .

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.

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

  • Click on "API keys" and then "Reveal test key" to get your Secret key

  • Copy this key

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

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

Stripe Publishable Key - dev.

  • Navigate back to the API Keys section of your Stripe dashboard

  • Copy the publishable key

  • Paste this key into the 'Stripe Publishable Key - dev.' field

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

these steps