[{"data":1,"prerenderedAt":3298},["ShallowReactive",2],{"blog-category-resources":3},[4,934,2203],{"id":5,"title":6,"author":7,"body":11,"category":886,"description":887,"extension":888,"featured":889,"image":890,"meta":891,"navigation":921,"path":922,"published":921,"publishedAt":923,"readingTime":924,"robots":925,"seo":926,"slug":927,"stem":928,"tags":929,"updatedAt":923,"__hash__":933},"blog/blog/framer-ecommerce-guide.md","Framer Ecommerce: Shopify vs WooCommerce vs Simple Checkout (2026)",{"name":8,"avatar":9,"bio":10},"Shahul","/shahul-profile-pic.jpg","Founder of FramerHub",{"type":12,"value":13,"toc":856},"minimark",[14,18,21,24,27,32,35,64,67,70,97,100,104,214,217,221,224,227,258,264,270,274,277,280,285,319,325,331,337,341,344,347,350,355,361,397,401,409,413,420,424,427,459,462,466,469,477,485,517,523,532,540,547,551,560,563,567,570,649,655,659,662,665,673,677,680,706,709,713,745,749,752,778,782,786,789,793,796,800,803,807,810,814,817,821,853],[15,16,17],"p",{},"A client sends you a brief. They want to sell 40 products on their new Framer site. Shoppers should filter by size, color and price, and checkout should feel like part of the brand, not a widget from somewhere else.",[15,19,20],{},"You open Framer and find no cart, no checkout and no product pages. Framer ecommerce, as of October 2026, means connecting Framer to a platform that handles the money. There is no official Framer store feature, and the similarly named \"Framer Commerce\" is an independent Shopify plugin, not something Framer ships.",[15,22,23],{},"This guide compares every real way to sell on a Framer site: Shopify plugins, WooCommerce, Buy Button embeds and simple checkout links. For each one we cover what it does, what it costs you in setup and lock-in, and which client project it fits.",[15,25,26],{},"A disclosure before we start. We build two of the tools in this guide: FrameStoreKit (Shopify) and FrameWoo (WooCommerce). We also build sites for clients, and some of those projects are better served by a $0 Stripe link than by either of our plugins. We'll say so where that's true.",[28,29,31],"h2",{"id":30},"how-framer-ecommerce-works-today","How Framer ecommerce works today",[15,33,34],{},"Every Framer store follows the same split.",[36,37,38,46,52,58],"ol",{},[39,40,41,45],"li",{},[42,43,44],"strong",{},"A commerce backend is the system of record."," Products, variants, prices, stock, orders, payments, tax and shipping live in Shopify, WooCommerce or a hosted checkout service.",[39,47,48,51],{},[42,49,50],{},"Framer is the storefront."," Your product grid, product pages, landing pages and brand story are designed on the Framer canvas, usually with product data stored in Framer CMS collections.",[39,53,54,57],{},[42,55,56],{},"Something connects the two."," That can be an embed script, a sync plugin, or custom code against the platform's API.",[39,59,60,63],{},[42,61,62],{},"Checkout happens on the backend."," The shopper pays on Shopify's checkout, WooCommerce's checkout, or the hosted page of Stripe, Gumroad, Lemon Squeezy or Polar. You never handle card data in Framer.",[15,65,66],{},"This split is good news for a designer. Pricing, tax and fulfillment logic stay with a platform built for them, and you can redesign the storefront without touching any of it. The trade-off is workflow. Your client edits products in the backend, not in Framer, so walk them through that before launch.",[15,68,69],{},"Here is what Framer itself gives you to work with:",[71,72,73,85,91],"ul",{},[39,74,75,78,79,84],{},[42,76,77],{},"Framer CMS"," stores product content well: titles, prices, images, descriptions, categories. It does not process payments. Our ",[80,81,83],"a",{"href":82},"/blog/framer-cms-complete-guide","Framer CMS complete guide"," covers collections and fields in depth.",[39,86,87,90],{},[42,88,89],{},"Embeds and code components"," let you add third-party scripts and React components. Every integration below uses one or both.",[39,92,93,96],{},[42,94,95],{},"Native forms"," collect leads. They don't take payment.",[15,98,99],{},"So the real question is which backend, and how it connects.",[28,101,103],{"id":102},"the-five-ways-to-sell-on-a-framer-site","The five ways to sell on a Framer site",[105,106,107,129],"table",{},[108,109,110],"thead",{},[111,112,113,117,120,123,126],"tr",{},[114,115,116],"th",{},"Route",[114,118,119],{},"Backend",[114,121,122],{},"Best catalog size",[114,124,125],{},"Design control",[114,127,128],{},"Setup effort",[130,131,132,150,167,183,197],"tbody",{},[111,133,134,138,141,144,147],{},[135,136,137],"td",{},"Checkout links",[135,139,140],{},"Stripe, Gumroad, Lemon Squeezy, Polar",[135,142,143],{},"1 to 10 items",[135,145,146],{},"Full (it's just a button)",[135,148,149],{},"Minutes",[111,151,152,155,158,161,164],{},[135,153,154],{},"Shopify Buy Button",[135,156,157],{},"Shopify",[135,159,160],{},"1 to 20 products",[135,162,163],{},"Limited inside the widget",[135,165,166],{},"An hour or two",[111,168,169,172,174,177,180],{},[135,170,171],{},"Shopify plugin",[135,173,157],{},[135,175,176],{},"20 to a few thousand",[135,178,179],{},"High",[135,181,182],{},"A day or two",[111,184,185,188,191,193,195],{},[135,186,187],{},"WooCommerce plugin",[135,189,190],{},"WooCommerce",[135,192,176],{},[135,194,179],{},[135,196,182],{},[111,198,199,202,205,208,211],{},[135,200,201],{},"Custom headless build",[135,203,204],{},"Shopify or WooCommerce APIs",[135,206,207],{},"Any",[135,209,210],{},"Total",[135,212,213],{},"Weeks of development",[15,215,216],{},"The catalog sizes are rules of thumb from client work, not hard limits. The bigger question is usually where the client already runs their business.",[28,218,220],{"id":219},"option-1-checkout-links-for-a-few-products-or-services","Option 1: Checkout links for a few products or services",[15,222,223],{},"A freelancer needs to take a project deposit. A designer sells one template pack. A coach sells three packages. None of them need a cart.",[15,225,226],{},"Link a Framer button to a hosted checkout page and you're done.",[71,228,229,240,246,252],{},[39,230,231,239],{},[42,232,233],{},[80,234,238],{"href":235,"rel":236},"https://docs.stripe.com/payment-links",[237],"nofollow","Stripe Payment Links"," turn any product or price in your Stripe dashboard into a URL. Best for services, deposits and single physical items you ship yourself.",[39,241,242,245],{},[42,243,244],{},"Gumroad"," is the quickest path for creators selling downloads. It handles file delivery and can issue license keys.",[39,247,248,251],{},[42,249,250],{},"Lemon Squeezy"," acts as the merchant of record, so it collects and remits sales tax and EU VAT for you. That matters for software and digital goods sold worldwide.",[39,253,254,257],{},[42,255,256],{},"Polar"," handles payments, license keys and subscriptions for digital products. We use Polar for FramerHub's own checkout.",[15,259,260,263],{},[42,261,262],{},"What you give up:"," no cart across multiple products, no stock tracking beyond what the checkout service offers, and no browsable catalog with filters. For a handful of offers, you don't need those.",[15,265,266,269],{},[42,267,268],{},"Our take:"," start here whenever the product list fits on one page. A Stripe link that ships today beats a storefront integration that is still being configured next month.",[28,271,273],{"id":272},"option-2-shopify-buy-button-embed","Option 2: Shopify Buy Button embed",[15,275,276],{},"Your client has 12 products already in Shopify and wants a Framer site. They don't need a full catalog experience.",[15,278,279],{},"Shopify's Buy Button sales channel generates an embed script for a product or collection. Paste it into a Framer embed and you get a product card, a cart and Shopify's checkout.",[15,281,282],{},[42,283,284],{},"Step by step:",[36,286,287,300,303,306,313,316],{},[39,288,289,290,293,294,299],{},"In Shopify admin, add the ",[42,291,292],{},"Buy Button"," sales channel (check that the client's Shopify plan includes it). See ",[80,295,298],{"href":296,"rel":297},"https://help.shopify.com/en/manual/online-sales-channels/buy-button",[237],"Shopify's Buy Button docs",".",[39,301,302],{},"Create a Buy Button for a product or a collection and set colors and fonts in Shopify's builder to roughly match your design.",[39,304,305],{},"Copy the embed code.",[39,307,308,309,312],{},"In Framer, add an ",[42,310,311],{},"Embed"," element, choose HTML, and paste the code. Size it with Framer's layout tools.",[39,314,315],{},"Design the rest of the page in Framer: photography, story, reviews, related products.",[39,317,318],{},"Place a test order on desktop and mobile before launch.",[15,320,321,324],{},[42,322,323],{},"What works:"," Shopify keeps stock, tax and checkout in sync automatically, and setup takes an hour or two.",[15,326,327,330],{},[42,328,329],{},"What doesn't:"," the product card and cart are Shopify's widget, styled in Shopify's builder, so they never fully match a custom Framer design. There are no product pages in Framer CMS, so no filtering, no search and no SEO-friendly product URLs on your domain.",[15,332,333,336],{},[42,334,335],{},"Best for:"," brand sites selling a few physical products where the widget's look is acceptable.",[28,338,340],{"id":339},"option-3-shopify-plugins-for-full-framer-storefronts","Option 3: Shopify plugins for full Framer storefronts",[15,342,343],{},"This is what most people mean by \"framer commerce\" or \"framer shopify\". A plugin syncs your Shopify catalog into Framer CMS and gives you commerce components (product pages, variant pickers, cart drawer) that run on Shopify's Storefront API. Checkout redirects to Shopify's own checkout.",[15,345,346],{},"Your client keeps managing products, orders and discounts in Shopify admin. You get real product pages on the Framer domain, designed on the canvas.",[15,348,349],{},"There are three independent Shopify plugins you're likely to compare. None of them is made by Framer.",[351,352,354],"h3",{"id":353},"framestorekit","FrameStoreKit",[15,356,357,360],{},[80,358,354],{"href":359},"https://framestorekit.com"," is our Shopify plugin, built for designers and agencies who build stores for clients.",[71,362,363,369,375,381,387],{},[39,364,365,368],{},[42,366,367],{},"Connects with a public Storefront token."," No Admin token and no Shopify app install.",[39,370,371,374],{},[42,372,373],{},"One-click sync"," of the catalog into Framer CMS.",[39,376,377,380],{},[42,378,379],{},"A full store kit:"," product pages, variants and galleries, cart drawer, filters, search and sort, Shopify Markets multi-currency, subscriptions, Shop Pay express checkout, and customer accounts with order history and wishlist.",[39,382,383,386],{},[42,384,385],{},"Every component uses your project's Framer text styles"," and has full property controls, so the store follows your type system instead of a preset theme.",[39,388,389,392,393,299],{},[42,390,391],{},"Pricing:"," free up to 15 products, and paid licences are per store, so you can bill them to the client. Current plans are on the ",[80,394,396],{"href":395},"https://framestorekit.com/pricing","pricing page",[351,398,400],{"id":399},"framer-commerce","Framer Commerce",[15,402,403,408],{},[80,404,400],{"href":405,"rel":406,"target":407},"https://framercommerce.com",[237],"_blank"," is the best-known of the three. Despite the name, it is an independent product and not part of Framer. As of October 2026 it is sold as monthly or yearly plans tiered by product count, with a limited free plan.",[351,410,412],{"id":411},"frameship","Frameship",[15,414,415,419],{},[80,416,412],{"href":417,"rel":418,"target":407},"https://frameship.io",[237]," is another independent Shopify plugin. As of October 2026 it sells one-time licences per website, has a component library that covers accounts, subscriptions and bundles on its higher tier, and offers a done-for-you build service.",[351,421,423],{"id":422},"how-to-choose-a-shopify-plugin","How to choose a Shopify plugin",[15,425,426],{},"Pricing models and feature lists change often, so check each pricing page on the day you scope the project. Then test against the client's real catalog, because demo stores hide the problems:",[71,428,429,435,441,447,453],{},[39,430,431,434],{},[42,432,433],{},"Long product titles and many variants."," Does the variant picker stay usable with 30 combinations?",[39,436,437,440],{},[42,438,439],{},"Metafields."," Can you map the client's custom fields into Framer CMS?",[39,442,443,446],{},[42,444,445],{},"Design control."," Do components pick up your text styles, or do you restyle every instance by hand?",[39,448,449,452],{},[42,450,451],{},"Billing model."," A monthly plan the client pays forever, or a licence you add to the project invoice?",[39,454,455,458],{},[42,456,457],{},"Accounts and subscriptions."," If the client needs logins, order history or recurring products, confirm they're supported on the plan you're quoting.",[15,460,461],{},"Pick one plugin and standardize on it across client projects. Supporting two different Shopify bridges doubles your troubleshooting.",[28,463,465],{"id":464},"option-4-woocommerce-with-framer","Option 4: WooCommerce with Framer",[15,467,468],{},"Plenty of businesses already run WooCommerce. Their orders, payment gateways, shipping rules, tax setup and reporting live in WordPress, and moving all of that to Shopify would be a project in itself. What they want is a better storefront.",[15,470,471,472,476],{},"That's the case for keeping WooCommerce as the backend and designing the store in Framer. ",[80,473,190],{"href":474,"rel":475},"https://woocommerce.com/document/woocommerce-rest-api/",[237]," exposes products and orders through its REST API, so the same split works: Woo is the system of record and Framer is the front end.",[15,478,479,480,484],{},"Basic Woo-to-Framer plugins already exist, but they tend to be sync-only and render much of the page straight from WordPress, which leaves little room for design. ",[80,481,483],{"href":482},"/plugins/woocommerce","FrameWoo"," is our design-first take on it:",[36,486,487,493,499,505,511],{},[39,488,489,492],{},[42,490,491],{},"Connect with a read-only WooCommerce REST API key."," Nothing about the Woo setup changes.",[39,494,495,498],{},[42,496,497],{},"Sync the catalog into Framer CMS:"," prices, stock, categories, tags, attributes, variations, ratings, images and galleries. Re-running the sync updates only what changed.",[39,500,501,504],{},[42,502,503],{},"Design with 100+ commerce components:"," product pages, galleries, variant pickers, reviews, cart page and drawer, coupons, a free-shipping bar, filters, search, sort and pagination.",[39,506,507,510],{},[42,508,509],{},"Customer accounts on pages you design:"," login, registration, addresses, order history, refund requests and wishlists.",[39,512,513,516],{},[42,514,515],{},"Checkout stays native WooCommerce."," FrameWoo writes nothing to orders, payments, tax or shipping.",[15,518,519,522],{},[42,520,521],{},"What you need:"," a WordPress site with WooCommerce that you or the client host and maintain, plus a Framer plan for the storefront. If the client doesn't run WooCommerce today, this isn't the reason to start. Shopify is less to maintain.",[15,524,525,527,528,299],{},[42,526,391],{}," free for one store with up to 15 products and manual sync. Paid plans are one-time purchases per published store and include lifetime updates. Details are on ",[80,529,531],{"href":530},"https://framerwoo.com","framerwoo.com",[15,533,534,535,539],{},"If you're weighing WordPress against Framer for the whole site, not just the store, our ",[80,536,538],{"href":537},"/blog/framer-vs-wordpress","Framer vs WordPress comparison"," walks through that decision.",[541,542],"blog-cta",{"button-link":482,"button-text":543,"description":544,"title":545,"variant":546},"See FrameWoo","Keep orders, payments and shipping in WooCommerce. Design the storefront in Framer with 100+ commerce components. Free for up to 15 products.","Already on WooCommerce?","blue",[28,548,550],{"id":549},"option-5-a-custom-headless-build","Option 5: A custom headless build",[15,552,553,554,559],{},"If you have developers, you can skip plugins and build directly against the ",[80,555,558],{"href":556,"rel":557},"https://shopify.dev/docs/api/storefront",[237],"Shopify Storefront API"," or WooCommerce's APIs using Framer code components and overrides.",[15,561,562],{},"You get total control over every interaction. You also own every bug: cart state, variant edge cases, token handling, inventory freshness and API changes. For most agencies a plugin covers most of the same ground for a fraction of the effort. Custom builds make sense when a client has unusual requirements no plugin supports, and a budget to maintain the code afterwards.",[28,564,566],{"id":565},"shopify-vs-woocommerce-for-a-framer-store","Shopify vs WooCommerce for a Framer store",[15,568,569],{},"Once a project needs a real catalog, the backend choice matters more than the plugin. Here is how the two compare from the storefront builder's side.",[105,571,572,582],{},[108,573,574],{},[111,575,576,578,580],{},[114,577],{},[114,579,157],{},[114,581,190],{},[130,583,584,595,606,617,628,639],{},[111,585,586,589,592],{},[135,587,588],{},"Hosting",[135,590,591],{},"Fully hosted by Shopify",[135,593,594],{},"Self-hosted WordPress",[111,596,597,600,603],{},[135,598,599],{},"Monthly platform cost",[135,601,602],{},"Shopify plan",[135,604,605],{},"Hosting plus any paid extensions",[111,607,608,611,614],{},[135,609,610],{},"Maintenance",[135,612,613],{},"Shopify handles updates and security",[135,615,616],{},"You or the client handle WordPress updates",[111,618,619,622,625],{},[135,620,621],{},"Checkout",[135,623,624],{},"Shopify Checkout, Shop Pay",[135,626,627],{},"WooCommerce checkout with your chosen gateways",[111,629,630,633,636],{},[135,631,632],{},"Best when",[135,634,635],{},"Starting fresh, or already on Shopify",[135,637,638],{},"The business already runs on WooCommerce",[111,640,641,644,647],{},[135,642,643],{},"Framer plugins",[135,645,646],{},"FrameStoreKit, Framer Commerce, Frameship",[135,648,483],{},[15,650,651,654],{},[42,652,653],{},"Our rule of thumb:"," use whatever the business already runs. If it runs neither, start with Shopify. A new store has less to maintain on a hosted platform, and the client's team will find Shopify help and staff more easily.",[28,656,658],{"id":657},"product-filtering-for-framer-stores","Product filtering for Framer stores",[15,660,661],{},"A store with 60 products needs filters. Shoppers want to narrow by category, size, color and price, and they want search.",[15,663,664],{},"FrameStoreKit and FrameWoo ship their own filter, search and sort components, and so do some other store plugins, so check those first. If your product data lives in a regular Framer CMS collection, for example a lookbook or a catalog you maintain by hand, you need a filtering layer on top of it.",[15,666,667,668,672],{},"Framer's native dynamic filters cover simple single-field cases. For multi-field combinations, price range sliders and real-time search, ",[80,669,671],{"href":670},"/plugins/framer-cms-filter","CMS Filter"," adds them to any CMS collection. The same patterns we use for real estate listings and job boards work for product catalogs.",[28,674,676],{"id":675},"when-framer-is-the-wrong-choice-for-a-store","When Framer is the wrong choice for a store",[15,678,679],{},"We'd rather lose a plugin sale than put a client on the wrong stack. Framer ecommerce is a weak fit when:",[71,681,682,688,694,700],{},[39,683,684,687],{},[42,685,686],{},"Ecommerce is the whole business"," and the catalog runs to thousands of SKUs with complex inventory, bundles and fulfillment rules. A dedicated Shopify theme or a dedicated WooCommerce site is simpler to run.",[39,689,690,693],{},[42,691,692],{},"B2B features are required:"," net terms, customer-specific pricing, purchase orders. Check backend support first, and expect custom work on the storefront.",[39,695,696,699],{},[42,697,698],{},"The client's team can't manage two tools."," A Framer storefront means editing the site in Framer and the products in Shopify or WordPress. Some teams won't want that.",[39,701,702,705],{},[42,703,704],{},"There is no design reason to use Framer."," If the client is happy with a stock theme, the integration adds work without adding value.",[15,707,708],{},"It's a strong fit when the brand experience is the differentiator: fashion, design goods, creative studios, product launches, and content-led brands that sell alongside storytelling.",[28,710,712],{"id":711},"real-scenarios-from-client-work","Real scenarios from client work",[71,714,715,721,727,733,739],{},[39,716,717,720],{},[42,718,719],{},"A boutique brand leaving a generic Shopify theme."," They keep Shopify admin, which their team knows, and get a storefront redesigned in Framer. Use a Shopify plugin.",[39,722,723,726],{},[42,724,725],{},"A WooCommerce store with years of orders and custom shipping rules."," Moving to Shopify would mean migrating customers, orders and integrations. Keep Woo, and rebuild the front end in Framer with FrameWoo.",[39,728,729,732],{},[42,730,731],{},"A studio selling three service packages."," Three Stripe Payment Links. Done in an afternoon.",[39,734,735,738],{},[42,736,737],{},"A designer selling a template pack."," Gumroad, Lemon Squeezy or Polar, linked from a Framer landing page.",[39,740,741,744],{},[42,742,743],{},"A product launch with five SKUs and a waitlist."," Shopify Buy Button now, and move to a plugin if the catalog grows.",[28,746,748],{"id":747},"launch-checklist-for-any-framer-store","Launch checklist for any Framer store",[15,750,751],{},"Whichever route you pick, run this list before handing the store to the client:",[36,753,754,757,760,763,766,769,772,775],{},[39,755,756],{},"Place a test order on desktop and on a phone, using the backend's test mode.",[39,758,759],{},"Check that out-of-stock variants can't be added to the cart.",[39,761,762],{},"Confirm prices and currency match between the product page and checkout.",[39,764,765],{},"Test the cart after navigating between pages and after a refresh.",[39,767,768],{},"Confirm order confirmation emails arrive and come from the right sender.",[39,770,771],{},"Add analytics events for add-to-cart and begin-checkout, so you can see where shoppers drop off.",[39,773,774],{},"Make sure product pages have unique titles and meta descriptions, and are in the sitemap.",[39,776,777],{},"Write a one-page note for the client: where to edit products, where orders arrive, and who to call when checkout breaks.",[28,779,781],{"id":780},"frequently-asked-questions","Frequently asked questions",[351,783,785],{"id":784},"does-framer-have-native-ecommerce","Does Framer have native ecommerce?",[15,787,788],{},"No. As of October 2026, Framer has no built-in cart, checkout, product inventory or payment processing. Every Framer store uses an outside platform for the transaction: Shopify, WooCommerce, or a hosted checkout such as Stripe Payment Links, Gumroad, Lemon Squeezy or Polar.",[351,790,792],{"id":791},"is-framer-commerce-made-by-framer","Is Framer Commerce made by Framer?",[15,794,795],{},"No. Framer Commerce (framercommerce.com) is an independent plugin that connects a Framer site to Shopify. Framer does not ship an official commerce product. Frameship and FrameStoreKit are other independent Shopify plugins.",[351,797,799],{"id":798},"can-i-connect-framer-to-shopify","Can I connect Framer to Shopify?",[15,801,802],{},"Yes. For a few products, embed Shopify's Buy Button. For a full storefront, use a Shopify plugin such as FrameStoreKit, Framer Commerce or Frameship, which sync the catalog into Framer CMS and hand off to Shopify's checkout. Developers can also build on the Shopify Storefront API.",[351,804,806],{"id":805},"can-i-use-woocommerce-with-framer","Can I use WooCommerce with Framer?",[15,808,809],{},"Yes. FrameWoo syncs a WooCommerce catalog into Framer CMS and gives you components to design the storefront in Framer. Orders, payments, tax and shipping stay in WooCommerce. You need your own WordPress site with WooCommerce installed.",[351,811,813],{"id":812},"what-is-the-easiest-way-to-sell-a-few-products-on-framer","What is the easiest way to sell a few products on Framer?",[15,815,816],{},"Link a Framer button to a Stripe Payment Link for a single product or service, use Gumroad, Lemon Squeezy or Polar for digital goods, or embed Shopify's Buy Button for a few physical products. None of these need a plugin.",[28,818,820],{"id":819},"where-to-start","Where to start",[71,822,823,829,835,844],{},[39,824,825,828],{},[42,826,827],{},"One to ten items or services:"," a checkout link from Stripe, Gumroad, Lemon Squeezy or Polar.",[39,830,831,834],{},[42,832,833],{},"A few physical products, already on Shopify:"," the Buy Button embed.",[39,836,837,840,841,843],{},[42,838,839],{},"A full catalog on Shopify, or starting fresh:"," a Shopify plugin. Try ",[80,842,354],{"href":359}," free with up to 15 products, and compare it with Framer Commerce and Frameship on the client's real catalog.",[39,845,846,849,850,852],{},[42,847,848],{},"A business already running WooCommerce:"," ",[80,851,483],{"href":482},", free for up to 15 products.",[15,854,855],{},"Framer handles the design. Pick the backend your client already trusts, and connect it in the simplest way that covers the catalog.",{"title":857,"searchDepth":858,"depth":858,"links":859},"",2,[860,861,862,863,864,871,872,873,874,875,876,877,878,885],{"id":30,"depth":858,"text":31},{"id":102,"depth":858,"text":103},{"id":219,"depth":858,"text":220},{"id":272,"depth":858,"text":273},{"id":339,"depth":858,"text":340,"children":865},[866,868,869,870],{"id":353,"depth":867,"text":354},3,{"id":399,"depth":867,"text":400},{"id":411,"depth":867,"text":412},{"id":422,"depth":867,"text":423},{"id":464,"depth":858,"text":465},{"id":549,"depth":858,"text":550},{"id":565,"depth":858,"text":566},{"id":657,"depth":858,"text":658},{"id":675,"depth":858,"text":676},{"id":711,"depth":858,"text":712},{"id":747,"depth":858,"text":748},{"id":780,"depth":858,"text":781,"children":879},[880,881,882,883,884],{"id":784,"depth":867,"text":785},{"id":791,"depth":867,"text":792},{"id":798,"depth":867,"text":799},{"id":805,"depth":867,"text":806},{"id":812,"depth":867,"text":813},{"id":819,"depth":858,"text":820},"Resources","Framer has no native store. Compare every real way to sell on a Framer site in 2026: Shopify plugins, WooCommerce, Buy Button embeds, and simple checkout links.","md",false,"/framerhub/img/blog/framer-ecommerce-guide.webp",{"metaTitle":892,"metaDescription":893,"primaryKeyword":894,"secondaryKeywords":895,"ogImage":890,"heroImage":890,"createdAt":902,"schema":903,"order":920},"Framer Ecommerce: Shopify vs WooCommerce vs Embeds (2026)","Framer has no native store. Compare the real ways to sell on a Framer site in 2026: Shopify plugins, WooCommerce, Buy Button embeds and simple checkout links.","framer ecommerce",[896,897,898,899,900,901],"framer commerce","framer shopify","framer woocommerce","framer store","sell products on framer","framer online store","2026-06-09",[904,907],{"type":905,"headline":6,"datePublished":906,"dateModified":906},"Article","2026-10-23",{"type":908,"questions":909},"FAQPage",[910,912,914,916,918],{"question":785,"answer":911},"No. As of October 2026, Framer has no built-in cart, checkout, product inventory or payment processing. Every Framer store uses an outside platform for the transaction: Shopify, WooCommerce, or a hosted checkout like Stripe Payment Links, Gumroad, Lemon Squeezy or Polar.",{"question":792,"answer":913},"No. Framer Commerce (framercommerce.com) is an independent plugin that connects a Framer site to Shopify. The name is similar to Framer's, but Framer itself does not ship an official commerce product. Frameship and FrameStoreKit are other independent Shopify plugins.",{"question":799,"answer":915},"Yes. For a few products, embed Shopify's Buy Button in a Framer embed. For a full storefront, use a Shopify plugin such as FrameStoreKit, Framer Commerce or Frameship, which sync your catalog into Framer CMS and send shoppers to Shopify's own checkout. You can also build a custom integration on the Shopify Storefront API.",{"question":806,"answer":917},"Yes. FrameWoo syncs a WooCommerce catalog into Framer CMS and gives you commerce components to design the storefront in Framer, while orders, payments, tax and shipping stay in WooCommerce. You need your own WordPress site with WooCommerce installed.",{"question":813,"answer":919},"Link a Framer button to a Stripe Payment Link for a single product or service, use Gumroad, Lemon Squeezy or Polar for digital products, or embed Shopify's Buy Button for a small number of physical products. None of these need a plugin.",1,true,"/blog/framer-ecommerce-guide","2026-10-23T00:00:00.000Z",12,null,{"title":6,"description":887},"framer-ecommerce-guide","blog/framer-ecommerce-guide",[930,931,157,190,932],"Framer","Ecommerce","Guide","kR_204R4503zhhlc7e3WszmjrtJu6auukXJbL1RDhD0",{"id":935,"title":936,"author":937,"body":938,"category":886,"description":2167,"extension":888,"featured":889,"image":2168,"meta":2169,"navigation":921,"path":1386,"published":921,"publishedAt":2194,"readingTime":2195,"robots":925,"seo":2196,"slug":2197,"stem":2198,"tags":2199,"updatedAt":2194,"__hash__":2202},"blog/blog/framer-seo-guide.md","Framer SEO: The Complete Guide (2026)",{"name":8,"avatar":9,"bio":10},{"type":12,"value":939,"toc":2124},[940,943,946,949,964,967,970,974,977,980,1017,1020,1046,1049,1051,1055,1058,1062,1069,1089,1092,1096,1102,1127,1131,1134,1143,1145,1149,1152,1159,1163,1170,1255,1259,1268,1284,1290,1292,1296,1299,1303,1341,1345,1348,1351,1356,1358,1362,1365,1369,1376,1397,1401,1408,1411,1415,1418,1422,1425,1429,1432,1439,1441,1445,1448,1451,1455,1458,1461,1478,1489,1492,1496,1499,1502,1506,1509,1512,1584,1586,1590,1593,1597,1607,1610,1752,1756,1817,1821,1824,1833,1841,1843,1847,1850,1859,1865,1875,1881,1887,1893,1899,1909,1911,1915,1918,1929,1936,1938,1942,1947,1952,1972,1977,2005,2010,2027,2032,2046,2051,2062,2068,2071,2077,2081,2084,2087,2090,2093,2097,2100,2104,2110,2114,2120],[15,941,942],{},"You built the site in Framer. Now you need it to rank.",[15,944,945],{},"Framer is good for SEO for most sites. But the platform does not rank pages for you. The fundamentals still fall on you. And there are a handful of caveats around canonicals, hreflang and robots.txt that are worth knowing before you launch.",[15,947,948],{},"This guide covers all of it. Meta settings, semantic HTML, image optimization, CMS SEO, sitemap and robots.txt, what actually happens to your rankings when you migrate to Framer, structured data, the mistakes I see over and over, and a pre-launch checklist you can run through before every site goes live.",[15,950,951,952,956,957,961,962,299],{},"If you want the short version, we have a ",[80,953,955],{"href":954},"/blog/seo-checklist-for-framer-templates","Framer SEO checklist for templates",". For performance specifically, Core Web Vitals and Framer-specific speed fixes are covered in detail at ",[80,958,960],{"href":959},"/blog/optimize-framer-site-performance","Framer site performance optimization",". And if you are using Framer CMS for blog or collection pages, the full CMS setup guide is at ",[80,963,83],{"href":82},[15,965,966],{},"Start here, then follow those links when you need the detail on one topic.",[968,969],"hr",{},[28,971,973],{"id":972},"is-framer-good-for-seo","Is Framer good for SEO?",[15,975,976],{},"Short answer: yes, for most client and agency projects.",[15,978,979],{},"Here is what Framer gets right without any configuration:",[71,981,982,988,999,1005,1011],{},[39,983,984,987],{},[42,985,986],{},"Clean semantic HTML output."," Framer renders standard HTML rather than JavaScript-dependent content that crawlers struggle to process.",[39,989,990,993,994,998],{},[42,991,992],{},"Auto-generated sitemap and robots.txt."," Every published site gets a ",[995,996,997],"code",{},"sitemap.xml"," automatically. No plugin needed.",[39,1000,1001,1004],{},[42,1002,1003],{},"Global CDN hosting."," Fast TTFB by default. Framer serves from edge locations worldwide.",[39,1006,1007,1010],{},[42,1008,1009],{},"Free SSL."," HTTPS on every custom domain. No configuration required.",[39,1012,1013,1016],{},[42,1014,1015],{},"Mobile-responsive layouts."," Framer's breakpoint system produces mobile-ready pages. This matters for Google's mobile-first indexing.",[15,1018,1019],{},"Where Framer has real limitations:",[71,1021,1022,1028,1034,1040],{},[39,1023,1024,1027],{},[42,1025,1026],{},"Custom canonical URLs"," require the Enterprise plan or the reverse-proxy add-on. On Basic and Pro, Framer sets canonicals automatically from your connected domain. This works for most sites but removes control when you need it.",[39,1029,1030,1033],{},[42,1031,1032],{},"hreflang tags"," for multilingual sites need custom code injection.",[39,1035,1036,1039],{},[42,1037,1038],{},"robots.txt customization"," is limited. You cannot fully control crawl directives at a granular level.",[39,1041,1042,1045],{},[42,1043,1044],{},"Structured data"," has no built-in UI. You add JSON-LD via custom code.",[15,1047,1048],{},"For freelancers and agencies building client sites, the foundation is solid. You are not fighting the platform. The gaps matter at enterprise scale or for specific multilingual use cases. For a standard business site, portfolio, or CMS-driven blog, none of the limitations above will stop you from ranking.",[968,1050],{},[28,1052,1054],{"id":1053},"framer-seo-settings-meta-titles-descriptions-and-og-tags","Framer SEO settings: meta titles, descriptions, and OG tags",[15,1056,1057],{},"Every Framer site has two levels of SEO settings: site-wide and per-page. Most builders set the site-wide defaults and never come back to per-page settings. That is a mistake.",[351,1059,1061],{"id":1060},"site-wide-settings","Site-wide settings",[15,1063,1064,1065,1068],{},"Go to ",[42,1066,1067],{},"Site Settings > SEO",". Set:",[71,1070,1071,1077,1083],{},[39,1072,1073,1076],{},[42,1074,1075],{},"Site title."," Used as a fallback for pages without their own title. Also used for OG title on shared links if no per-page OG is set.",[39,1078,1079,1082],{},[42,1080,1081],{},"Meta description."," Default description for pages without custom descriptions.",[39,1084,1085,1088],{},[42,1086,1087],{},"Open Graph image."," The image shown when your site is shared on social. Ideal size: 1200x630px.",[15,1090,1091],{},"These are fallbacks. Do not rely on them for pages that matter.",[351,1093,1095],{"id":1094},"per-page-settings","Per-page settings",[15,1097,1098,1099,1068],{},"Click anywhere on the canvas to deselect everything, then open the right panel and go to the ",[42,1100,1101],{},"SEO tab",[71,1103,1104,1110,1115,1121],{},[39,1105,1106,1109],{},[42,1107,1108],{},"Page title."," Keep under 60 characters. Include the primary keyword naturally. One keyword, not five.",[39,1111,1112,1114],{},[42,1113,1081],{}," Under 155 characters. Summarize the page, include the keyword, give a reason to click.",[39,1116,1117,1120],{},[42,1118,1119],{},"Indexing toggle."," Must be ON for every page you want indexed. A common mistake is leaving key pages set to noindex after design iteration.",[39,1122,1123,1126],{},[42,1124,1125],{},"Custom OG image."," Override the site-level OG for specific pages.",[351,1128,1130],{"id":1129},"what-to-avoid","What to avoid",[15,1132,1133],{},"Do not duplicate meta titles across pages. Do not leave pages at Framer's \"Untitled\" default. Do not write meta descriptions over 160 characters; they get truncated in search results.",[15,1135,1136,1137,1142],{},"Check the ",[80,1138,1141],{"href":1139,"rel":1140},"https://www.framer.com/help/seo/",[237],"official Framer SEO documentation"," before publishing. Framer updates their settings panel regularly and UI locations shift.",[968,1144],{},[28,1146,1148],{"id":1147},"semantic-html-and-headings-in-framer","Semantic HTML and headings in Framer",[15,1150,1151],{},"Google reads page structure to understand what the page is about. A page built from nested divs tells Google nothing. Semantic HTML tells Google what is a heading, what is navigation, what is the main content.",[15,1153,1154,1155,1158],{},"In Framer, every frame can be assigned an HTML tag, and most designers leave everything as ",[995,1156,1157],{},"\u003Cdiv>",". Setting the tags correctly takes a few minutes per page, and it is the framer seo optimization step that gets skipped most often.",[351,1160,1162],{"id":1161},"how-to-set-html-tags","How to set HTML tags",[15,1164,1165,1166,1169],{},"Select any frame in the canvas, open the right panel, and find ",[42,1167,1168],{},"HTML Tag"," in the element settings. Assign tags based on function:",[105,1171,1172,1182],{},[108,1173,1174],{},[111,1175,1176,1179],{},[114,1177,1178],{},"Element",[114,1180,1181],{},"Tag to Use",[130,1183,1184,1194,1205,1215,1225,1235,1245],{},[111,1185,1186,1189],{},[135,1187,1188],{},"Navigation wrapper",[135,1190,1191],{},[995,1192,1193],{},"\u003Cnav>",[111,1195,1196,1199],{},[135,1197,1198],{},"Main page heading",[135,1200,1201,1204],{},[995,1202,1203],{},"\u003Ch1>",", one per page only",[111,1206,1207,1210],{},[135,1208,1209],{},"Section headings",[135,1211,1212],{},[995,1213,1214],{},"\u003Ch2>",[111,1216,1217,1220],{},[135,1218,1219],{},"Sub-headings inside sections",[135,1221,1222],{},[995,1223,1224],{},"\u003Ch3>",[111,1226,1227,1230],{},[135,1228,1229],{},"Footer wrapper",[135,1231,1232],{},[995,1233,1234],{},"\u003Cfooter>",[111,1236,1237,1240],{},[135,1238,1239],{},"Main content area",[135,1241,1242],{},[995,1243,1244],{},"\u003Cmain>",[111,1246,1247,1250],{},[135,1248,1249],{},"Blog post or article content",[135,1251,1252],{},[995,1253,1254],{},"\u003Carticle>",[351,1256,1258],{"id":1257},"heading-hierarchy","Heading hierarchy",[15,1260,1261,1262,1264,1265,1267],{},"One ",[995,1263,1203],{}," per page. It should contain your primary keyword. Do not use ",[995,1266,1203],{}," on multiple elements for visual styling. Even if it looks correct visually, it breaks the structure for crawlers.",[15,1269,1270,1272,1273,1275,1276,1278,1279,1281,1282,299],{},[995,1271,1214],{}," covers the main topics of the page. ",[995,1274,1224],{}," goes inside ",[995,1277,1214],{}," sections. Never skip levels. Do not jump from ",[995,1280,1203],{}," directly to ",[995,1283,1224],{},[15,1285,1286,1287,1289],{},"If you are building templates and selling them, correct heading structure is especially important. Buyers inherit your structure. We cover this in the ",[80,1288,955],{"href":954},", where it is item one.",[968,1291],{},[28,1293,1295],{"id":1294},"image-optimization-and-performance","Image optimization and performance",[15,1297,1298],{},"Site speed is a Google ranking factor. Framer sites can be fast or slow depending on how you handle images and animations.",[351,1300,1302],{"id":1301},"image-best-practices","Image best practices",[71,1304,1305,1311,1317,1323,1329],{},[39,1306,1307,1310],{},[42,1308,1309],{},"Use WebP."," Framer accepts WebP. Significantly smaller file sizes than PNG or JPEG at comparable quality.",[39,1312,1313,1316],{},[42,1314,1315],{},"Compress before uploading."," Target under 200KB per image. Hero images can go up to 400 to 500KB if needed.",[39,1318,1319,1322],{},[42,1320,1321],{},"Set explicit dimensions."," Undefined image dimensions cause layout shifts (CLS). Google penalizes high CLS. Set fixed width and height on every image frame.",[39,1324,1325,1328],{},[42,1326,1327],{},"Write descriptive alt text."," Every content image needs alt text. Include the keyword naturally where it fits. Do not stuff keywords into every alt tag.",[39,1330,1331,849,1334,1337,1338,299],{},[42,1332,1333],{},"Name files before uploading.",[995,1335,1336],{},"framer-seo-settings-panel.webp"," ranks better than ",[995,1339,1340],{},"image-1.webp",[351,1342,1344],{"id":1343},"animations-and-performance","Animations and performance",[15,1346,1347],{},"Entrance animations on above-the-fold content push up your Largest Contentful Paint (LCP). An LCP over 4 seconds is a failing score. Keep scroll-triggered animations and heavy effects below the fold.",[15,1349,1350],{},"Heavy blur effects, large embedded videos, custom fonts loading multiple weights, and deeply nested frames all add to render time. Target: LCP under 2.5 seconds, CLS below 0.1.",[15,1352,1353,1354,299],{},"For the full performance breakdown, lazy loading, font subsetting, and Framer-specific speed fixes, read the dedicated guide: ",[80,1355,960],{"href":959},[968,1357],{},[28,1359,1361],{"id":1360},"cms-page-seo-slugs-collection-pages-and-sitemaps","CMS page SEO: slugs, collection pages, and sitemaps",[15,1363,1364],{},"If your Framer site uses the CMS for blog posts, product listings, or any collection-based content, there are specific things to get right.",[351,1366,1368],{"id":1367},"cms-slugs","CMS slugs",[15,1370,1371,1372,1375],{},"Each CMS item has a slug field. This becomes the URL: ",[995,1373,1374],{},"yourdomain.com/blog/your-slug",". Slugs should be:",[71,1377,1378,1381,1391,1394],{},[39,1379,1380],{},"Lowercase, hyphenated, no spaces or special characters",[39,1382,1383,1384,1387,1388],{},"Keyword-rich but short: ",[995,1385,1386],{},"/blog/framer-seo-guide"," not ",[995,1389,1390],{},"/blog/post-12345-june-2026",[39,1392,1393],{},"Evergreen: avoid dates in slugs. URLs with dates look stale in search results.",[39,1395,1396],{},"Set correctly at creation. Changing slugs later breaks existing URLs and loses link equity unless you redirect.",[351,1398,1400],{"id":1399},"cms-collection-page-indexing","CMS collection page indexing",[15,1402,1403,1404,1407],{},"In Framer's CMS settings, each collection template has an indexing toggle. Verify it is enabled. Check that the collection template pulls a unique ",[995,1405,1406],{},"\u003Ctitle>"," and meta description dynamically from CMS fields.",[15,1409,1410],{},"Add a dedicated SEO title field and SEO description field to your CMS collection. This lets you control what appears in search results without changing what displays on the page itself.",[351,1412,1414],{"id":1413},"sitemaps-and-cms","Sitemaps and CMS",[15,1416,1417],{},"Framer automatically includes CMS pages in the sitemap. After publishing new CMS content, submit the sitemap URL manually in Google Search Console. New CMS pages can take days to weeks to crawl without that push.",[351,1419,1421],{"id":1420},"pagination-and-infinite-scroll","Pagination and infinite scroll",[15,1423,1424],{},"If your CMS collection has pagination, use Framer's built-in numbered pagination. Infinite scroll pages are largely invisible to search engines. Crawlers do not simulate scrolling. Numbered pagination creates discrete, indexable URLs.",[351,1426,1428],{"id":1427},"filtered-listing-pages-and-crawlability","Filtered listing pages and crawlability",[15,1430,1431],{},"If you are building a directory site, job board, or real estate listing with advanced filtering, the filters you show users do not automatically create indexable URLs. For basic discovery, that is fine. For sites where category combinations have real search volume, you need filtered pages to be accessible via URL.",[15,1433,1434,1435,1438],{},"Framer's native Dynamic Filters (added in early 2026) cover simple cases. For multi-field filtering, range filters, and multi-reference field filtering on larger catalogs, ",[80,1436,1437],{"href":670},"FramerHub CMS Filter"," handles the advanced cases, including URL-synced filter state so a filtered view has its own crawlable address.",[968,1440],{},[28,1442,1444],{"id":1443},"does-migrating-to-framer-hurt-seo","Does migrating to Framer hurt SEO?",[15,1446,1447],{},"This is the question everyone asks before switching platforms. Migration itself does not hurt SEO. Poor execution does.",[15,1449,1450],{},"Sites that handle migration correctly stabilize within 2 to 4 weeks. Sites that get it wrong can take 6 to 12 months to recover. The difference comes down to three things.",[351,1452,1454],{"id":1453},"_1-redirects-are-non-negotiable","1. Redirects are non-negotiable",[15,1456,1457],{},"Every URL that changes needs a 301 redirect from the old URL to the new one. Without redirects, you lose the link equity every backlink to that URL had built up. Rankings tied to those URLs drop.",[15,1459,1460],{},"Before migrating:",[36,1462,1463,1466,1469,1472],{},[39,1464,1465],{},"Export all current URLs. Use Screaming Frog or pull the URL report from Google Search Console.",[39,1467,1468],{},"Identify which pages have backlinks. Check Google Search Console or Ahrefs.",[39,1470,1471],{},"Map old URLs to new URLs. Match slugs exactly where possible.",[39,1473,1474,1475,299],{},"Set up 301 redirects in Framer at ",[42,1476,1477],{},"Site Settings > Redirects",[15,1479,1480,1481,1484,1485,1488],{},"WordPress URLs with dates (",[995,1482,1483],{},"/2023/04/post-name/",") and query-based URLs (",[995,1486,1487],{},"? p=123",") cannot be replicated in Framer's clean URL structure. These need explicit redirect mapping before you launch.",[15,1490,1491],{},"If you skip this step and your old site goes offline first, you have no recovery path. The backlinks point to 404 errors. Rankings drop. Building them back up takes months.",[351,1493,1495],{"id":1494},"_2-metadata-does-not-transfer-automatically","2. Metadata does not transfer automatically",[15,1497,1498],{},"When you rebuild in Framer, your meta titles and descriptions do not come with you. Launch without setting them and Framer will use default or blank values. Missing titles are a crawl quality issue Google flags directly.",[15,1500,1501],{},"Before launch, verify every key page has a unique title under 60 characters and a description under 155 characters. Check the indexing toggle is ON for all pages. A page accidentally set to noindex goes invisible to search engines immediately.",[351,1503,1505],{"id":1504},"_3-do-not-gut-your-content-for-aesthetics","3. Do not gut your content for aesthetics",[15,1507,1508],{},"Design-minded rebuilds often trim copy to make pages look cleaner. If you remove content that contained keywords your site was ranking for, you lose the topical coverage Google was rewarding.",[15,1510,1511],{},"Redesign the presentation. Keep the substance. If a section needs to be shorter, tighten the writing. Do not delete the topic coverage.",[105,1513,1514,1527],{},[108,1515,1516],{},[111,1517,1518,1521,1524],{},[114,1519,1520],{},"Risk",[114,1522,1523],{},"What Happens Without It",[114,1525,1526],{},"Fix in Framer",[130,1528,1529,1540,1551,1562,1573],{},[111,1530,1531,1534,1537],{},[135,1532,1533],{},"Missing 301 redirects",[135,1535,1536],{},"Link equity lost, rankings drop",[135,1538,1539],{},"Site Settings > Redirects (Pro+)",[111,1541,1542,1545,1548],{},[135,1543,1544],{},"No metadata on rebuilt pages",[135,1546,1547],{},"Duplicate or blank titles, crawl issues",[135,1549,1550],{},"Set per-page SEO tab before launch",[111,1552,1553,1556,1559],{},[135,1554,1555],{},"Content removed for design",[135,1557,1558],{},"Lost keyword coverage, ranking drops",[135,1560,1561],{},"Keep topical depth, tighten writing",[111,1563,1564,1567,1570],{},[135,1565,1566],{},"Pages set to noindex",[135,1568,1569],{},"Pages invisible to Google",[135,1571,1572],{},"Check indexing toggle on every page",[111,1574,1575,1578,1581],{},[135,1576,1577],{},"Accidental URL changes",[135,1579,1580],{},"404 errors, broken backlinks",[135,1582,1583],{},"Match slugs exactly, redirect anything that changes",[968,1585],{},[28,1587,1589],{"id":1588},"structured-data-schema-markup-in-framer","Structured data (schema markup) in Framer",[15,1591,1592],{},"Structured data helps Google understand your content. It can unlock rich results in search: FAQ dropdowns, article bylines, breadcrumbs, product ratings. Framer does not have a built-in schema UI, but adding it is straightforward.",[351,1594,1596],{"id":1595},"how-to-add-json-ld-schema","How to add JSON-LD schema",[15,1598,1064,1599,1602,1603,1606],{},[42,1600,1601],{},"Site Settings > Custom Code",". Add schema in the ",[995,1604,1605],{},"\u003Chead>"," section. For per-page schema, use the page-level custom code inject: click on the page in the pages panel, then open Custom Code.",[15,1608,1609],{},"Example for a blog post:",[1611,1612,1616],"pre",{"className":1613,"code":1614,"language":1615,"meta":857,"style":857},"language-json shiki shiki-themes github-light github-dark","\u003Cscript type=\"application/ld+json\">\n{\n \"@context\": \"https://schema.org\",\n \"@type\": \"Article\",\n \"headline\": \"Your Article Title\",\n \"author\": {\n \"@type\": \"Person\",\n \"name\": \"Author Name\"\n },\n \"datePublished\": \"2026-06-09\",\n \"dateModified\": \"2026-06-09\"\n}\n\u003C/script>\n","json",[995,1617,1618,1633,1638,1653,1666,1679,1688,1700,1711,1717,1730,1741,1746],{"__ignoreMap":857},[1619,1620,1622,1626,1630],"span",{"class":1621,"line":920},"line",[1619,1623,1625],{"class":1624},"sVt8B","\u003Cscript type=",[1619,1627,1629],{"class":1628},"sZZnC","\"application/ld+json\"",[1619,1631,1632],{"class":1624},">\n",[1619,1634,1635],{"class":1621,"line":858},[1619,1636,1637],{"class":1624},"{\n",[1619,1639,1640,1644,1647,1650],{"class":1621,"line":867},[1619,1641,1643],{"class":1642},"sj4cs"," \"@context\"",[1619,1645,1646],{"class":1624},": ",[1619,1648,1649],{"class":1628},"\"https://schema.org\"",[1619,1651,1652],{"class":1624},",\n",[1619,1654,1656,1659,1661,1664],{"class":1621,"line":1655},4,[1619,1657,1658],{"class":1642}," \"@type\"",[1619,1660,1646],{"class":1624},[1619,1662,1663],{"class":1628},"\"Article\"",[1619,1665,1652],{"class":1624},[1619,1667,1669,1672,1674,1677],{"class":1621,"line":1668},5,[1619,1670,1671],{"class":1642}," \"headline\"",[1619,1673,1646],{"class":1624},[1619,1675,1676],{"class":1628},"\"Your Article Title\"",[1619,1678,1652],{"class":1624},[1619,1680,1682,1685],{"class":1621,"line":1681},6,[1619,1683,1684],{"class":1642}," \"author\"",[1619,1686,1687],{"class":1624},": {\n",[1619,1689,1691,1693,1695,1698],{"class":1621,"line":1690},7,[1619,1692,1658],{"class":1642},[1619,1694,1646],{"class":1624},[1619,1696,1697],{"class":1628},"\"Person\"",[1619,1699,1652],{"class":1624},[1619,1701,1703,1706,1708],{"class":1621,"line":1702},8,[1619,1704,1705],{"class":1642}," \"name\"",[1619,1707,1646],{"class":1624},[1619,1709,1710],{"class":1628},"\"Author Name\"\n",[1619,1712,1714],{"class":1621,"line":1713},9,[1619,1715,1716],{"class":1624}," },\n",[1619,1718,1720,1723,1725,1728],{"class":1621,"line":1719},10,[1619,1721,1722],{"class":1642}," \"datePublished\"",[1619,1724,1646],{"class":1624},[1619,1726,1727],{"class":1628},"\"2026-06-09\"",[1619,1729,1652],{"class":1624},[1619,1731,1733,1736,1738],{"class":1621,"line":1732},11,[1619,1734,1735],{"class":1642}," \"dateModified\"",[1619,1737,1646],{"class":1624},[1619,1739,1740],{"class":1628},"\"2026-06-09\"\n",[1619,1742,1743],{"class":1621,"line":924},[1619,1744,1745],{"class":1624},"}\n",[1619,1747,1749],{"class":1621,"line":1748},13,[1619,1750,1751],{"class":1624},"\u003C/script>\n",[351,1753,1755],{"id":1754},"which-schema-types-to-use","Which schema types to use",[105,1757,1758,1768],{},[108,1759,1760],{},[111,1761,1762,1765],{},[114,1763,1764],{},"Page Type",[114,1766,1767],{},"Schema Type",[130,1769,1770,1778,1785,1793,1801,1809],{},[111,1771,1772,1775],{},[135,1773,1774],{},"Blog posts",[135,1776,1777],{},"Article or BlogPosting",[111,1779,1780,1783],{},[135,1781,1782],{},"FAQ sections",[135,1784,908],{},[111,1786,1787,1790],{},[135,1788,1789],{},"Local business",[135,1791,1792],{},"LocalBusiness",[111,1794,1795,1798],{},[135,1796,1797],{},"Product pages",[135,1799,1800],{},"Product",[111,1802,1803,1806],{},[135,1804,1805],{},"Site navigation",[135,1807,1808],{},"BreadcrumbList",[111,1810,1811,1814],{},[135,1812,1813],{},"How-to guides",[135,1815,1816],{},"HowTo",[351,1818,1820],{"id":1819},"faq-schema-is-worth-the-effort","FAQ schema is worth the effort",[15,1822,1823],{},"FAQ schema adds expandable question-and-answer dropdowns directly in search results. It increases click-through rate. For any page with a FAQ section, add FAQPage schema.",[15,1825,1826,1827,1832],{},"Test your schema at ",[80,1828,1831],{"href":1829,"rel":1830},"https://search.google.com/test/rich-results",[237],"Google's Rich Results Test"," before publishing. If the schema is malformed, it will not show in search results and you will not know unless you test.",[15,1834,1835,1836,299],{},"For a deeper reference on implementing schema, see ",[80,1837,1840],{"href":1838,"rel":1839},"https://developers.google.com/search/docs/appearance/structured-data/intro-structured-data",[237],"Google's structured data documentation",[968,1842],{},[28,1844,1846],{"id":1845},"common-framer-seo-mistakes","Common Framer SEO mistakes",[15,1848,1849],{},"These come up constantly across Framer sites, from small portfolios to high-traffic client builds.",[15,1851,1852,1855,1856,1858],{},[42,1853,1854],{},"Multiple H1 tags."," Designers use ",[995,1857,1203],{}," on several elements because they look prominent. One H1 per page. Make the others H2 or lower, regardless of visual size.",[15,1860,1861,1864],{},[42,1862,1863],{},"Leaving noindex on published pages."," Pages duplicated during design iteration often stay noindex after launch. Check every page before publishing.",[15,1866,1867,1870,1871,1874],{},[42,1868,1869],{},"No alt text on images."," Fast to add, skipped constantly. Every content image should have a description. Decorative images can have an empty alt attribute (",[995,1872,1873],{},"alt=\"\"",").",[15,1876,1877,1880],{},[42,1878,1879],{},"No meta descriptions."," Framer will not add these for you. Without a custom description, Google writes its own, often poorly, and the click-through rate suffers.",[15,1882,1883,1886],{},[42,1884,1885],{},"Duplicate meta titles on CMS collection pages."," If your CMS template uses a static title rather than pulling from a dynamic field, every collection page gets the same title tag. Google flags this as a crawl quality issue in Search Console.",[15,1888,1889,1892],{},[42,1890,1891],{},"Heavy above-the-fold animations."," Entrance animations on hero sections push up LCP. Keep complex animations below the scroll threshold.",[15,1894,1895,1898],{},[42,1896,1897],{},"Infinite scroll on CMS collections."," Crawlers see page one. Everything after the initial load is invisible. Use numbered pagination.",[15,1900,1901,1904,1905,1908],{},[42,1902,1903],{},"Sitemap not submitted to Search Console."," Framer generates it automatically. You still need to submit ",[995,1906,1907],{},"yourdomain.com/sitemap.xml"," in Google Search Console for timely crawling.",[968,1910],{},[28,1912,1914],{"id":1913},"getting-your-framer-site-cited-by-ai-search","Getting your Framer site cited by AI search",[15,1916,1917],{},"Search is no longer only Google's ten blue links. A growing share of research now happens inside ChatGPT, Perplexity and Gemini, where the model reads a handful of sources and synthesises one answer. If the model does not name your page, the reader never sees it.",[15,1919,1920,1921,1924,1925,1928],{},"Most of that work overlaps with what is above. Semantic HTML, unique metadata, JSON-LD, and content that states its claims plainly are the same signals an answer engine uses to decide what a page is and whether it can be quoted. The one new file is ",[995,1922,1923],{},"llms.txt",", a Markdown file describing your site in your own words, which Framer will serve for you at ",[995,1926,1927],{},"/llms.txt"," once you upload it under Site Settings → Hosting → Files.",[15,1930,1931,1932,299],{},"We run this on framerhub.io, and the full setup, the file itself, the well-known path, and the schema that makes CMS pages extractable, is written up in ",[80,1933,1935],{"href":1934},"/blog/framer-site-chatgpt-ai-discovery","llms.txt for Framer",[968,1937],{},[28,1939,1941],{"id":1940},"framer-seo-checklist","Framer SEO checklist",[15,1943,1944,1945,299],{},"Run this before every site launch. For a version specifically for templates, see the ",[80,1946,955],{"href":954},[15,1948,1949],{},[42,1950,1951],{},"Technical foundation",[71,1953,1954,1957,1960,1963,1969],{},[39,1955,1956],{},"Sitemap submitted to Google Search Console",[39,1958,1959],{},"SSL active (automatic in Framer)",[39,1961,1962],{},"All pages set to indexable (check each page's SEO tab)",[39,1964,1965,1966],{},"robots.txt accessible at ",[995,1967,1968],{},"yourdomain.com/robots.txt",[39,1970,1971],{},"301 redirects set for any changed URLs",[15,1973,1974],{},[42,1975,1976],{},"On-page SEO",[71,1978,1979,1982,1985,1996,1999,2002],{},[39,1980,1981],{},"One H1 per page containing the primary keyword",[39,1983,1984],{},"H2/H3 hierarchy follows logical order, no skipped levels",[39,1986,1987,1988,1990,1991,1993,1994],{},"Nav tagged as ",[995,1989,1193],{},", footer as ",[995,1992,1234],{},", main content as ",[995,1995,1244],{},[39,1997,1998],{},"Meta title under 60 characters, unique per page",[39,2000,2001],{},"Meta description under 155 characters, unique per page",[39,2003,2004],{},"OG image set at site level and overridden for key pages",[15,2006,2007],{},[42,2008,2009],{},"Images and performance",[71,2011,2012,2015,2018,2021,2024],{},[39,2013,2014],{},"All images under 500KB, WebP preferred",[39,2016,2017],{},"Explicit dimensions set on all image frames",[39,2019,2020],{},"Alt text on every content image",[39,2022,2023],{},"Heavy animations placed below the fold",[39,2025,2026],{},"LCP under 2.5 seconds (test with PageSpeed Insights)",[15,2028,2029],{},[42,2030,2031],{},"CMS (if using)",[71,2033,2034,2037,2040,2043],{},[39,2035,2036],{},"CMS slugs are keyword-rich, lowercase, no dates",[39,2038,2039],{},"CMS template pulls dynamic title and description from CMS fields",[39,2041,2042],{},"Collection pages set to indexable",[39,2044,2045],{},"Numbered pagination (not infinite scroll)",[15,2047,2048],{},[42,2049,2050],{},"Schema and structured data",[71,2052,2053,2056,2059],{},[39,2054,2055],{},"JSON-LD schema injected for primary page types",[39,2057,2058],{},"FAQPage schema on any page with a FAQ section",[39,2060,2061],{},"Tested with Google's Rich Results Test",[15,2063,2064,2067],{},[42,2065,2066],{},"The short version."," Clean HTML output, automatic sitemaps, CDN hosting and SSL give you a strong foundation without any setup work, and the gaps only matter at enterprise scale or on multilingual builds. What moves rankings is the basics done consistently: semantic HTML, unique meta titles and descriptions, correct heading order, image alt text, and page speed. None of it is complicated in Framer. It does mean setting SEO up as you design rather than fixing it afterwards.",[15,2069,2070],{},"If you are migrating, plan your redirect map before launch day. That single step is the difference between a smooth transition and months of ranking recovery.",[541,2072],{"button-link":2073,"button-text":2074,"description":2075,"title":2076,"variant":546},"/newsletter","Join the newsletter","What we changed on framerhub.io, what Search Console did afterwards, and the Framer settings that turned out not to matter. No weekly filler.","One Framer SEO email, when we have something worth sending",[28,2078,2080],{"id":2079},"faq","FAQ",[351,2082,973],{"id":2083},"is-framer-good-for-seo-1",[15,2085,2086],{},"Yes, for most sites. Framer outputs clean semantic HTML, auto-generates sitemaps and robots.txt, serves over a global CDN, and includes free SSL. Where it falls short: custom canonical URLs require an Enterprise plan or the reverse-proxy add-on, hreflang tags need workarounds, and robots.txt customization is limited. For freelancers and agencies, the built-in foundation is solid.",[351,2088,1444],{"id":2089},"does-migrating-to-framer-hurt-seo-1",[15,2091,2092],{},"Migration does not hurt SEO. Poor execution does. The two biggest risks are URL changes without 301 redirects and missing metadata after migration. Sites that set up redirects, preserve metadata, and keep content depth typically stabilize within 2 to 4 weeks. Sites that skip redirects can take 6 to 12 months to recover.",[351,2094,2096],{"id":2095},"where-do-i-set-meta-titles-and-descriptions-in-framer","Where do I set meta titles and descriptions in Framer?",[15,2098,2099],{},"Open Site Settings > SEO for site-wide defaults. For per-page settings, click the page canvas, open the right panel, and navigate to the SEO tab. Set a unique title under 60 characters and a description under 155 characters for each page.",[351,2101,2103],{"id":2102},"does-framer-auto-generate-a-sitemap","Does Framer auto-generate a sitemap?",[15,2105,2106,2107,2109],{},"Yes. Framer automatically generates a sitemap.xml and robots.txt for every published site. Submit the sitemap URL (",[995,2108,1907],{},") to Google Search Console after publishing.",[351,2111,2113],{"id":2112},"can-i-add-structured-data-schema-markup-to-a-framer-site","Can I add structured data (schema markup) to a Framer site?",[15,2115,2116,2117,2119],{},"Yes, via custom code injection. Add JSON-LD schema to the page ",[995,2118,1605],{}," through Framer's custom code panel at Site Settings > Custom Code, or use per-page code inject. Works for Article, FAQPage, LocalBusiness, BreadcrumbList, and other schema types.",[2121,2122,2123],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":857,"searchDepth":858,"depth":858,"links":2125},[2126,2127,2132,2136,2140,2147,2152,2157,2158,2159,2160],{"id":972,"depth":858,"text":973},{"id":1053,"depth":858,"text":1054,"children":2128},[2129,2130,2131],{"id":1060,"depth":867,"text":1061},{"id":1094,"depth":867,"text":1095},{"id":1129,"depth":867,"text":1130},{"id":1147,"depth":858,"text":1148,"children":2133},[2134,2135],{"id":1161,"depth":867,"text":1162},{"id":1257,"depth":867,"text":1258},{"id":1294,"depth":858,"text":1295,"children":2137},[2138,2139],{"id":1301,"depth":867,"text":1302},{"id":1343,"depth":867,"text":1344},{"id":1360,"depth":858,"text":1361,"children":2141},[2142,2143,2144,2145,2146],{"id":1367,"depth":867,"text":1368},{"id":1399,"depth":867,"text":1400},{"id":1413,"depth":867,"text":1414},{"id":1420,"depth":867,"text":1421},{"id":1427,"depth":867,"text":1428},{"id":1443,"depth":858,"text":1444,"children":2148},[2149,2150,2151],{"id":1453,"depth":867,"text":1454},{"id":1494,"depth":867,"text":1495},{"id":1504,"depth":867,"text":1505},{"id":1588,"depth":858,"text":1589,"children":2153},[2154,2155,2156],{"id":1595,"depth":867,"text":1596},{"id":1754,"depth":867,"text":1755},{"id":1819,"depth":867,"text":1820},{"id":1845,"depth":858,"text":1846},{"id":1913,"depth":858,"text":1914},{"id":1940,"depth":858,"text":1941},{"id":2079,"depth":858,"text":2080,"children":2161},[2162,2163,2164,2165,2166],{"id":2083,"depth":867,"text":973},{"id":2089,"depth":867,"text":1444},{"id":2095,"depth":867,"text":2096},{"id":2102,"depth":867,"text":2103},{"id":2112,"depth":867,"text":2113},"Everything you need to rank a Framer site in 2026. Meta settings, semantic HTML, CMS slugs, redirects, structured data, and the honest answer on whether Framer is good for SEO.","/framerhub/img/blog/framer-seo-guide.webp",{"metaTitle":2170,"metaDescription":2171,"primaryKeyword":2172,"secondaryKeywords":2173,"ogImage":2168,"createdAt":902,"schema":2179},"Framer SEO: The Complete Guide (2026) | FramerHub","Is Framer good for SEO? Yes, with caveats. Meta settings, semantic HTML, CMS pages, sitemaps, redirects and schema, from a team that ships Framer sites.","framer seo",[2174,2175,2176,2177,2178],"framer seo settings","is framer good for seo","framer site seo","does migrating to framer hurt seo","framer seo optimization",[2180,2182],{"type":905,"headline":936,"datePublished":2181,"dateModified":2181},"2026-09-04",{"type":908,"questions":2183},[2184,2186,2188,2190,2192],{"question":973,"answer":2185},"Yes, with caveats. Framer outputs clean semantic HTML, auto-generates sitemaps and robots.txt, serves over a global CDN, and includes free SSL. Where it falls short: custom canonical URLs require an Enterprise plan or the reverse-proxy add-on, hreflang tags need workarounds, and robots.txt customization is limited. For most freelancer and agency projects, the built-in SEO foundation is solid.",{"question":1444,"answer":2187},"Migration itself does not hurt SEO. Poor execution does. The two biggest risks are URL changes without 301 redirects and missing metadata after migration. Sites that set up redirects, preserve metadata, and keep content depth typically stabilize within 2 to 4 weeks. Sites that skip redirects can take 6 to 12 months to recover, if they recover at all.",{"question":2096,"answer":2189},"In Framer, open Site Settings > SEO for site-wide defaults. For per-page settings, click the page in the canvas, open the right panel, and navigate to the SEO tab. Set a unique title under 60 characters and a description under 155 characters for each page.",{"question":2103,"answer":2191},"Yes. Framer automatically generates a sitemap.xml and robots.txt for every published site. You do not need a plugin. Submit the sitemap URL (yourdomain.com/sitemap.xml) to Google Search Console after publishing.",{"question":2113,"answer":2193},"Yes, but not through a built-in UI. Add JSON-LD schema by injecting custom code into the page's head via Framer's custom code panel (Site Settings > Custom Code, or per-page code inject). This works for Article, FAQPage, LocalBusiness, BreadcrumbList, and other schema types.","2026-09-04T00:00:00.000Z",14,{"title":936,"description":2167},"framer-seo-guide","blog/framer-seo-guide",[930,2200,932,2201],"SEO","Optimization","9i6Fpqfuk-oUl4CLZguM7Wiw5ZdZstiYXEfrVii7N60",{"id":2204,"title":2205,"author":2206,"body":2207,"category":886,"description":3257,"extension":888,"featured":889,"image":3258,"meta":3259,"navigation":921,"path":3287,"published":921,"publishedAt":3288,"readingTime":3289,"robots":925,"seo":3290,"slug":3291,"stem":3292,"tags":3293,"updatedAt":3296,"__hash__":3297},"blog/blog/best-framer-plugins.md","Framer Plugins: The 14 Best for 2026 (Picked by a Plugin Builder)",{"name":8,"avatar":9,"bio":10},{"type":12,"value":2208,"toc":3212},[2209,2212,2234,2237,2240,2247,2249,2253,2468,2470,2474,2477,2481,2488,2494,2500,2506,2512,2517,2523,2533,2535,2539,2545,2550,2555,2561,2566,2571,2577,2579,2583,2589,2594,2599,2604,2609,2615,2617,2620,2625,2630,2635,2640,2642,2646,2649,2653,2659,2664,2669,2675,2686,2692,2697,2702,2707,2716,2718,2722,2725,2731,2736,2741,2747,2752,2757,2762,2767,2769,2772,2777,2782,2786,2792,2794,2798,2803,2808,2813,2818,2820,2824,2828,2833,2838,2843,2848,2852,2854,2858,2861,2865,2871,2876,2881,2886,2890,2896,2898,2902,2906,2912,2917,2922,2927,2932,2938,2940,2944,2947,2950,2956,2961,2966,2970,2972,2976,2979,2985,2990,2995,3000,3002,3006,3011,3016,3020,3025,3027,3031,3039,3045,3051,3062,3068,3074,3080,3082,3086,3089,3095,3101,3107,3113,3116,3121,3123,3125,3129,3132,3136,3142,3146,3149,3153,3159,3163,3166,3170,3173,3177,3180,3182,3186,3189,3192,3195,3201,3207],[15,2210,2211],{},"The best Framer plugins for most projects are CMS Filter for search and filtering, Form Kit for advanced forms, FramerSync for pulling Notion, Airtable or Google Sheets data into the CMS, and FrameWoo for selling through WooCommerce. Below are 14 plugins worth installing, with prices and honest limits.",[2213,2214,2215,2220],"blockquote",{},[15,2216,2217],{},[42,2218,2219],{},"Key Takeaways",[71,2221,2222,2225,2228,2231],{},[39,2223,2224],{},"Plugins fill Framer's gaps: advanced CMS filtering, multi-step forms, external data sync, e-commerce and bulk CMS edits.",[39,2226,2227],{},"Install them from the Plugins panel inside Framer; many have free tiers or are free outright.",[39,2229,2230],{},"Our own tools are on this list where they solve the problem, alongside third-party picks we'd use ourselves.",[39,2232,2233],{},"For forms that write to Google Sheets, Framer's built-in form already does it natively.",[15,2235,2236],{},"Framer's built-in tools cover a lot. But once you're building real client projects, you hit limits. CMS filtering that breaks when you have 30+ items. Forms with no validation. Tables that only work in CMS Rich Text. Scheduled publishing that requires you to be online and click Publish manually.",[15,2238,2239],{},"That's where Framer plugins come in. The right ones save hours per project. The wrong ones add noise.",[15,2241,2242,2243,2246],{},"I build ",[80,2244,643],{"href":2245},"/plugins"," used by 2,000+ Framer users. This list includes our own tools where they genuinely solve the problem, alongside strong third-party picks. You'll also find honest notes about where competitors have bigger install bases or different strengths.",[968,2248],{},[28,2250,2252],{"id":2251},"quick-comparison-best-framer-plugins-by-category","Quick comparison: best Framer plugins by category",[105,2254,2255,2271],{},[108,2256,2257],{},[111,2258,2259,2262,2265,2268],{},[114,2260,2261],{},"Plugin",[114,2263,2264],{},"Category",[114,2266,2267],{},"Price",[114,2269,2270],{},"Best For",[130,2272,2273,2288,2305,2322,2337,2351,2365,2377,2390,2403,2416,2430,2443,2456],{},[111,2274,2275,2279,2282,2285],{},[135,2276,2277],{},[80,2278,671],{"href":670},[135,2280,2281],{},"CMS / Filtering",[135,2283,2284],{},"Free / $79 / $179",[135,2286,2287],{},"Directory sites, real estate, job boards",[111,2289,2290,2296,2299,2302],{},[135,2291,2292],{},[80,2293,2295],{"href":2294},"/plugins/framer-form-kit","Form Kit",[135,2297,2298],{},"Forms",[135,2300,2301],{},"Free / $99 / $189",[135,2303,2304],{},"Multi-step forms, validation, conditional logic",[111,2306,2307,2313,2316,2319],{},[135,2308,2309],{},[80,2310,2312],{"href":2311},"/components","FramerHub Components",[135,2314,2315],{},"Design workflow",[135,2317,2318],{},"20+ free, $99 one-time for all 90+",[135,2320,2321],{},"Agencies building multiple client sites",[111,2323,2324,2328,2331,2334],{},[135,2325,2326],{},[80,2327,483],{"href":482},[135,2329,2330],{},"E-commerce",[135,2332,2333],{},"Free / $119 / $279 one-time",[135,2335,2336],{},"Selling WooCommerce products from a Framer site",[111,2338,2339,2342,2345,2348],{},[135,2340,2341],{},"Table Creator",[135,2343,2344],{},"Tables",[135,2346,2347],{},"Free",[135,2349,2350],{},"Pricing tables, product specs, documentation",[111,2352,2353,2356,2359,2362],{},[135,2354,2355],{},"CMS Scheduler",[135,2357,2358],{},"CMS",[135,2360,2361],{},"Free / $49 per year / $99 per year",[135,2363,2364],{},"Scheduled publishing, content calendars",[111,2366,2367,2370,2372,2374],{},[135,2368,2369],{},"CMS Find & Replace",[135,2371,2358],{},[135,2373,2347],{},[135,2375,2376],{},"Bulk CMS edits, rebranding, URL migrations",[111,2378,2379,2382,2385,2387],{},[135,2380,2381],{},"Asset Vault",[135,2383,2384],{},"Workflow",[135,2386,2347],{},[135,2388,2389],{},"Organizing and sharing component URLs",[111,2391,2392,2395,2397,2400],{},[135,2393,2394],{},"Superfields",[135,2396,2358],{},[135,2398,2399],{},"Paid",[135,2401,2402],{},"Broad CMS power-ups and field types",[111,2404,2405,2408,2410,2413],{},[135,2406,2407],{},"FramerForms",[135,2409,2298],{},[135,2411,2412],{},"Free + Paid",[135,2414,2415],{},"High install base, straightforward forms",[111,2417,2418,2421,2424,2427],{},[135,2419,2420],{},"FramerSync",[135,2422,2423],{},"CMS / Productivity",[135,2425,2426],{},"Paid subscription",[135,2428,2429],{},"Notion, Airtable, Google Sheets sync",[111,2431,2432,2435,2438,2440],{},[135,2433,2434],{},"Lummi",[135,2436,2437],{},"Design / Assets",[135,2439,2412],{},[135,2441,2442],{},"Stock photos, illustrations, 3D assets",[111,2444,2445,2448,2451,2453],{},[135,2446,2447],{},"Shades & Tints",[135,2449,2450],{},"Design / Color",[135,2452,2347],{},[135,2454,2455],{},"Color palette generation",[111,2457,2458,2461,2463,2465],{},[135,2459,2460],{},"Google Search Console",[135,2462,2200],{},[135,2464,2347],{},[135,2466,2467],{},"Live SEO metrics inside Framer",[968,2469],{},[28,2471,2473],{"id":2472},"cms-and-filtering-plugins","CMS and filtering plugins",[15,2475,2476],{},"CMS plugins solve one of Framer's most common friction points: displaying and filtering dynamic content at scale without building hundreds of variants or writing custom code.",[351,2478,2480],{"id":2479},"cms-filter-framerhub","CMS Filter (FramerHub)",[15,2482,2483],{},[2484,2485],"img",{"alt":2486,"src":2487},"CMS Filter plugin for Framer showing realtime filtering on a directory site with price slider and category chips","/framerhub/img/blog/best-framer-plugins/framer-cms-filter.webp",[15,2489,2490,2493],{},[42,2491,2492],{},"The problem it kills",": You're building a real estate site, a job board, or a product catalog. Your client needs users to filter by location, price range, and type at the same time. Native Framer Dynamic Filters handle one dropdown. That's where they stop.",[15,2495,2496,2499],{},[42,2497,2498],{},"What it does",": CMS Filter adds realtime search across multiple CMS fields, range sliders with dual handles, active filter chips, result counts, sort controls, and 3-level composable AND/OR query logic. Cross-breakpoint sync means the same filter works in different UI layouts on desktop, mobile, and overlay. Drag in the component, connect your CMS collection, configure in about five minutes.",[15,2501,2502,2505],{},[42,2503,2504],{},"Unique to this plugin",": Multi-field search (title + description + tags + author in one input), option counts per filter choice, single and multi-reference field filtering, and auto-schema detection for CMS enum fields. These don't exist in native Framer.",[15,2507,2508,2511],{},[42,2509,2510],{},"Best for",": Real estate listings, car marketplaces, job boards, resource libraries, template directories. Any site where visitors need to narrow down more than 30 items.",[15,2513,2514,2516],{},[42,2515,2267],{},": Free tier (basic filtering), $79 Personal lifetime, $179 Agency lifetime. One-time, unlimited client projects.",[15,2518,2519,2522],{},[42,2520,2521],{},"Honest note",": Superfields has more total users across its broader set of CMS features. CMS Filter is purpose-built for filtering depth specifically.",[15,2524,2525,2528,2529],{},[80,2526,2527],{"href":670},"Browse CMS Filter"," | ",[80,2530,2532],{"href":2531,":target":407},"https://framercmsfilter.com","Live demos at framercmsfilter.com",[968,2534],{},[351,2536,2538],{"id":2537},"cms-scheduler-framerhub","CMS Scheduler (FramerHub)",[15,2540,2541],{},[2484,2542],{"alt":2543,"src":2544},"CMS Scheduler plugin for Framer","/framerhub/img/blog/best-framer-plugins/cms-scheduler.webp",[15,2546,2547,2549],{},[42,2548,2492],{},": You manage a blog for a client. A post needs to go live Tuesday at 9am. You have to be online to click Publish. For anyone coming from WordPress, this feels like a step backwards.",[15,2551,2552,2554],{},[42,2553,2498],{},": Connect a project, choose a collection, pick a date and time. The post publishes automatically. Track pending and failed runs. View logs without leaving Framer. Backend runs on Cloudflare Workers.",[15,2556,2557,2560],{},[42,2558,2559],{},"Important caveat",": A scheduled publish also pushes any other unpublished site changes at that moment. If you have WIP edits, use a separate production project or avoid scheduling until those are ready.",[15,2562,2563,2565],{},[42,2564,2510],{},": Marketers scheduling campaign posts, founders shipping announcements on a timed basis, agencies handling client content calendars, anyone batch-writing content in advance.",[15,2567,2568,2570],{},[42,2569,2267],{},": Free tier holds 3 posts in the queue at once on one connected project. Pro $49/year (unlimited queue, one project). Unlimited $99/year (unlimited queue and projects).",[15,2572,2573],{},[80,2574,2576],{"href":2575},"/plugins/cms-scheduler","Browse CMS Scheduler",[968,2578],{},[351,2580,2582],{"id":2581},"cms-find-replace-framerhub","CMS Find & Replace (FramerHub)",[15,2584,2585],{},[2484,2586],{"alt":2587,"src":2588},"CMS Find and Replace plugin for Framer","/framerhub/img/blog/best-framer-plugins/cms-find-replace.webp",[15,2590,2591,2593],{},[42,2592,2492],{},": A client rebrands. Their company name appears in 200 blog posts. Or a URL pattern changes across a CMS collection. In native Framer, you edit each item one by one.",[15,2595,2596,2598],{},[42,2597,2498],{},": Search and replace across an entire CMS collection in one pass. Filter by field scope and item status. Case sensitive, whole word, and regex matching. Preview matches before applying. Export a CSV report. Undo the last replace action.",[15,2600,2601,2603],{},[42,2602,2510],{},": Rebranding projects, URL migrations, fixing repeated errors across large collections. This is a CMS hygiene tool. Infrequent, but when you need it, nothing else does it cleanly.",[15,2605,2606,2608],{},[42,2607,2267],{},": Free.",[15,2610,2611],{},[80,2612,2614],{"href":2613},"/plugins/cms-find-replace","Browse CMS Find & Replace",[968,2616],{},[351,2618,2420],{"id":2619},"framersync",[15,2621,2622,2624],{},[42,2623,2498],{},": Syncs Notion databases, Airtable bases, and Google Sheets directly into Framer CMS collections. Changes in your source update in Framer automatically.",[15,2626,2627,2629],{},[42,2628,2510],{},": Projects where clients manage content in Notion or Airtable and want the Framer site to reflect changes without re-publishing. SaaS sites where product data lives in a spreadsheet.",[15,2631,2632,2634],{},[42,2633,2267],{},": Paid subscription. Free trial available.",[15,2636,2637,2639],{},[42,2638,2521],{},": FramerSync is the established option for multi-source CMS sync. It works well for data-heavy projects.",[968,2641],{},[28,2643,2645],{"id":2644},"forms-plugins","Forms plugins",[15,2647,2648],{},"Framer's native forms work for the simplest contact forms. The moment a client needs multi-step flow, conditional logic, file uploads, or validation that shows errors inline, you need more.",[351,2650,2652],{"id":2651},"form-kit-framerhub","Form Kit (FramerHub)",[15,2654,2655],{},[2484,2656],{"alt":2657,"src":2658},"Form Kit plugin for Framer showing multi-step form with inline validation and file upload","/framerhub/img/blog/best-framer-plugins/framer-form-kit.webp",[15,2660,2661,2663],{},[42,2662,2492],{},": \"I need a multi-step form like Typeform but inside Framer, not as an iframe.\" Embedding Typeform or Tally breaks design consistency. The form stops looking like the site. Form Kit solves this natively inside Framer.",[15,2665,2666,2668],{},[42,2667,2498],{},": 35+ form components with real validation, multi-step flows, conditional logic, file uploads, star ratings, signature pads, date pickers, and more. Validation runs on blur with inline error messages. Conditional logic shows or hides fields based on prior answers. Multi-step navigation validates the current step before advancing. Auto-saves to localStorage.",[15,2670,2671,2674],{},[42,2672,2673],{},"What's in each tier",":",[71,2676,2677,2680,2683],{},[39,2678,2679],{},"Free (10 components): Text, Email, Number, Phone, URL, Textarea, Select, Checkbox, Submit. Full validation engine, conditional logic, and auto-save included.",[39,2681,2682],{},"$99 Premium (21 more): Radio groups, toggles, date/time pickers, sliders, star ratings, NPS, file uploads, hidden fields, reCAPTCHA, multi-step navigation, progress bars, and more.",[39,2684,2685],{},"$189 Pro (5 more): Signature pad, rich text editor, color picker, image button, country selector with flags.",[15,2687,2688,2691],{},[42,2689,2690],{},"What's not in Form Kit yet",": Webhooks and Stripe payments have not shipped. Don't build flows that depend on those if you need them today.",[15,2693,2694,2696],{},[42,2695,2510],{},": Client onboarding forms, lead capture, job applications with file uploads, multi-step questionnaires, any form where the design needs to match the site.",[15,2698,2699,2701],{},[42,2700,2267],{},": Free tier, $99 Premium lifetime, $189 Pro lifetime.",[15,2703,2704,2706],{},[42,2705,2521],{},": FramerForms has a significantly larger marketplace install base than Form Kit — it has been around longer and is a solid choice. Form Kit's differentiation is the 3-tier structure, 40+ components, and no-iframe native integration.",[15,2708,2709,2528,2712],{},[80,2710,2711],{"href":2294},"Browse Form Kit",[80,2713,2715],{"href":2714,":target":407},"https://framerformkit.com","Live demos at framerformkit.com",[968,2717],{},[28,2719,2721],{"id":2720},"design-and-component-plugins","Design and component plugins",[351,2723,2312],{"id":2724},"framerhub-components",[15,2726,2727],{},[2484,2728],{"alt":2729,"src":2730},"FramerHub Components plugin inside Framer showing 90+ searchable code components","/framerhub/img/blog/best-framer-plugins/framerhub-components.webp",[15,2732,2733,2735],{},[42,2734,2492],{},": You buy components from five different sellers on Gumroad, Lemon Squeezy, and Polar. They arrive via email. You track updates manually. One breaks after a Framer update and the seller is unresponsive. On the next client project you start over.",[15,2737,2738,2740],{},[42,2739,2498],{},": 90+ code components in one searchable plugin inside Framer. Search and filter without leaving the editor. Drag and drop into any project. Auto-updates from the server when fixes ship. 20+ components are free. 1-2 new pro components added weekly.",[15,2742,2743,2746],{},[42,2744,2745],{},"Key point",": Most of these are code components, meaning functional behavior beyond design layouts. That's the differentiator vs. design-only libraries.",[15,2748,2749,2751],{},[42,2750,2510],{},": Agencies and freelancers building three or more client projects per year who need a consistent, updateable component library.",[15,2753,2754,2756],{},[42,2755,2267],{},": 20+ free components. Individual components $5–$29. All 90+ components in the plugin: $99 one-time.",[15,2758,2759,2761],{},[42,2760,2521],{},": Flowbase has 3,500+ components. Cosmoe has over 1,000. FramerHub Components competes on code depth and operational efficiency, not quantity. The value is 90 components you'll actually use, auto-updating, in one place.",[15,2763,2764],{},[80,2765,2766],{"href":2311},"Browse Components",[968,2768],{},[351,2770,2447],{"id":2771},"shades-tints",[15,2773,2774,2776],{},[42,2775,2498],{},": Generates a full color palette, all shades and tints, from any color you select inside Framer. Apply the palette to your project in one click.",[15,2778,2779,2781],{},[42,2780,2510],{},": Building a complete color system quickly, especially for client projects where brand colors need multiple weight variants.",[15,2783,2784,2608],{},[42,2785,2267],{},[15,2787,2788,2791],{},[42,2789,2790],{},"Why it's on this list",": Color consistency across a large project is tedious to manage manually. This handles it in seconds.",[968,2793],{},[351,2795,2797],{"id":2796},"clonify","Clonify",[15,2799,2800,2802],{},[42,2801,2498],{},": A library of pre-built design sections and full page layouts you can drop into any Framer project. Hero sections, feature blocks, pricing tables, footer templates.",[15,2804,2805,2807],{},[42,2806,2510],{},": Moving faster on initial page structure. Freelancers building multiple similar sites where starting from pre-built sections saves 30 to 60 minutes per project.",[15,2809,2810,2812],{},[42,2811,2267],{},": Freemium. Core sections free, premium sections behind a paid tier.",[15,2814,2815,2817],{},[42,2816,2521],{},": Clonify sections have a distinct style. They work well as starting points but usually need customization to match a client's brand.",[968,2819],{},[28,2821,2823],{"id":2822},"e-commerce-plugins","E-commerce plugins",[351,2825,2827],{"id":2826},"framewoo-framerhub","FrameWoo (FramerHub)",[15,2829,2830,2832],{},[42,2831,2492],{},": Framer has no native cart or checkout. Stores end up on a separate platform, or behind \"Buy\" buttons that leave the site.",[15,2834,2835,2837],{},[42,2836,2498],{},": Connects a WooCommerce store to Framer. Display products, keep prices, stock and variations in sync with WooCommerce, and run cart logic on your Framer site. Our Orlea store template is built on it.",[15,2839,2840,2842],{},[42,2841,2510],{},": Brands that already run WooCommerce, or want WooCommerce's commerce back end with a Framer front end.",[15,2844,2845,2847],{},[42,2846,2267],{},": Free plan, then Launch $119 or Scale $279, one-time.",[15,2849,2850],{},[80,2851,543],{"href":482},[968,2853],{},[28,2855,2857],{"id":2856},"table-plugins","Table plugins",[15,2859,2860],{},"Framer's native tables only work inside CMS Rich Text fields. That's a hard limit. You can't put a pricing comparison table on a landing page, a product spec table on a product page, or a data table on a dashboard.",[351,2862,2864],{"id":2863},"table-creator-framerhub","Table Creator (FramerHub)",[15,2866,2867],{},[2484,2868],{"alt":2869,"src":2870},"Table Creator plugin for Framer showing interactive pricing comparison table outside CMS Rich Text","/framerhub/img/blog/best-framer-plugins/table-creator.webp",[15,2872,2873,2875],{},[42,2874,2492],{},": You need a pricing comparison table on a landing page. Native Framer says no unless you're in a CMS Rich Text field.",[15,2877,2878,2880],{},[42,2879,2498],{},": Open the plugin, set columns and rows, pick a theme, hit Create. Edit data inline or paste from a spreadsheet. CSV import supported. Tables work on any page. Interactive sorting, filtering, and pagination are toggleable. Configure items per page and pagination style. Three built-in themes: Minimal Light, Soft Grid, and Dark Pro.",[15,2882,2883,2885],{},[42,2884,2510],{},": Pricing comparison tables, product spec pages, documentation tables, dashboard data, feature comparison tables. Anywhere you need structured data outside of CMS Rich Text.",[15,2887,2888,2608],{},[42,2889,2267],{},[15,2891,2892],{},[80,2893,2895],{"href":2894},"/plugins/table-creator","Browse Table Creator",[968,2897],{},[28,2899,2901],{"id":2900},"asset-management-plugins","Asset management plugins",[351,2903,2905],{"id":2904},"asset-vault-framerhub","Asset Vault (FramerHub)",[15,2907,2908],{},[2484,2909],{"alt":2910,"src":2911},"Asset Vault plugin for Framer","/framerhub/img/blog/best-framer-plugins/asset-vault.webp",[15,2913,2914,2916],{},[42,2915,2492],{},": You collect reusable Framer component URLs and Remix links across client work, experiments, and template research. They end up scattered across bookmarks, Slack messages, and browser tabs.",[15,2918,2919,2921],{},[42,2920,2498],{},": Save component module URLs and Framer Remix links in one organized vault inside Framer. Organize with libraries, categories, tags, thumbnails, and favorites. Search and filter saved assets. Shared libraries let you invite team members by email and set per-user add/edit/delete permissions.",[15,2923,2924,2926],{},[42,2925,2510],{},": Agencies with multiple team members. Prolific builders who accumulate reusable assets across projects.",[15,2928,2929,2931],{},[42,2930,2267],{},": Free. Note: Asset Vault just launched. No user reviews yet.",[15,2933,2934],{},[80,2935,2937],{"href":2936},"/plugins/asset-vault","Browse Asset Vault",[968,2939],{},[28,2941,2943],{"id":2942},"seo-plugins","SEO plugins",[15,2945,2946],{},"Framer handles SEO basics well: meta tags, sitemaps, Open Graph. These plugins add visibility you don't get from the native editor.",[351,2948,2460],{"id":2949},"google-search-console",[15,2951,2952],{},[2484,2953],{"alt":2954,"src":2955},"Google Search Console plugin for Framer showing live SEO data inside the design canvas","/framerhub/img/blog/best-framer-plugins/google-search-console.webp",[15,2957,2958,2960],{},[42,2959,2498],{},": Connects to your Google Search Console account and displays live SEO metrics directly inside Framer's canvas. Impressions, clicks, average position, and top performing keywords per page.",[15,2962,2963,2965],{},[42,2964,2510],{},": Teams who want to monitor site performance without switching between Framer and Google Search Console. Useful for client reporting when you need to show ranking progress.",[15,2967,2968,2608],{},[42,2969,2267],{},[968,2971],{},[28,2973,2975],{"id":2974},"productivity-plugins","Productivity plugins",[351,2977,2434],{"id":2978},"lummi",[15,2980,2981],{},[2484,2982],{"alt":2983,"src":2984},"Lummi stock asset plugin for Framer showing photography and 3D asset search","/framerhub/img/blog/best-framer-plugins/lummi.webp",[15,2986,2987,2989],{},[42,2988,2498],{},": A curated library of stock photos, illustrations, and 3D assets, searchable directly inside Framer. Drop assets without leaving the canvas. Lummi focuses on distinctive visuals that don't look like the same five Unsplash photos everyone uses.",[15,2991,2992,2994],{},[42,2993,2510],{},": Designers who need high-quality visuals during the build phase without the context switch to external stock sites.",[15,2996,2997,2999],{},[42,2998,2267],{},": Free tier. Paid tier for full asset library.",[968,3001],{},[351,3003,3005],{"id":3004},"cms-export","CMS Export",[15,3007,3008,3010],{},[42,3009,2498],{},": Exports Framer CMS collections as CSV files, and imports CSV data back in. No configuration required.",[15,3012,3013,3015],{},[42,3014,2510],{},": Migrating CMS data from other platforms (Webflow, Airtable), backing up content before major changes, seeding a new CMS collection from a spreadsheet.",[15,3017,3018,2608],{},[42,3019,2267],{},[15,3021,3022,3024],{},[42,3023,2521],{},": This is a utility plugin. You won't use it every day. When you need it, nothing else does the job as cleanly.",[968,3026],{},[28,3028,3030],{"id":3029},"how-to-pick-the-right-framer-plugins","How to pick the right Framer plugins",[15,3032,3033,3034,3038],{},"Not every project needs every plugin. Here's how to approach the decision. (Starting from scratch? Pick a base from our ",[80,3035,3037],{"href":3036},"/blog/best-framer-templates","Framer templates roundup"," first, then add plugins for the gaps.)",[15,3040,3041,3044],{},[42,3042,3043],{},"Start with the project, not the plugin."," Does your client need filtering? CMS Filter. Does the form need validation and multi-step flow? Form Kit. Are you rebuilding the same UI patterns across five client sites? Components. Match the tool to the actual project need.",[15,3046,3047,3050],{},[42,3048,3049],{},"Check what Framer handles natively first."," Framer has improved fast. Dynamic Filters cover basic category filtering. The native form handles simple contact forms. Plugins earn their place when native tools hit their ceiling.",[15,3052,3053,3056,3057,3061],{},[42,3054,3055],{},"One-time vs recurring cost matters."," Most FramerHub plugins are one-time purchases. For a freelancer billing $3,000-$8,000 per client site, a $79 plugin that saves two hours is clear ROI on the first project. If you're building multiple sites per year, check whether the ",[80,3058,3060],{"href":3059},"/all-access","All Access plan"," makes more sense than individual purchases.",[15,3063,3064,3067],{},[42,3065,3066],{},"Install base is a signal, not the whole story."," FramerForms has 12,600+ installs. Superfields has more users than CMS Filter. These are real facts. A larger install base usually means more community answers, more tutorials, and more battle-tested usage. Factor that in. Newer or smaller products sometimes solve narrower problems better, but they carry more uncertainty.",[15,3069,3070,3073],{},[42,3071,3072],{},"Creator reachability matters more than it sounds."," A purchased plugin that breaks after a Framer update and has no support is worse than not buying it. Check that the creator is active and responsive before spending money.",[15,3075,3076],{},[2484,3077],{"alt":3078,"src":3079},"Decision flowchart for choosing the right Framer plugin for your project type","/framerhub/img/blog/best-framer-plugins/decision-flowchart.webp",[968,3081],{},[28,3083,3085],{"id":3084},"framerhub-plugin-ecosystem-whats-accurate","FramerHub plugin ecosystem: what's accurate",[15,3087,3088],{},"For transparency, here's the real state of FramerHub's plugin lineup as of October 2026:",[15,3090,3091,3094],{},[42,3092,3093],{},"Strongest products",": CMS Filter has the clearest differentiation and the most traction of anything we ship. Form Kit is further along than its install base suggests: 35 components across 3 clear tiers.",[15,3096,3097,3100],{},[42,3098,3099],{},"Newer, smaller tools",": Table Creator, CMS Scheduler, CMS Find & Replace, and Asset Vault are free utilities. They solve real problems but do not have the install base the older products do yet.",[15,3102,3103,3106],{},[42,3104,3105],{},"Live now",": CMS Filter, Form Kit, Components, FrameWoo (WooCommerce), CMS Scheduler, Table Creator, CMS Find & Replace and Asset Vault.",[15,3108,3109,3112],{},[42,3110,3111],{},"Coming soon, not shipped yet",": Gallery Kit, Shopify, Notion Sync and Membership have pages on our site, but they aren't available to install. Don't plan a project around them until they launch.",[15,3114,3115],{},"All FramerHub plugins use one-time pricing (no subscriptions), include free tiers, are licensed for unlimited client projects, and have a 14-day refund policy.",[15,3117,3118],{},[80,3119,3120],{"href":2245},"Browse all FramerHub plugins",[968,3122],{},[28,3124,2080],{"id":2079},[351,3126,3128],{"id":3127},"what-are-the-best-free-framer-plugins-in-2026","What are the best free Framer plugins in 2026?",[15,3130,3131],{},"The best free Framer plugins in 2026 include Lummi (stock photos, illustrations, 3D assets), Shades and Tints (color palette generation), Google Search Console (live SEO metrics inside Framer), and CMS Export (CSV import/export for CMS collections). FramerHub ships five free plugins: Table Creator, CMS Find and Replace, Asset Vault, and the free tiers of CMS Filter and CMS Scheduler.",[351,3133,3135],{"id":3134},"what-is-the-best-framer-cms-plugin-for-filtering-and-search","What is the best Framer CMS plugin for filtering and search?",[15,3137,3138,3139,299],{},"CMS Filter by FramerHub handles realtime search, multi-field filtering, range sliders, sort controls, active filter chips, and cross-breakpoint sync. Free tier available. $79 Personal or $179 Agency, both one-time. Superfields is a broader alternative with more total users across a wider set of CMS features. ",[80,3140,3141],{"href":670},"See CMS Filter",[351,3143,3145],{"id":3144},"whats-the-best-framer-form-tool-that-syncs-with-google-sheets","What's the best Framer form tool that syncs with Google Sheets?",[15,3147,3148],{},"Framer's built-in form. It can send submissions straight to a Google Sheet (or email, or a webhook) without a plugin. Use Form Kit when you need multi-step flows, validation or advanced fields; it doesn't add third-party integrations of its own. For syncing existing Sheets data into the CMS, FramerSync covers Google Sheets, Notion and Airtable.",[351,3150,3152],{"id":3151},"are-framer-plugins-free","Are Framer plugins free?",[15,3154,3155,3156,299],{},"Many are. Color tools, SEO dashboards, asset libraries, and utility plugins typically have free tiers or are completely free. Plugins that solve complex workflow problems, advanced CMS filtering, full form systems, component libraries, are usually paid as one-time purchases. Most FramerHub plugins have free tiers. ",[80,3157,3158],{"href":2245},"Browse all plugins",[351,3160,3162],{"id":3161},"how-do-i-install-a-framer-plugin","How do I install a Framer plugin?",[15,3164,3165],{},"Open your Framer project. Click the plugin icon in the left sidebar (or press P). Search for the plugin by name in the Framer Marketplace. Click Install. The plugin appears in your sidebar immediately and is available across all your projects on that account.",[351,3167,3169],{"id":3168},"what-is-the-difference-between-framerhub-plugins-and-other-framer-plugins","What is the difference between FramerHub plugins and other Framer plugins?",[15,3171,3172],{},"FramerHub focuses on specific problems and solves them deeply. All products use one-time pricing with no subscriptions, include free tiers, and are licensed for unlimited client projects. Superfields has more total users. FramerForms has a larger form plugin install base. FramerHub differentiates on code component depth, focused problem-solving, one-time pricing, and a creator who is directly reachable for support.",[351,3174,3176],{"id":3175},"can-i-use-framer-plugins-on-client-projects","Can I use Framer plugins on client projects?",[15,3178,3179],{},"Yes. All FramerHub plugins are licensed for unlimited client projects with a single purchase. Check individual plugin licenses for third-party tools, most are similarly structured but confirm before purchasing.",[968,3181],{},[28,3183,3185],{"id":3184},"bottom-line","Bottom line",[15,3187,3188],{},"The best Framer plugins in 2026 are the ones that solve the specific problem you're hitting on your current project.",[15,3190,3191],{},"For most client work, a short stack does most of the work. CMS Filter for any directory or listing site with multi-field filtering needs. Form Kit if you need multi-step or conditional forms inside Framer. The Components plugin if you're building multiple sites and want a consistent, auto-updating library. Free tools like Table Creator, Lummi, and Google Search Console on every project.",[15,3193,3194],{},"Be honest about what Framer already handles. Check your options, including competitors. Buy what solves the actual problem.",[15,3196,3197,3200],{},[80,3198,3199],{"href":2245},"Browse the full FramerHub plugin catalog"," to see what's available.",[15,3202,3203],{},[3204,3205,3206],"em",{},"Last updated: June 2026",[3208,3209,3211],"script",{"type":3210},"application/ld+json","\n{\n \"@context\": \"https://schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"What are the best free Framer plugins in 2026?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"The best free Framer plugins in 2026 include Lummi (stock photos, illustrations, 3D assets), Shades and Tints (color palette generation), Google Search Console (live SEO metrics inside Framer), and CMS Export (CSV import/export). FramerHub ships five free plugins: Table Creator, CMS Find and Replace, Asset Vault, and the free tiers of CMS Filter and CMS Scheduler.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What is the best Framer CMS plugin for filtering and search?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"CMS Filter by FramerHub handles realtime search, multi-field filtering, range sliders, sort controls, active filter chips, and cross-breakpoint sync. Free tier available. $79 Personal or $179 Agency, both one-time lifetime purchases.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Are Framer plugins free?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Many Framer plugins are free. Color tools, SEO dashboards, asset libraries, and utility plugins typically have free tiers or are completely free. Plugins that solve complex workflow problems like advanced CMS filtering or full form systems are usually paid as one-time purchases. Most FramerHub plugins include free tiers.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"How do I install a Framer plugin?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Open your Framer project. Click the plugin icon in the left sidebar (or press P). Search for the plugin by name in the Framer Marketplace. Click Install. The plugin appears in your sidebar immediately and is available across all your projects on that account.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"What is the difference between FramerHub plugins and other Framer plugins?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"FramerHub focuses on specific problems and solves them deeply. All products use one-time pricing with no subscriptions, include free tiers, and are licensed for unlimited client projects. Superfields has more total users. FramerForms has a larger form plugin install base. FramerHub differentiates on code component depth, focused problem-solving, one-time pricing, and a creator who is directly reachable for support.\"\n }\n }\n ]\n}\n",{"title":857,"searchDepth":858,"depth":858,"links":3213},[3214,3215,3221,3224,3229,3232,3235,3238,3241,3245,3246,3247,3256],{"id":2251,"depth":858,"text":2252},{"id":2472,"depth":858,"text":2473,"children":3216},[3217,3218,3219,3220],{"id":2479,"depth":867,"text":2480},{"id":2537,"depth":867,"text":2538},{"id":2581,"depth":867,"text":2582},{"id":2619,"depth":867,"text":2420},{"id":2644,"depth":858,"text":2645,"children":3222},[3223],{"id":2651,"depth":867,"text":2652},{"id":2720,"depth":858,"text":2721,"children":3225},[3226,3227,3228],{"id":2724,"depth":867,"text":2312},{"id":2771,"depth":867,"text":2447},{"id":2796,"depth":867,"text":2797},{"id":2822,"depth":858,"text":2823,"children":3230},[3231],{"id":2826,"depth":867,"text":2827},{"id":2856,"depth":858,"text":2857,"children":3233},[3234],{"id":2863,"depth":867,"text":2864},{"id":2900,"depth":858,"text":2901,"children":3236},[3237],{"id":2904,"depth":867,"text":2905},{"id":2942,"depth":858,"text":2943,"children":3239},[3240],{"id":2949,"depth":867,"text":2460},{"id":2974,"depth":858,"text":2975,"children":3242},[3243,3244],{"id":2978,"depth":867,"text":2434},{"id":3004,"depth":867,"text":3005},{"id":3029,"depth":858,"text":3030},{"id":3084,"depth":858,"text":3085},{"id":2079,"depth":858,"text":2080,"children":3248},[3249,3250,3251,3252,3253,3254,3255],{"id":3127,"depth":867,"text":3128},{"id":3134,"depth":867,"text":3135},{"id":3144,"depth":867,"text":3145},{"id":3151,"depth":867,"text":3152},{"id":3161,"depth":867,"text":3162},{"id":3168,"depth":867,"text":3169},{"id":3175,"depth":867,"text":3176},{"id":3184,"depth":858,"text":3185},"A curated list of the best Framer plugins in 2026. CMS filtering, forms, components, tables, scheduling, and more. Accurate plugin details, no invented features.","/framerhub/img/blog/best-framer-plugins/best-framer-plugins.webp",{"metaTitle":3260,"metaDescription":3261,"primaryKeyword":3262,"secondaryKeywords":3263,"heroImage":3258,"ogImage":3258,"schema":3268,"createdAt":3286},"Framer Plugins: 14 Best Picks for 2026 | FramerHub","The best Framer plugins in 2026, curated by a plugin builder. CMS Filter, Form Kit, components, free utilities. Accurate details, no fluff. Updated June 2026.","framer plugins",[3264,3265,3266,3267],"best framer plugins","framer plugins 2026","free framer plugins","framer cms plugins",[3269,3272],{"type":905,"headline":2205,"datePublished":3270,"dateModified":3271},"2026-06-14","2026-10-09",{"type":908,"questions":3273},[3274,3276,3278,3280,3282,3284],{"question":3128,"answer":3275},"The best free Framer plugins in 2026 include Lummi (stock photos and 3D assets), Shades and Tints (color palette generator), Google Search Console (live SEO metrics inside Framer), and CMS Export (CSV import/export for CMS collections). FramerHub also ships five fully free plugins: Table Creator, CMS Find and Replace, Asset Vault, and the free tier of CMS Scheduler.",{"question":3135,"answer":3277},"CMS Filter by FramerHub adds realtime search, multi-field filtering, price range sliders, sort controls, active filter chips, and cross-breakpoint sync. Free tier available. Personal license $79 one-time, Agency $179 one-time.",{"question":3145,"answer":3279},"Framer's built-in form. It can send submissions straight to a Google Sheet (or email, or a webhook) without a plugin. Use Form Kit for multi-step flows, validation or advanced fields; it doesn't add third-party integrations of its own. For syncing Sheets data into the CMS, FramerSync covers Google Sheets, Notion and Airtable.",{"question":3152,"answer":3281},"Many Framer plugins are free. Color tools, SEO dashboards, asset libraries, and basic utility plugins typically have free tiers or are fully free. Plugins that solve complex workflow problems like advanced CMS filtering or full form systems are usually paid as one-time purchases. FramerHub offers free tiers on every plugin it ships.",{"question":3162,"answer":3283},"Open your Framer project. Click the plugin icon in the left sidebar (or press P). Search for the plugin name in the Framer Marketplace. Click Install. The plugin appears in your sidebar and is available across all your projects on that account.",{"question":3169,"answer":3285},"FramerHub focuses on depth over breadth. All plugins use one-time pricing with no subscriptions, include free tiers, and are licensed for unlimited client projects. The creator is directly reachable for support. Superfields has more total users. FramerForms has a larger install base for forms. FramerHub differentiates on focused problem-solving, code component depth, and honest pricing.","2026-06-12","/blog/best-framer-plugins","2026-06-12T00:00:00.000Z",15,{"title":2205,"description":3257},"best-framer-plugins","blog/best-framer-plugins",[930,3294,3295],"Plugins","Tools","2026-10-09T00:00:00.000Z","uJe0279ASoPlPgaGJ_N_4lMB0WJOzasDPxTvzIPlSxw",1792857355344]