Add a shop to your Replit app

Replit Agent can build and deploy an app from a sentence. Getting it to sell things safely is a different job, because payments want secrets kept server side, webhooks verified and orders stored. AddTheShop hands you all of that as a snippet and an API, so the Replit app stays simple.

Install

Tell Replit Agent:

> Add the shop from addtheshop.com to this app. Read https://addtheshop.com/docs/agent.md first. My store key is pk_ats_YOUR_STORE_KEY. Put the product grid on /shop.

For a static or Flask-rendered page it is two lines of HTML:

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

For a React front end, use the component in our agent guide.

No secrets in your Repl

Your Stripe account connects to AddTheShop directly through Stripe Connect. The only thing in your Replit code is a public store key, which is safe to show.

Orders

Every paid checkout becomes an order in your AddTheShop dashboard and an email to you, with the items, totals and the buyer's shipping address. Stock goes down automatically.

Let the agent run it

Connect AddTheShop as an MCP server and Replit Agent, Claude or ChatGPT can add products and check orders for you.