​

Stripe Integration

Bfloat integrates with Stripe to enable payment processing in your web applications. This integration allows you to accept credit cards, set up subscriptions, and manage your payment workflows.

​

Getting Started

​

Prerequisites

• A Bfloat AI account
• A Stripe account (create one at stripe.com)

​

Setting Up Stripe Integration

​

Step 1: Connect Your Stripe Account

Bfloat uses Stripe Connect to securely link your Stripe account:

1. Navigate to your project in Bfloat AI
2. Click your avatar in the sidebar
3. Select Settings
4. Scroll to the Integrations section
5. Click Connect Stripe
6. You’ll be redirected to Stripe to authorize the connection
7. Follow Stripe’s prompts to complete the OAuth flow

Once connected, Bfloat can access your Stripe account to process payments.

​

Step 2: Enable Stripe in Your Project

After connecting your account:

1. Open your project settings
2. Go to the Integrations tab
3. Enable Stripe for this project
4. Your Stripe keys will be automatically configured

​

Using Stripe in Your Application

Once integrated, you can ask Bfloat’s AI to add payment features:

​

Example Prompts

• “Add a checkout page for a $29/month subscription”
• “Create a payment form for one-time purchases”
• “Add a pricing page with three tiers”
• “Implement a free trial that converts to paid”

​

Automatic Configuration

Bfloat automatically handles:

• Setting up environment variables for Stripe keys
• Configuring webhooks for payment events
• Implementing secure server-side payment processing

​

Features

​

Payment Processing

• Credit and debit card payments
• Apple Pay and Google Pay
• Bank transfers and other payment methods

​

Subscriptions

• Recurring billing
• Free trials
• Usage-based pricing

​

Customer Portal

• Self-service subscription management
• Invoice history
• Payment method updates

​

Test vs Live Mode

Stripe operates in two modes: Bfloat automatically uses test keys during development and live keys in production.

​

Common Issues

​

Payments Not Processing

• Verify your Stripe account is fully activated
• Check that you’re using the correct mode (test vs live)
• Ensure webhooks are properly configured

​

Connection Failed

• Try disconnecting and reconnecting your Stripe account
• Ensure you have the necessary permissions on your Stripe account

​

Resources

• Stripe Documentation
• Stripe API Reference
• Stripe Testing