Founder of Goodspeed
Last updated 14 October 2026 · By Harish Malhi, founder of Goodspeed
Migrating to Framer means rebuilding your design, importing your content into Framer CMS, and redirecting every changed URL before you switch your DNS.
Your site has fallen behind the company, and you can’t afford to lose the traffic it already earns. This guide shows you how to make the move without losing it.
Key takeaways
The real win is speed: with Framer’s AI agent, and tools like Claude Code connected to it, your marketing team builds and updates pages itself instead of waiting on an engineer.
There is no automatic converter. Layouts are rebuilt in Framer, and content is imported by CSV or a plugin.
Your rankings depend on the redirect map. Every URL that changes needs one permanent redirect straight to its new page.
WordPress and Webflow need different steps. Plugins and interactions are where most of the extra work sits.
You don’t have to switch everything at once. Framer’s Advanced Hosting lets you move page by page.
Plan on about five weeks for a typical marketing site, then 30 days of monitoring after launch.
Rather have it done for you? Goodspeed migrates sites to Framer from $10k, in about 5 weeks, with the redirect map signed off before anything moves, 30 days of monitoring after launch, and the audit fee credited to the build. Get your migration plan, or map your URLs yourself first with our free migration planner.
Why Teams Move to Framer: Build With AI, Not a Dev Queue
Most teams move to Framer to stop waiting on engineering. On WordPress or a coded site, a new landing page or a copy change joins the developer queue. On Framer, the marketing team builds it, often with AI doing the heavy lifting.
Build with AI instead of a dev queue
Describe it, then refine it. Framer's AI agent creates editable pages, sections, copy and visuals from a prompt, directly in your project. You adjust the result on the canvas rather than briefing a developer.
AI that works on your content. The agent can create CMS collections, fill them with content and build small code components for interactions or live features.
A review before you publish. Ask the agent to check the site for SEO gaps, missing alt text, contrast issues and typos.
Bring your own AI tools. Framer connects to external agents such as Claude Code and Codex, so the AI your team already uses can work on the site too.
And the basics are handled
Hosting, SSL, a global CDN and image optimisation are built in, so there is no server or plugin stack to look after.
Design and build happen in one place, so animations and responsive layouts don't need a separate development hand-off.
The payoff is pace. Zen Educate, a Series B edtech working across the UK and US, moved to Framer with us and now runs 10x more growth experiments without waiting on engineering.
Before You Migrate
A safe migration starts before you open Framer. The aim is to know exactly what you have, so nothing gets lost in the move.
Audit every URL and piece of content
List every indexed page with Screaming Frog or Google Search Console. Our free migration planner does this from your sitemap and shows which URLs keep their path.
Export your content: posts, CMS items, images and files.
Decide what not to move. Thin, outdated or duplicate pages can be merged or retired, with a redirect to the closest match.
Back up everything
Content and media: all text, images and downloadable files.
SEO metadata: titles, meta descriptions, alt text and structured data. These often don't come through in a CMS export, so crawl the live site to capture them.
Forms and integrations: every form, where its data goes, and every tracking script.
Record your SEO baseline
Rankings for your most valuable pages and keywords.
Organic traffic and conversions by page, so you can compare after launch.
Pages with backlinks, because those are the URLs you can least afford to break.
For a full list of checks, use our SEO migration checklist.
Rebuilding Your Site in Framer
Framer doesn't import another platform's theme or code, so the design and layouts are rebuilt. Done well, this is where the site catches up with the company.
Build privately first
Build the new site in a Framer project that isn't connected to your domain yet. Visitors and search engines keep seeing the old site until you're ready to switch.
Start with one representative page
Rebuild a page that includes your navigation, repeated sections, CMS content, a form and responsive layouts. Turn those parts into reusable components, then build every other page from them. It keeps the site consistent and makes new pages quick to add later.
Rebuild forms and tools
Recreate forms, lead capture and third-party embeds, then reconnect your CRM, analytics and tag manager. Submit a test entry through every form and check it arrives in the right place.
Test before launch
Browsers: Chrome, Safari, Firefox and Edge.
Devices: real phones and tablets, not just a resized browser window.
Speed: run Lighthouse or PageSpeed Insights on your key pages.
Links: crawl the staging site for broken internal links.
Moving Your Content Into Framer
There is no one-click converter, but there are three practical ways to get content in.
CSV import
Framer CMS imports CSV files, which is the main route for most migrations. Export each collection from your current CMS, create a matching collection in Framer, then import one collection at a time. Test a small set of representative items first, and import collections that others reference, such as authors or categories, before the ones that point at them.
WP Sync for WordPress
WP Sync is a Framer marketplace plugin that imports WordPress posts, custom post types and WooCommerce products into Framer CMS, with images and rich text, and can re-sync later. It doesn't import WordPress pages, so those are rebuilt.
HTML to Framer
Framer's HTML to Framer Chrome extension copies sections from your existing site and pastes them into Framer as editable layers. It brings across layout and styling, a few elements at a time, but not animations or behaviour. It's useful for rebuilding simple pages quickly.
After any import, check formatting, embeds and images by hand. For modelling collections properly, see our CMS migration guide.
Mapping Old URLs and Setting Up Redirects
This is the step that protects your traffic. Any URL that changes without a redirect sends visitors and search engines to a 404, and the rankings that page earned go with it.
Build the redirect map
Keep URLs the same wherever you can. Framer pages can sit in folders, and a CMS collection page lives at one path plus a slug, such as
/blog/:slug.Redirect every URL that changes with a permanent redirect straight to its new page. Dated blog paths, capital letters, underscores and
.htmlendings are the usual culprits.Avoid redirect chains. Each old URL should point directly at its final destination, not at another redirect.
Don't send retired pages to the homepage. Point them at the closest relevant page, or let them return a 404 if there is none.
How redirects work in Framer
Redirects live in Site Settings under Hosting. Framer supports exact, wildcard, capture-group and named-parameter redirects, so a whole folder can move with a single rule. To add many at once, the Redirect Sync plugin imports a CSV with from and to columns. Check which redirect features your Framer plan includes, then test the response and destination of every changed URL before launch.
Worried about losing traffic? We sign off the redirect map with you before anything moves, then monitor rankings and redirects for 30 days after launch. Get your migration plan, or see which of your URLs keep their path with our free migration planner.
Migrating From WordPress
WordPress sites carry the most hidden work, because so much of what they do lives in plugins.
Export your content. Use Tools › Export, or WP Sync to bring posts straight into Framer CMS.
Copy the media library. The export links to images rather than including them, so download
wp-content/uploads.Capture SEO fields. Yoast or Rank Math titles and descriptions often miss the export, so crawl the live pages.
Map your permalink structure. Dated paths like
/2024/05/post-namebecome/blog/post-namein Framer, with a redirect for each.Replace every active plugin using the table below.
WordPress plugin | In Framer |
|---|---|
Yoast or Rank Math | Page and CMS SEO settings for titles, descriptions and social images |
Contact Form 7, Gravity Forms | Framer Forms, or your CRM's form embed such as HubSpot |
Redirection | Redirects in Site Settings, or the Redirect Sync plugin |
WP Rocket and caching plugins | Not needed: hosting, CDN and image optimisation are built in |
Elementor or other page builders | The Framer editor and reusable components |
Advanced Custom Fields | Framer CMS collection fields |
WPML or Polylang | Framer's built-in localisation |
Security plugins | Not needed: Framer manages hosting and updates |
WooCommerce | Keep a store platform such as Shopify alongside Framer |
For the full walkthrough, read WordPress to Framer, step by step.
Migrating From Webflow
Webflow and Framer work in similar ways, so the structure carries over cleanly. The work is in rebuilding, not untangling.
Export each CMS collection as CSV from the Webflow CMS panel, and download your images, which stay on Webflow's CDN.
Copy your existing 301 redirects from Webflow's site settings and merge them into the new map, so nothing chains.
Rebuild interactions and animations in Framer. They don't export.
List custom code and embeds, then re-add them in Framer's custom code settings or as components.
Keep collection paths the same. A Webflow
/blog/post-namemaps directly to a Framer/blog/:slugpage, so most CMS URLs need no redirect.
For the full walkthrough, read Webflow to Framer, step by step.
Moving Page by Page With Advanced Hosting
You don't have to switch the whole site in one go. With Framer's Advanced Hosting, Framer serves the pages you've finished while every other URL keeps loading from your existing site. You move section by section, and visitors never see a gap.
It suits larger sites, sites with several language versions, and teams that can't freeze publishing for weeks. Advanced Hosting is available on higher Framer plans and included with Enterprise, so check availability before you plan around it.
This staged approach is how we moved Zen Educate: page by page across its UK and US sites, with zero downtime. Read the Zen Educate case study.
Launch Day and the Weeks After
Launch day
Import the redirects and publish.
Point your domain at Framer. Change only the DNS records Framer asks for, and leave others, such as email records, untouched. Changes can take up to 48 hours to reach everyone, so launch at a quiet time.
Test your top pages and old URLs, and submit a test entry through every form.
Submit the new sitemap in Google Search Console.
Week 1
Check Search Console every day for 404s and crawl errors, and fix any missing redirects straight away. Confirm analytics and conversion events are firing.
Weeks 2 to 4
Compare rankings, organic traffic and conversions with your baseline. Some movement is normal while search engines recrawl, but a steady drop on a page usually points to a missing redirect or changed content.
After 30 days
Keep every redirect in place. Google recommends keeping them for at least a year after a site move. Then start using what you migrated for: new pages, faster tests and a marketing team that publishes on its own.
Common Pitfalls, and When Not to Move to Framer
Pitfall 1: treating redirects as an afterthought
Framer won't map your old URLs for you. Build the redirect map first, test it before launch, and keep similar URL structures wherever you can.
Pitfall 2: losing data mid-migration
Back up content, media and SEO metadata separately before you start, and keep the old site intact until the new one has been stable for several weeks.
Pitfall 3: skipping real-device testing
Google indexes the mobile version of your site. Test on real phones, run Lighthouse on key pages, and compress large images and scripts.
When not to move to Framer
Framer isn't the right home for every site. Think twice if:
Your site is mainly a store. Framer handles product pages and checkout buttons, not inventory or a full storefront.
Your site behaves like an app, with logged-in users, dashboards or heavy custom logic. A coded framework such as Next.js fits better.
Your content runs to many thousands of items. Check Framer's CMS limits against your largest collections first.
A dedicated developer already runs the site happily and marketing doesn't need to edit it. The move may not pay for itself.
FAQs
Is there an automatic converter from WordPress or Webflow to Framer?
No. Layouts are rebuilt in Framer. Content can be imported by CSV, WordPress posts with the WP Sync plugin, and simple sections copied with Framer's HTML to Framer extension.
How much does a Framer migration cost?
It depends on the number of pages, collections and integrations. Goodspeed migrations start from $10k with a fixed quote, and the audit fee is credited to the build.
Will I lose my SEO rankings if I migrate to Framer?
Not if the redirect map is right. Permanent redirects, carried-over metadata and similar URL structures remove most of the avoidable risk. Some temporary movement is normal while search engines recrawl the new site.
How long does a Framer migration take?
A full migration, including the audit, redirect map, rebuild and QA, usually takes three to six weeks. Goodspeed migrations take about five weeks, followed by 30 days of monitoring.
Can I keep my existing URLs?
Mostly, yes. Framer pages can sit in folders, and CMS pages use a collection path plus a slug. URLs with dates, capital letters or file endings need a redirect.
Does Framer support wildcard redirects?
Yes. Framer supports exact, wildcard, capture-group and named-parameter redirects, so you can move a whole folder with one rule. Check which redirect features your plan includes.
Can I move to Framer one page at a time?
Yes, with Framer's Advanced Hosting, which serves your finished Framer pages and falls back to the old site for everything else.
Will my forms and integrations keep working?
Not automatically. Reconnect your CRM, email platform and analytics, submit a test entry through every form, and check conversion events fire on the new site.
Will my domain be affected?
Your domain stays the same. You update its DNS records to point at Framer's hosting, and leave records such as email untouched.
Can I run a multilingual site on Framer?
Yes. Framer has built-in localisation. Include every language version's URLs in the redirect map so each one lands on its matching locale.
Do I need a developer to make changes after the migration?
No. Framer's CMS and editor let marketers update content and build pages without code.
Get Your Migration Plan
Done well, a move to Framer gives your team a site that matches the company, keeps the traffic you've earned, and stops waiting on developers for everyday changes.
If you'd rather not risk your rankings on the switch, we'll run it for you. We audit first, sign off the redirect map with you, rebuild in about five weeks, and monitor for 30 days after launch. We moved Zen Educate, a Series B edtech across the UK and US, page by page with zero downtime. We're a Framer Enterprise Expert, rated 5.0 on Clutch, and 90% of our clients stay past the first project.
Get your migration plan, or see which of your URLs keep their path with our free migration planner.
Keep reading: the SEO migration checklist, the SEO migration strategy guide and our CMS migration guide.
Written By
Founder of Goodspeed
Share this article
