Framerfy Docs – Shopify Storefronts in Framer

The Framerfy connector lets Claude build a store for you on a Framer template. You tell Claude what you sell. It reads the template, writes the product catalog, gives you a Shopify import file, places the Framerfy components, adds the cart and checkout, makes the pages work on tablet and phone, publishes, and checks the live site. On our test template the build steps, from product pages to a checked live site, take about a minute of Claude’s work. Your part is approving each change and importing the products into Shopify.

The connector is in private beta. If you’d like to try it, email support@framerfy.ae with the email address you use for Framerfy.

What it does

Step	What Claude does	Changes anything?
Read the template	Lists the pages and their role in the shop (home, listing, product, cart, checkout), the colour and text styles, and anything that blocks a store build	No
Write the catalog	Writes about 12 products for your niche in Shopify’s shape, keeping the template’s own products where they fit, and checks them	No
Shopify import file	Builds a product CSV and gives you a download link	No. You import it into Shopify yourself
Sync products	Copies your Shopify products into a CMS collection in Framer	Yes, after you approve
Product pages	Builds the product page (gallery, price, option pickers, Add to cart) and a product grid, styled from the template	Yes, after you approve
Cart	Adds a cart drawer that opens from the header’s cart button on every page	Yes, after you approve
Checkout	Sets up the demo test checkout or Shopify checkout, a 404 page and store pages like Shipping or FAQ	Yes, after you approve
Tablet and phone	Adds tablet and phone layouts and fixes what usually breaks on small screens. Desktop isn’t touched	Yes, after you approve
Publish	Publishes the site the way Framer’s Publish button does	Yes, after you approve
Check the live site	Opens every product page and the checkout pages and compares the CMS with Shopify	No

Every change waits for your yes

The first time Claude asks for a change, Framerfy only describes it. For example: “Build the shop on Framerfy Products (13 products, pickers for Size and Style). Product page /product: created. Nothing is published.” Claude shows you that, and the change runs only after you say yes. An approval is good for that one change, for 10 minutes. If Claude changes anything about the request after you approve it, Framerfy refuses it and Claude has to show you the new version. Framerfy never writes to your Shopify store. It never deletes your pages, and it doesn’t publish unless you approve a publish.

What you still do yourself

Connect a Framer project. Paste the project URL and a Framer API key in the Framerfy dashboard. See Set up the connector.
Import the products into Shopify. Claude gives you the CSV; you upload it in Shopify admin. This keeps Framerfy out of your Shopify admin.
Product photos. Claude doesn’t generate images. It uses the template’s photos, links you give it, or photos already in Shopify.
Test what an automated check can’t. The final check reads the live pages but doesn’t run a browser. Add a product to the cart, pay with a test card, and look at the site on your phone. Build a store lists what to try.
Your domain and launch. Connecting a custom domain and taking the store live stay in Framer and Shopify.

What it costs

The connector is part of the paid plans:

Plan	Price	Stores the connector can build
Pro	$19 a month	3 active stores
Agency	$99 a month	15 stores

Paid plans open soon. During the beta it’s free for invited accounts. Claude’s own usage counts against your Claude plan, and your Claude plan has to allow custom connectors. One build works on one Framer project and one Shopify store.

​What it does

​Every change waits for your yes

​What you still do yourself

​What it costs

What it does

Every change waits for your yes

What you still do yourself

What it costs