Stripe

Overview

Stripe handles checkout, subscriptions, billing, and invoicing on Electroplix. Connect your Stripe account once, then use payment components in the builder or the generated SDK in exported projects.

• Checkout Sessions
• Payment Links
• Subscriptions
• Webhooks
• Customer management

Setup

Go to Dashboard → Integrations → Stripe and add your environment keys:

• STRIPE_SECRET_KEY
• STRIPE_PUBLISHABLE_KEY
• WEBHOOK_SECRET — optional for local testing; required for webhook signature verification in production

Using Stripe in the Builder

1. Drag the Payment Button (Stripe) component onto your canvas.
2. Connect your Stripe price IDs from the Stripe Dashboard.
3. Bind success and cancel URLs for checkout completion.

Using Stripe in Exported Code

Exported projects include a Stripe client you can use in API routes and server actions:

import Stripe from 'stripe';

export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!);

Common Errors

• No such price — Verify the product and price exist in the Stripe Dashboard and that you are using test keys with test price IDs (or live with live).
• Webhook signature mismatch — Update WEBHOOK_SECRET to match the signing secret from Stripe webhook settings.
• Test vs. live keys — Test secret keys start with sk_test_; live keys start with sk_live_. Match keys to the same mode as your publishable key and price IDs.