Framer Commerce: Plugin by Framer Commerce

Screenshot 1 for Framer Commerce, a Framer Marketplace plugin by Framer Commerce.

Screenshot 2 for Framer Commerce, a Framer Marketplace plugin by Framer Commerce.

Screenshot 3 for Framer Commerce, a Framer Marketplace plugin by Framer Commerce.

Screenshot 4 for Framer Commerce, a Framer Marketplace plugin by Framer Commerce.

Design your e-comm store natively in Framer with real-time Shopify sync and 40+ components – including filters, search, subscriptions, advanced variants, global selling with Shopify Markets, and cart tools like quick-adds and promo progress bars.

Overview

Framer Commerce is the most advanced way to design Shopify storefronts in Framer. Sync your product data, design with 40+ Shopify components, and launch fast. Winner of Framer’s Best Plugin Award.

Shopify → Framer sync

One-click sync products, variants, prices, descriptions, tags, collections, SEO data, and more
Import custom text metafields from Shopify
Create editable fields in Framer CMS

Control every part of the product experience

Flexible purchase buttons with Add to Cart, Quick Add, Buy Now, and Shop Pay buttons
Sell subscriptions using selling plans (supports all Subscription apps)
Advanced variant selectors with buttons, dropdowns, image & color swatches, and quick-add options
Quantity selector with custom button & dropdown options and inventory-aware limits
Live stock status messaging with custom states
Dynamic price & compare-at prices based on selected variants
Discount badges with automatic percentage or amount saved
Product attribute fields to allow customers to add text to their order
Advanced variant control using variant IDs on purchase buttons
Connect variants to visuals to trigger gallery state changes or scroll-sections
Set max quantity limits per product in the cart

Filter, search, sort & favorite

Live product filters with variant and inventory data
Custom search modals with product and keyword suggestions
Sort options using custom radio buttons or dropdowns
Let users favorite products and revisit without logging in

Increase cart spend

Quick adds on empty cart states to push your top products
Cart promo progress bars to encourage larger orders
Dynamic cart product cards with customizable options
Trigger cart overlay when add to cart is clicked
Live cart counter with unique state for empty carts

Sell globally with Shopify Markets

Display local prices based on region
Design custom market selectors with branded UI
Show market-specific content based on region
Localized checkout to send customers to checkout in their language and currency
Show-once modals for market selection or newsletter signup