Help Center

Stripe Integration · 2 of 3

Get Your Stripe API Keys

Once your Stripe account is ready, you'll need two API keys to connect it to Jot. Here's where to find them.

1. Find Your Keys

  1. Log in to the Stripe Dashboard
  2. Go to Developers → API keys in the left sidebar
  3. You'll see two keys listed under Standard keys:
KeyPrefixPurpose
Publishable keypk_test_... or pk_live_...Used in the frontend to create payment forms
Secret keysk_test_... or sk_live_...Used server-side to charge customers and manage payments

⚠️ Keep your Secret key safe. Never share it, expose it in client-side code, or commit it to version control. Jot encrypts it and never shows it back to you after saving.

2. Enter Your Keys in Jot

Head to your Account → Preferences → Stripe Keys page in Jot.

  1. Click Add Keys to open the form
  2. Key Name — Give your keys a recognizable label (e.g. “My Store”, “Test Keys”). You can add multiple Stripe connections, so names help you tell them apart.
  3. Publishable Key — Paste your pk_... key
  4. Secret Key — Paste your sk_... key (it's masked as you type)
  5. Webhook Signing Secret — Leave this for now if you haven't set up a webhook yet — see the next page. You can come back and add it later.
  6. Live mode — Check this box if these are production (live) keys. Leave unchecked for test keys so you can see which mode you're in.

🔒 Your keys are encrypted and hidden. After saving, you'll never see the actual key values again. You can delete and re-add them anytime if needed.

Stripe Keys form showing the four fields
The Stripe Keys form — keys are encrypted on save

3. Use Your Keys in Builder Sections

Once your keys are saved, you can select them when configuring ecommerce sections in the page builder.

  1. Open the page builder for the page you want to add checkout to
  2. Add an ecommerce section like Single Product Checkout or Cart
  3. In the section editor, look for the Stripe Key field — it will show your saved key sets by name
  4. Select the key set you want to use for this particular product or checkout

This means you can use different Stripe accounts for different pages — perfect if you run multiple stores or want test vs. live mode per page.

Troubleshooting

My Stripe keys aren't appearing in the builder
Make sure you've saved at least one key set in Account → Preferences → Stripe Keys. Only saved keys appear in the builder dropdown.
“Stripe configuration not found” error
The Stripe key set you selected in the builder may have been deleted. Go to Stripe Keys to check your saved keys, then re-select a valid key in the section editor.
Test vs. Live confusion
Test keys start with pk_test_ / sk_test_. Live keys start with pk_live_ / sk_live_. Mixing them up means test cards won't work on live keys and vice versa.

Ready to dive in?
Start your free trial today.

Next: Set Up Webhooks