Add a shop to Webflow without the Ecommerce plan

Webflow Ecommerce is a serious product with a serious price, and it changes how your whole site is structured. If you sell a few things and want to keep your current plan and layout, AddTheShop is one embed element away.

Where it goes

Add an Embed element on the page where the shop should appear and paste:

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

Publish. The product grid, cart bar and Stripe checkout appear in that spot. For a single "Buy" button on a product page you designed in Webflow, give any button the attribute data-addtheshop-buy with the product id, and keep the script tag in the page or in the site-wide footer code.

Keep your plan

The embed works on any Webflow plan that allows custom code, which is every paid site plan. There is no Webflow Ecommerce upgrade, no transaction fee to Webflow, and your CMS and design stay exactly as they are.

Matching your design

Set CSS variables on #addtheshop in your page's custom code to match your colours and corner radius, or use data-theme="unstyled" and style the classes in Webflow's custom CSS.

Running it

Products and orders live in the AddTheShop dashboard, which you or your AI can manage. Payments land in your Stripe account.