Introduction

Introduction

Introduction

E-commerce in Framer (2025): Custom Carts, Direct Payments & Scalable Stores

E-commerce in Framer (2025): Custom Carts, Direct Payments & Scalable Stores

E-commerce in Framer (2025): Custom Carts, Direct Payments & Scalable Stores

E-commerce in Framer (2025): Custom Carts, Direct Payments & Scalable Stores

Artyum Grebenyuk

May 25, 2025

Framer still isn't a full e-commerce CMS, but in 2025 you can:

  • Build an on-brand cart & mini-checkout inside Framer with Frameship or code components

  • Take direct payments via Stripe Checkout, PayPal Smart Buttons, or Lemon Squeezy overlays

  • Handle orders, fulfilment and taxes through Shopify or no-code automations

  • Add subscriptions & gated content with Memberstack or FramerAuth

  • Scale to thousands of SKUs by off-loading search and inventory to Shopify's Storefront API

Read on for the concrete how-tos.

Custom Cart & Checkout Flows

Frameship for Shopify (best all-round)

Frameship's plugin drops native Cart Drawer, Add-to-Cart, Variant, Quantity and Checkout components into Framer. Cart state and validation live in Frameship's React context, while orders finish in Shopify Checkout, giving you fraud, tax and multi-currency out of the box.

Branded cart flow: wrap the Cart Drawer in your own modal layout — Frameship exposes useCart() for total styling control.

Pure-Framer Cart (≤ 20 products)

For a boutique store you can:

  1. Create a React CartProvider code component (context + localStorage)

  2. Use Stripe's "Checkout Session" API in an edge function to create a session on Pay click

  3. Redirect (window.location) to the Stripe-hosted checkout URL

Add error / empty-cart states with <Condition> wrappers.

Direct Payment Integrations

Stripe Checkout / Payment Links

  • Redirect or iframe embed

  • Ideal for physical & digital goods, one-time or recurring

  • Custom domain, tax & fraud built-in

Lemon Squeezy Buttons

  • Native Framer component or script

  • Perfect for digital downloads, SaaS licences

  • Overlay or hosted page; EU VAT handled

PayPal

  • Smart-Button script in a Code block

  • Good for Pay-by-PayPal niche

  • No first-party plugin; manual script, limited styling

Order Management & Fulfilment

Shopify back-office

  • If you're using Frameship, orders, stock and shipping live in Shopify Admin

Stripe / Lemon stack

  • Catch checkout.session.completed webhooks → send to Airtable or Notion via Zapier / Make

  • Trigger Shippo or EasyPost for labels

Subscriptions & Memberships

Recurring SaaS / content paywall

  • Memberstack v2 embedding + Stripe billing

  • Pre-built auth, paywalls, user dashboard; Framer components available

Lightweight memberships

  • FramerAuth + Lemon Squeezy

  • Handles auth/token + Lemon recurring products, 0% platform fee

Both solutions gate routes with client-side redirects and emit login state via window.Memberstack or window.FrAuth.

Frequently Asked Questions

Can I build a completely custom checkout in Framer? You can design the cart UI, but final payment must run through Stripe, Lemon Squeezy or Shopify for PCI compliance.

Does Framer charge transaction fees? No. You only pay Stripe/Shopify/Lemon fees.

How do I handle tax/VAT? Let Shopify, Stripe Tax or Lemon Squeezy manage it; each calculates location-based rates automatically.

Final Call

Need a Framer storefront that looks hand-crafted and scales like Shopify?

Book an e-commerce strategy call →


Introduction

Introduction