1. Pre-Migration Checklist
Before touching Webflow, get your house in order.
This step alone prevents 80% of migration headaches.
a. Create a full content inventory
List every page, blog post, and content type.
Put it in a spreadsheet with columns like:
- URL
- Page name
- Purpose
- Keep / update / delete
This is where teams usually discover 30–40% of pages are useless.
b. Generate a complete URL list
Use any sitemap generator tool.
Export the URLs → drop them in your spreadsheet.
You’ll use this later for redirects.
c. Extract all SEO metadata
You need your current:
- Meta titles
- Meta descriptions
- Open Graph titles/descriptions (optional)
Use a tool like a meta extractor.
Export everything into a CSV — this becomes your SEO safety net.
d. List all plugins & integrations
Document every plugin and embed on your WP site:
- Forms
- Analytics
- Pop-ups
- SEO plugins
- Chat widgets
Then map: Old WP feature → New Webflow solution.
e. Back up WordPress
Full backup of files + database.
You’ll probably never need it, but you’ll sleep better.
2. Exporting from WordPress
You need your content + your media + your SEO in formats Webflow can use.
a. Export posts/pages as CSV
Use WP All Export (recommended).
Export fields like:
- Title
- Slug
- Content (HTML)
- Featured Image URL
- Publish date
- Categories/tags
- SEO fields (if your tool allows it)
Webflow only imports CSV, not XML.
b. Export all your media
Either:
- Download wp-content/uploads, or
- Use a “media export” plugin
Or if your CSV includes image URLs, Webflow can auto-import them.
c. Export custom content types
If you have testimonials, resources, events etc. — export each as its own CSV.
d. Verify your files
Open the CSV in Sheets.
Check formatting, broken HTML, missing fields, duplicate slugs.
3. Clean Up Your Data
Your exports will be messy. Fixing this now saves hours later.
a. Remove WP shortcodes & junk HTML
Remove things like:
[shortcode]
<div class="weird-theme-class">
Keep your content clean, simple, and in standard HTML.
b. Match CSV fields to Webflow fields
Rename your columns so they clearly correspond to Webflow:
- Name
- Slug
- Body
- Excerpt
- Featured Image
- Category
- Publish Date
- SEO Title
- SEO Description
c. Clean and normalize slugs
All lowercase, hyphens only, no special characters.
d. Prepare images
Inline images inside blog content won’t auto-import.
Make a plan to re-upload them after the import.
e. Split your CSVs
One CSV = one Webflow collection.
Static pages will be rebuilt manually.
4. Setting Up Webflow
Now you’re building the “empty house” your content will move into.
a. Create your Webflow project
Blank project or template — doesn’t matter as long as it fits your goals.
b. Build CMS collections
One per content type:
- Blog posts
- Case studies
- Resources
- Testimonials
- Authors
- Categories
Add fields that match your CSV.
c. Rebuild key static pages
Homepage, About, Contact, etc.
Use a global nav + footer.
Set global typography styles early.
d. Build CMS template pages
Design the blog post template, case study template, etc.
Bind elements to your fields:
- Heading → Name
- Rich text → Body
- Image → Featured Image
- SEO fields → meta fields
e. Replace plugin functionality
Webflow equivalents:
- Forms → Webflow Forms or HubSpot embed
- Pop-ups → Webflow interactions
- Analytics → Global custom code
- Search → Native Webflow Search
- Memberships → Memberstack / Outseta
f. Add third-party scripts
Paste them into the site settings (global) or embed components.
5. Importing Your Content
This is the moment of truth.
a. Import CSV into each collection
Map columns to fields.
Webflow fetches images automatically if URLs are valid.
b. Fix formatting issues
Check a handful of imported items:
- Proper paragraphs
- Correct images
- Proper headings
- Correct SEO fields
c. Fix missing relationships
Categories and tags may need manual re-linking.
d. Add static pages manually
Copy-paste content → add images → style.
6. Preserve Your SEO
This is where most migrations go wrong.
Don’t skip any of this.
a. Import/set all SEO titles & descriptions
Static pages → Page settings
CMS items → Fields that auto-populate templates
b. Set up redirects
Every changed URL MUST have a 301.
Use your URL inventory to map:
Old URL → New URL
Use wildcard rules if you can.
c. Submit your new sitemap
Once live, go to Google Search Console:
- Submit sitemap
- Monitor crawl errors
d. Check all on-page SEO
Headings, alt text, structured data where needed.
7. Post-Migration QA
Treat this like a full launch checklist.
a. Test on staging
Check:
- Links
- Buttons
- Forms
- Interactions
- Blog posts
- Embeds
- Script-based tools (chat, analytics)
b. Test on live domain
Sometimes DNS/SSL introduces surprises.
c. Run a full crawl
Use Screaming Frog or Sitebulb:
- 404s
- Missing meta
- Missing alt text
- Redirect loops
d. Monitor analytics & Search Console
A small SEO dip is normal.
A sudden cliff means something broke.
8. Handover & Training
Make sure marketing can actually run the site.
a. Train editors on Webflow
Show them:
- How to update pages
- How to create blog posts
- How to upload images
- How to use drafts vs. published
- How SEO fields work
b. Share Loom videos
Short, task-based clips work best.
c. Set editor roles
Editor vs Designer.
Explain what they can’t touch.
d. Share ongoing maintenance tips
No plugins to update, but they should:
- Back up CMS exports monthly
- Monitor forms
- Review redirects occasionally
- Keep SEO fields fresh