Set up Framerce

Get Framerce running in your Framer project in under 5 minutes.

Prerequisites

• A Shopify store (any plan)
• A Framer project
• Shopify Storefront API access token (how to create one)

Step 1: Install the plugin

1. Open your Framer project
2. Go to Assets panel → Plugins
3. Search for Framerce and install it
4. Or load from URL if using a development build

Step 2: Connect your store

1. Open the Framerce plugin in Framer
2. Enter your Shopify store domain (e.g., your-store.myshopify.com)
3. Enter your Storefront API access token
4. Click Connect

The plugin fetches your product catalog and adds components to your insert menu.

Connection failing?

Double-check your store domain (must be your-store.myshopify.com, not your custom domain) and that your Storefront API token has the required scopes — see Shopify Store Setup.

Step 3: Add components to your canvas

Framerce components appear in your Framer insert menu — product displays, cart, checkout, and more. See the Components Overview for the full list.

Drag any component onto your canvas. Use property controls to configure it.

Step 4: Publish your store

Click Publish in Framer. Your site goes live with real-time products, prices, and inventory from Shopify.

What's next

• Shopify Store Setup — Create API tokens and configure products
• Components Overview — Browse all available components
• Layout & Slots — Build custom layouts with component slots