Shoprocket for Framer

Add a real shop to your Framer site.

Framer is a gorgeous way to build a site, but it doesn't do real commerce. Drop a Shoprocket embed into a Framer Embed component and your site gains a proper cart, checkout, and catalogue, with 0% platform fees. Your Framer design stays exactly as you built it.

14-Day Free Trial
No Credit Card
0% Platform Fees
Keep your Framer design
1
Embed snippet
0%
Platform fees
Full
Cart & checkout
Any
Product type
The fit

Framer for the site. Shoprocket for the selling.

Framer gives you a fast, designer-grade website and an Embed component for custom HTML. Shoprocket slots into that component and brings the part Framer doesn't: a multi-item cart, checkout, tax, shipping, and a real product catalogue.

Why it works well

A commerce layer that respects the design.

01

One embed, full checkout.

A single Shoprocket embed gives Framer visitors a real cart saved across pages, with tax and shipping worked out inline. Not a link off to a third-party checkout.

02

Keep 100% of your sales.

0% platform fees on every plan. Your payment processor (Stripe, PayPal, crypto) charges its standard rate; nobody else takes a cut.

03

Sell more than one thing.

Physical products, digital downloads, subscriptions, licence keys, and gift cards, all from the same embed on your Framer site.

04

Your own gateway.

Connect your own Stripe, PayPal, Authorize.Net, or crypto account. Funds settle to you, on your processor's schedule.

The install

Paste one snippet into a Framer Embed.

Add a Framer Embed component where you want the shop, paste the Shoprocket snippet, and publish. Your catalogue, cart, and checkout appear inside your Framer layout, no separate storefront, no plugins to maintain.

  • Drop into a Framer Embed / code component
  • Catalogue, cart, and checkout inside your Framer site
  • Update products in Shoprocket; the site stays in sync
✦ shop.html
shop.html
1<!-- Add once, anywhere on your site -->
2<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_…"></script>
3 
4<!-- Drop this where products should render -->
5<div data-shoprocket="catalog" data-embed-id="emb_…"></div>
6// That's it.
2 tagsReady
</>
Common questions

Shoprocket on Framer, answered.

The practical bits.

Does this work with Framer's Embed component?+
Yes. Shoprocket is a standard HTML/JavaScript embed, which is exactly what Framer's Embed component is for. Paste the snippet, publish, and the store renders inside your Framer page.
Will it clash with my Framer design?+
No. The commerce UI lives inside the embed and inherits sensible defaults; your Framer layout, fonts, and sections stay as you designed them. The shop sits within the page, not on top of it.
What does it cost per sale?+
0% platform fees. You pay a flat monthly plan from $29/mo; the only per-sale cost is your own payment processor's standard rate.
Can I sell digital products and subscriptions on Framer?+
Yes. Physical, digital, subscriptions, licence keys, and gift cards all work from the same embed, with one checkout and one customer record.

Turn your Framer site into a shop.

14-day free trial. No credit card. A real cart and checkout inside Framer, with 0% platform fees.