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
Analytics & tracking
Built-in advanced analytics from Framer
Meta Pixel and Conversions API integration
Google Analytics with GTM support
UTM parameter support (custom setup required on all headless stores)
Plans & pricing
Free to start with Framer Commerce badge and Framer Domain
Paid plans unlock custom domains, premium templates, and higher product limits
View plan details at framercommerce.com/pricing
Start with a free template (or sell your own)
Explore with our free OFFSIDE or starter templates
Use premium templates from creators like ena supply
Sell your own templates and keep 100% of sales
Support
Join our Slack community: framercommerce.com/slack
View docs and resources: framercommerce.com/resources/support
Since we have a free tier, refunds are evaluated on a case-by-case basis
Changelog
This update brings some quality of life improvements along with new features across the Variant Selector, Sorting, and Search.
Real Variant Selector Data on CanvasConnect the “Variants” variable to your CMS and see live product data directly in the canvas.
Variant Selector ImagesUpload custom Image Swatches in the plugin or display your CMS Images that are mapped to each variant.
Initial Search StatePreload your Search modal with popular products or suggested searches to speed up discovery before users even type.
Sort Button
A new way to sort your products with custom radio buttons.
Centralized Sorting Defaults
Set your default Sort value once in your Store Settings to auto-update your components on the canvas.
