Setup Guide
Get started in 5 steps
Framerbitz adds cart, checkout, and Stripe Connect to your Framer site. Open the plugin at ecom.framerbitz.com in Framer (Developer Tools → Open Plugin).
1. Subscribe or use developer mode
Choose Studio ($9/month, 2% platform fee) or Storefront ($19/month, 1% platform fee). Template builders: pick Developer mode on the welcome screen — free while designing; checkout unlocks when the site owner subscribes.
2. Connect Stripe
Click Connect Stripe in the plugin. You create or link a Stripe Connect account that receives payouts directly — Framerbitz never holds your funds.
3. Map your product collection
Select your Products CMS collection and map Name, Price, Product ID, and Stripe Price ID (leave Stripe Price ID empty — sync fills it). Optional: map Download URL for digital products.
4. Add cart components
From the plugin Components tab, install all four code components:
Product Price
Add to Cart Button
Cart Icon
Cart Drawer
Style them in the Framer properties panel to match your brand.
5. Sync and publish
Run Preview sync, then Confirm & sync to create Stripe prices. Publish your site — your store is live.
