Add a shop to your Framer site

Framer makes beautiful marketing sites fast. When you want to sell the thing the site is about, the usual advice is a payment link per product or a separate store. AddTheShop gives you an actual cart and checkout inside the Framer page, from one Embed component.

Install in Framer

Insert an Embed component where the shop goes and paste:

<script src="https://addtheshop.com/shop.js" data-store="pk_ats_YOUR_STORE_KEY" async></script>
<div id="addtheshop"></div>

For buy buttons you designed yourself, add a Code Override or use an Embed with a button carrying data-addtheshop-buy="PRODUCT_ID". The script tag only needs to be on the page once.

Looks like your site

Our grid inherits your page font. Set --ats-accent and --ats-radius on #addtheshop to match your brand, or go data-theme="unstyled" and style the classes in Framer's custom CSS.

Payments

Stripe's hosted checkout, on your own Stripe account. Apple Pay, Google Pay and cards work out of the box. Buyers come back to your Framer page when they are done.

Managing products

In the AddTheShop dashboard, or by chatting with an AI connected to our MCP server. Orders arrive by email.