Framer Commerce

About Framer Commerce

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