VideoIntermediateFREE
On-page editing for CMS content
Let clients and editors update live CMS fields in the browser — the handoff pattern that keeps people out of the canvas.
framer.com/academy·5 min
Integrations & Sync
Pulling content in from external sources, mapping fields cleanly, and surviving rate limits.
27 tutorials27 free0 paid
Free resources
27
ArticleIntermediateFREE
Framer Notion Integration: A Complete Guide
Practical guide to syncing Notion databases into Framer CMS, mapping properties, and designing templates once.
framerwebsites.com·10 min
VideoBeginnerFREE
Get Started with Localization
Academy intro to Framer localization — locales, translation workflows, and how CMS content participates.
framer.com/academy·8 min
VideoBeginnerFREE
Adding a Locale in Framer
Academy lesson on adding locales, AI translation, tone controls, and batch translating content.
framer.com/academy·5 min
VideoAdvancedFREE
Advanced Localization
Academy deep dive: hide CMS items per locale, localized slugs/redirects, and Set Locale actions in components.
framer.com/academy·7 min
ArticleIntermediateFREE
Localization 2.0 update
Product update outlining the modern localization system that advanced Academy lessons build on.
framer.com/updates·4 min
ArticleBeginnerFREE
Using on-page editing
Help Center guide to editing live, collaborating, and creating new CMS pages from the published site.
framer.com/help·6 min
ArticleBeginnerFREE
On-Page Editing update
Product update announcing on-page editing for faster content changes without opening the full editor.
framer.com/updates·3 min
ArticleAdvancedFREE
How to Use a Headless CMS With Framer
LaunchNow overview of Contentful, Sanity, Strapi, and Hygraph patterns for content-rich Framer sites.
launchnow.design·11 min
ArticleIntermediateFREE
White Label Framer: How Agencies Scale Client Projects
Agency workflow article on white-label Framer delivery — relevant when CMS handoff and repeatable systems matter.
launchnow.design·9 min
ArticleAdvancedFREE
Build a Framer careers page with Lever
BRIX guide: Fetch vs Make CMS Sync vs Server API to turn Lever jobs into Framer CMS careers pages.
brixtemplates.com·12 min
ArticleAdvancedFREE
Automate Framer CMS inventory via Google Sheets + Make
DEV Community walkthrough syncing spreadsheet inventory into Framer CMS with Make.com for live catalogs.
dev.to·11 min
ArticleIntermediateFREE
How to Connect a Framer Front-End to a Bubble Database and Redirect to Bubble
A no-code/low-code tutorial that wires a Framer form to a Bubble backend via the Bubble Data API, then redirects the user based on the returned record.
medium.com/@ketanmk26·3 min
ArticleBeginnerFREE
How to install Google Analytics in Framer
BRIX Templates walks through setting up Google Analytics 4 on a Framer site, from creating a GA4 property to pasting the Measurement ID and verifying that data is flowing.
brixtemplates.com·21 min
ArticleBeginnerFREE
How to install Google Tag Manager in Framer
This BRIX Templates guide shows how to create a GTM container, place the head and body snippets in the right Framer custom-code slots, and confirm the container loads.
brixtemplates.com·16 min
ArticleAdvancedFREE
Development of a custom API layer for Framer CMS integration
A case-study walkthrough of building a Node.js middleware and PHP client that consume Framer CMS data, cache it, and distribute it securely to websites and mobile apps.
dev.to·4 min
ArticleIntermediateFREE
Build Full Web Apps & Auth Systems in Framer with Framergenie + Supabase + Supasync
Introduces the Framergenie plugin for auth, dashboards, and live forms, plus Supasync to sync Supabase tables directly into Framer CMS.
medium.com·2 min
ArticleIntermediateFREE
How to Add a Redirect from Shopify Checkout to Framer
Send shoppers back to your Framer storefront from the Shopify checkout by editing theme.liquid and injecting a small redirect script.
insertframe.io·5 min
ArticleBeginnerFREE
How to Create a Dynamic Website Using Framer Fetch
Use Framer Fetch to pull live API data — like currency prices or weather — into text layers and components without writing code.
allaboutframer.com·10 min
ArticleBeginnerFREE
How to Add Payment Buttons & Pricing Tables to Your Framer Website (No Code Required!)
A beginner's guide to adding real payment buttons and SaaS pricing tables in Framer using the Creem plugin, without writing code.
dev.to·12 min
VideoBeginnerFREE
Build an Employee Directory in Framer Using Airtable: Beginner Tutorial
Connect an Airtable base to Framer to power a searchable, filterable employee directory without writing custom backend code.
youtube.com/@lukas-margerie·22 min
VideoIntermediateFREE
Framer Ecommerce Build With Shopify | Tutorial with Frameship
David Alex builds a Shopify-powered store inside Framer with Frameship, covering product sync, custom fields, and integration limits.
youtube.com/@meetdavidalex·10 min
ArticleIntermediateFREE
Fetch for developers
Framer.dev guide to Fetch: adding dynamic API data to a Framer site without code on the canvas, plus best practices for backends and CORS.
framer.dev·10 min
ArticleIntermediateFREE
How to Connect Framer with Shopify: Full Setup Guide for E-commerce
Insert Frame's Frameship docs walk through connecting a Shopify store to Framer: sync products into a CMS collection, build product detail pages, add a cart, and publish.
insertframe.io·10 min
ArticleIntermediateFREE
How to Build a Lead Qualification Form in Framer (with Slack Routing)
A step-by-step guide to qualifying leads in Framer and routing high-intent submissions to Slack or Discord via webhooks, with an optional Lead Form plugin.
dev.to·10 min
ArticleAdvancedFREE
Framer & Wordpress, sittin' in a tree...
A code-heavy Substack post that turns WordPress into a headless CMS for Framer, fetching posts with overrides and adding lazy-loaded, infinite-scroll lists.
maxsteenbergen.substack.com·8 min
ArticleIntermediateFREE
Framer Commerce
Framer Marketplace plugin that connects Shopify stores to Framer, syncing products and metafields into the CMS and providing e-commerce components, filters, and checkout.
framer.com/marketplace·8 min