How to move a Framer site to WordPress
A practical Framer migration guide covering layout, articles and projects, animations, content editing and checks before launching on WordPress.
By AnythingTo · Updated
Bring your Framer design and content into WordPress, then check how it looks, edits and works. Pay particular attention to animations and interactive features, which may need rebuilding.
Prepare a public site and a representative page set
Start with a published Framer URL that you own or are authorised to migrate. List ordinary pages and CMS item pages, including pages that are not reachable through the main navigation. Keep screenshots of the original desktop and mobile layouts.
Choose a few difficult pages for your initial review: a CMS detail page, a page with sticky elements, a long page and a page with interactive components. Testing only a simple homepage can hide the parts of the site that will need manual work.
Check how CMS pages are grouped
Check that related pages, such as projects or articles, are grouped together for editing in WordPress. Compare the imported items with your original collections, including items with unusual addresses or layouts.
Check that each item has the intended title, image, body and URL. Then add a new item in WordPress and check whether it appears where you expect. Pagination, category filtering and search deserve separate tests; finding a set of detail pages does not prove those features have been rebuilt.
| Check | Why it matters |
|---|---|
| Collection item count | Linked and reachable pages may be only part of the collection |
| Editing labels and content | Your team needs to understand what to change and where |
| Listing behavior | Future content should appear without rebuilding the page |
| Item URLs | Existing links need a matching route or tested redirect |
Treat motion and interaction as a separate job
Entrance effects may become still elements in their finished position, while hover effects and interactive components may need rebuilding. Check what happens when you use the page, as well as how it looks.
Record the interactions you need before migration. A decorative entrance effect may be optional, while a menu, pricing switch or contact flow is essential. Decide which effects can be simplified and which must be rebuilt, and test the replacement with a keyboard as well as a pointer.
- Open and close the mobile navigation.
- Test hover and focus states on buttons and cards.
- Review sticky elements and scrolling on a phone.
- Submit forms and check the destination.
- Check embeds and any custom code against the new domain.
Review the WordPress editing experience
The WordPress editor differs from the Framer canvas. Ask the people who will maintain the site to try updating text, replacing an image and adding a new item. Make sure everyday changes are easy for them.
Test with realistic content: a longer headline, a portrait instead of a landscape image and an item with a missing optional field. These checks are more useful than approving only the original content, because they show whether the rebuilt layout tolerates normal editing.
Plan the final domain change
Use a preview or staging copy until your content, mobile layouts and essential interactions pass review. Prepare URL mapping and check page titles, descriptions and canonical URLs. Keep your original site available for rollback while you verify the new live site.
For AnythingTo beta access, submit your Framer URL and describe the CMS and interactions you rely on. This gives us a clearer starting point than a URL alone. Existing account holders can run conversions and review the result before choosing a hosting plan.
Planning a conversion?
We’re in beta. Share your website and what you’d like to move, then leave your email so we can follow up. Already have an account? Sign in to start a conversion.