Accepting payments in your Lovable project has never been easier! This guide walks you through connecting Stripe, Lovable, and Supabase — so you can start collecting payments like a pro.

Step 1: Set Up Your Stripe Account

1. Go to stripe.com and create a free account (or sign in if you already have one).

2. Navigate to the Developers section → API Keys.

3. You'll find two keys

   Publishable key – used on the frontend (public)

   Secret key – used on the backend (private)

   
   

   

   
   

💡 Tip: Keep your secret key safe — never share it publicly

Step 2: Connect Stripe to Your Lovable Project

1. Click the Supabase icon again and choose Manage Secrets.

2. Click "Add New Secret" and enter:

   • Name: STRIPE_SECRET_KEY

   • Value: sk_test_...

3. (Optional) Add your publishable key:

   Name: STRIPE_PUBLISHABLE_KEY

   Value: pk_test_...

4. Click Save.

Note: These secrets allow Lovable to securely communicate with Stripe on your behalf

Step 4: Describe What You're Building

Lovable's AI-powered chat setup makes it simple to create backend flows. Just describe what you want to build.

Example:
"I want to sell digital design templates and accept payments through Stripe."

Step 5: Run a Test Transaction

Open your Lovable website and try to purchase a product or service. On the payment screen, use this Stripe test card:

Card number: 4242 4242 4242 4242  
Expiry: Any future date  
CVC: Any 3 digits

Once done, go to your Stripe Dashboard → Payments to confirm your test payment.

Step 6: Go Live and Accept Real Payments

1. In Stripe, activate your account by providing your business information.

2. Go to Developers → API Keys and switch to Live Mode.

3. Copy your new keys:

   • Publishable key → pk_live_...

   • Secret key → sk_live_...

4. In Supabase → Manage Secrets, delete your test keys and replace them with your live ones.

5. Run a real payment and confirm it appears in your live Stripe dashboard.

   
   

   💰 You can refund live payments directly from your Stripe dashboard anytime.

   
   

Step 7: Store Payment Details in Supabase

To store user payment details automatically, simply tell Lovable's chat:

"Create a subscribers table in Supabase to store necessary details about users that have made payments."

This helps you manage subscribers, premium users, or payment histories inside your database.

✨ You're Done!

You've successfully integrated Stripe into your Lovable project using Supabase as your backend. Now you can:

• Accept secure payments 🔒

• Track transactions in real time 💸

• Store user data seamlessly in Supabase 🧾

🧡 Built by Vibe Coders — helping you create, test, and launch faster with Lovable