Stripe Setup

Set up Stripe payment processing for your DevOur project.

Create a Stripe Account

  1. Go to Stripe Dashboard
  2. Create an account or sign in
  3. Complete the account setup process

Get API Keys

  1. In Stripe Dashboard, go to Developers > API keys
  2. Copy your Publishable key (starts with pk_)
  3. Copy your Secret key (starts with sk_)

For development, use the test mode keys. Switch to live keys for production.

Configure in DevOur

Add your Stripe credentials in the DevOur web app:

  1. Open your project in DevOur
  2. Go to Settings
  3. In the Stripe Configuration section, enter:
    • Secret Key
    • Public Key
  4. Click Save

For more details on available settings, see Project Settings.

Set Up Webhook

DevOur uses webhooks to process subscription events. Configure this after your application is hosted:

  1. In Stripe Dashboard, go to Developers > Webhooks
  2. Click Add endpoint
  3. Enter your webhook URL: https://your-domain.com/webhook/stripe
  4. Select events to listen for:
    • checkout.session.completed
    • customer.subscription.created
    • customer.subscription.updated
    • customer.subscription.deleted
    • customer.subscription.paused
    • customer.subscription.resumed
  5. Click Add endpoint

The webhook endpoint is already implemented in your DevOur bundle at /webhook/stripe.

Verify Setup

  1. Download and run your project bundle
  2. Navigate to a subscription page
  3. Use Stripe test cards to test payments:
    • Success: 4242 4242 4242 4242
    • Decline: 4000 0000 0000 0002
  4. Check Stripe Dashboard for test transactions

Next Steps

After configuring Stripe, create your subscription products in the DevOur application. See Creating Products for detailed instructions.

For more information about Stripe features, visit the Stripe Documentation.