Phase 01
Create your
Stripe Platform Account
1
Create a Stripe account at stripe.com
Go to
stripe.com and create an account. Verify your identity and bank details. This is your StreamCo platform account — all creator revenue flows through here first.
2
Enable Stripe Connect Express
Dashboard → Settings → Connect → Enable. Choose Express as your account type. Express gives creators the fastest onboarding (under 2 minutes) and lets you control payout timing.
3
Register your Connect platform
Dashboard → Connect → Settings → fill in platform name (StreamCo), website, description. Set platform type to Technology. Stripe reviews this — approved in 1–2 business days. You cannot create connected accounts until approved.
Do this first
Apply for Connect platform approval before doing anything else. While you wait, complete steps 4–6.
4
Get your API keys and Client ID
Dashboard → Developers → API Keys. Copy your pk_live_... (publishable) and sk_live_... (secret) keys.
Dashboard → Connect → Settings → copy your ca_XXXX Client ID.
The secret key never goes in any HTML file. Frontend only uses the publishable key.
Phase 02
Build your
Stripe Connect OAuth URL
5
Construct your OAuth URL
Replace the values in caps with your real data:
https://connect.stripe.com/oauth/authorize
?response_type=code
&client_id=ca_YOUR_CLIENT_ID
&scope=read_write
&redirect_uri=https://YOUR_DOMAIN/stripe-callback
&stripe_user[business_type]=individual
This is the value that goes into index.html as SC.stripe. When a creator clicks the connect button, this URL opens, they log in or create Stripe, and they're connected in under 2 minutes.
6
Add your redirect URI in Stripe dashboard
Dashboard → Connect → Settings → OAuth Settings → Add redirect URI. Enter exactly: https://yourdomain.com/stripe-callback. It must match the URL in your OAuth link perfectly, including https.
7
Handle the OAuth callback
When Stripe redirects back with ?code=ac_XXXX, you must exchange that code for the creator's connected account ID. Two no-code options:
Option A — Zapier (Easiest)
In Zapier: New Zap → Trigger: Webhooks by Zapier (Catch Hook). Use the Zapier webhook URL as your redirect_uri instead. Zapier receives the code automatically. Add a Code step that POSTs to https://connect.stripe.com/oauth/token with your secret key. Store the returned stripe_user_id in Google Sheets or Airtable.
Option B — Cloudflare Worker (Recommended)
Deploy a Worker at yourdomain.com/stripe-callback. It receives the code, calls Stripe's token endpoint using your secret key (stored as an environment variable, never in code), stores the connected account ID, then redirects to yourdomain.com/?stripe=connected. The site detects this and shows the success state automatically.
Phase 03
Configure automatic
80/20 revenue splits
8
Use application_fee_amount on every charge
Every time you create a Stripe charge, payment intent, or subscription for a creator's customer, include this parameter. Stripe splits automatically at settlement:
// $100 charge — Stripe splits automatically:
stripe.paymentIntents.create({
amount: 10000, // $100 in cents
currency: 'usd',
application_fee_amount: 2000, // 20% = $20 to StreamCo
transfer_data: {
destination: 'acct_CREATOR_CONNECTED_ACCOUNT_ID',
},
});
// Result: $20 to StreamCo instantly at settlement
// $80 held for creator, released per payout schedule
// Zero manual action. Ever.
9
Set T+1 payout schedule on each creator account
When a creator completes Connect onboarding, update their account via API (in your Zapier Code step or Cloudflare Worker):
stripe.accounts.update('acct_CREATOR_CONNECTED_ACCOUNT_ID', {
settings: {
payouts: {
schedule: {
interval: 'daily',
delay_days: 1 // T+1 = 24 hours after settlement
}
}
}
});
// Creator receives their 80% automatically every day
// for all settlements from the prior day. Zero action needed.
Want Instant Payouts?
Dashboard → Connect → select creator account → Payouts → Enable Instant Payouts. Creator gets funds in minutes via debit card (0.5–1.5% fee). You can pass this fee to creators or absorb it platform-wide.
10
Set up Stripe Webhooks for real-time events
Dashboard → Developers → Webhooks → Add endpoint. Point to your Zapier webhook or Cloudflare Worker. Events to listen for:
payment_intent.succeeded → Trigger 11-stream activations
account.updated → Creator onboarding complete
payout.paid → Creator received funds; send Monday report
transfer.created → 80% sent to creator; log it
account.application.deauthorized → Creator disconnected; pause streams
Phase 04
Zapier automation:
everything fires automatically
11
Create your master Zapier webhook
In Zapier → New Zap → Trigger: Webhooks (Catch Hook). Copy the URL. This is your SC.zapier value in index.html. When a creator completes Step 1 of the intake form, this fires automatically.
12
Build the 11-stream activation chain
After your Webhook trigger, add these actions in sequence:
Your Zapier Action Chain
1. Google Sheets / Airtable → Log creator data
2. Gmail / SendGrid → Send welcome email with Stripe Connect link
3. Slack → Notify you of new signup
4. Opus Clip / Webhook → Trigger clip automation for their VODs
5. Apollo.io → Add to sponsor outreach sequence
6. HubSpot / CRM → Create contact + deal
7. Printful API → Queue merch store setup
8. Discord Bot → Create paid community server
9. Beehiiv / Mailchimp → Add to newsletter automation
10. Delay 7 days → Send first Monday revenue report
11. Stripe API (Code step) → Set T+1 payout schedule once connected
13
Monday Report Zap (separate automation)
New Zap → Trigger: Schedule (every Monday 9AM) → Action: Stripe API (pull last 7 days transfers per connected account) → Action: Gmail/SendGrid (send formatted revenue email to each creator). Fully automated. No human writes or sends these. Ever.
Phase 05
The 3 values to paste
into index.html
14
Find var SC in index.html and replace
Open index.html, scroll to the bottom, find var SC={ and replace the 3 placeholder values:
var SC={
// Your Zapier webhook URL:
zapier: 'https://hooks.zapier.com/hooks/catch/12345678/abcdefg/',
// Your Stripe Connect OAuth URL (built in Step 5):
stripe: 'https://connect.stripe.com/oauth/authorize?response_type=code&client_id=ca_YOUR_ID&scope=read_write&redirect_uri=https://yourdomain.com/stripe-callback',
// Your Stripe publishable key:
pk: 'pk_live_YOUR_PUBLISHABLE_KEY'
};
Security — Critical
Your secret key (sk_live_...) must NEVER appear in any HTML, JS, or CSS file. It belongs only in Cloudflare Worker environment variables or Zapier private API config. The publishable key in the config above is safe to expose in frontend code.
15
Deploy to Cloudflare Pages
1. Go to
pages.cloudflare.com2. Create a Project →
Upload Assets3. Drag and drop the ZIP file
4. Click Deploy
5. Connect your custom domain in Settings → Custom Domains
6. Update your Stripe Connect redirect_uri to match your new domain
// Payout Summary
The complete
automatic money flow
Every revenue event. Every time. No humans involved at any step.
Revenue event settles
(sponsor, sub, affiliate)
StreamCo gets 20%
T+0 instant
Creator's 80% held
in Stripe escrow
Secured automatically
T+0 secured
Creator payout
releases to bank
Zero action needed
T+1 automatic