Taking payments is the most important part of any business app. With Famous.ai, you don't need to wrestle with complex payment gateways or backend code. You can wire up Stripe and start processing transactions in minutes.
Because Famous.ai automatically manages your in-house database, securely handling customer data and payment logic happens entirely behind the scenes.
Here is exactly how to find your Stripe keys, connect them to Famous.ai, and get your app ready to take payments.
1. Log in to Your Stripe Account
Before you can take payments in your app, you need a Stripe account.
Go to Stripe.com and log in to your dashboard (or create a free account if you don't have one yet).
Once logged in, look at the top right corner of your dashboard and make sure the Test mode toggle is turned ON. We highly recommend starting in Test mode so you can safely test transactions without using real money!
2. Locate Your Stripe API Keys
To process money, Famous.ai needs to securely connect to your Stripe account using two specific keys. Here is exactly where to find them:
In the Stripe dashboard, click on the Developers button (located in the top right navigation or left-hand menu).
Click on the API keys tab.
You will see a table with your Standard keys.
Your Publishable Key: This key starts with
pk_test_(orpk_live_if you are out of test mode). Click on the key value to instantly copy it to your clipboard.Your Secret Key: This key starts with
sk_test_(orsk_live_). Click the Reveal test key (or Create secret key) button. Click the revealed key to copy it.
🚨 Important: Treat your Secret Key like a password. Do not share it publicly. Stripe will only show you a Live Secret Key once, so be ready to paste it directly into Famous.ai!
3. Ask Famous.ai to Build the Payment Flow
Whether you are starting a brand new project or adding payments to an existing app, it all starts with a simple prompt. Return to your Famous.ai chat and tell the AI exactly what kind of payment experience you want to build.
Prompt:
"Add a new 'Checkout' page to my app/website with a form to collect customer details. Add the option to take Stripe payments securely."
The AI will automatically generate the UI for the checkout form and configure the necessary backend database to handle the transaction securely.
4. Securely Connect Stripe to Famous.ai
If the AI hasn't already prompted you for your keys after building the checkout page, just ask:
Prompt: "I am ready to connect my Stripe account to process these payments."
The AI agent will trigger a secure popup menu asking for your Stripe Publishable Key and Stripe Secret Key. Paste the keys you copied from Step 2 into these fields and hit Submit. Your app is now officially wired to your Stripe account!
5. Test Your Checkout Flow
Never launch a payment form without testing it first!
Click the Preview button in the top right corner of the Famous.ai builder.
Fill out your generated checkout form with dummy customer information.
Enter a Stripe test credit card number (use
4242 4242 4242 4242with any future expiry date and any CVC) and hit pay.Go back to your Stripe dashboard and click the Payments tab to ensure the test transaction successfully appeared.
(Note: When you are ready to launch to real customers, simply go back to Stripe, turn Test Mode OFF, grab your Live Publishable and Live Secret keys, and update them in Famous.ai!)
6. Let the AI Self-Resolve Any Errors
If your test payment doesn't go through, don't panic. You don't need to debug the code yourself.
Simply copy the error message you received (or describe what happened) and paste it back into the Famous.ai chat:
Prompt: "When I hit the pay button, the form didn't process and I got an error saying 'Invalid API Key'. Can you fix this?"
Famous.ai will instantly review the backend logic, self-resolve the issue, and push the update to your app so you can try again.