Your shop in Framer, step by step.
For small brands without a developer. Every chapter is a short sequence of numbered steps. You need a Framer account, a Stripe account and a quiet afternoon.
Four steps to your own shop
There are two ways in: with a kspr studio template (remix the template) or in your own Framer project (without a template). After that the path is the same. The chapters below walk you through each part.
- Remix or set up shop With a kspr template, the remix link copies everything into your Framer account. In your own project, the plugin adds the cart and product collection.
- Add your content Products, images and copy go into the CMS.
- Connect Stripe The checkout plugin connects your Stripe account and sends your products over.
- Test, then go live One test purchase with a test card, then you switch to real payments.
Getting started
- 01Remix the templateCopy the template into your Framer account and publish it for the first time.
- 02A shop in your own Framer projectYour own project instead of a template: the plugin adds cart, product button and collection.
- 03Content and products in the CMSAdd products, categories and posts, replace images, keep prices in line.
- 04Colours, fonts and componentsBring in your brand's colours and fonts, adjust components.
Selling with Stripe
- 05Connect StripeOpen the plugin, set up the checkout, connect your Stripe account.
- 06Update products in StripeSend products, variants and prices from the CMS to Stripe.
- 07Test the checkout and go liveSet up shipping, tax and subscriptions, test purchase, then switch to real payments.
- 08Plan and pricing$9.90 a month per site, no commission, test mode free.