Post a job, get started with SoftwareSupp and get free $100.
Post a job

An Ultimate Guide to Migrating from WordPress to Webflow

Rhami Aboud

Certified Webflow Freelancer

Rhami has a track record of leading a Webflow-only Development Agency focusing on B2B Start-Ups.

5 min read

written by

Rhami Aboud

Certified Webflow Freelancer


Rhami Aboud | Webflow Developer

Migrations have a lot of variables to consider, usually more than a single designer can handle.

In this article, we'll go over how to migrate from WordPress to Webflow, along with tips and best practices.

Guide to Migrating from WordPress to Webflow

To start, what is WordPress?

WordPress is a Content Management System (CMS) that makes it easy for anyone to publish a blog. It has a huge user base and a very active community and is used by over 28% of the top 10 million websites in the world.

What is Webflow?

Webflow Review: Features, Pricing, Comparison - Bubble

Webflow is the only tool that lets you visually design a mobile-ready website or app, without writing code. It's built to help you quickly create high-quality, responsive websites without any coding skills.

Why would I want to move from WordPress to Webflow?

Here are a few top reasons why people choose to move from WordPress to Webflow.

  • No coding skills required
  • A simple, clean interface that doesn’t get bogged down by hundreds of confusing settings
  • Website or app design & development in one app
  • Responsive web design and fast mobile

What is a migration?

A migration is the process of moving data from one source (WordPress) to a new one (Webflow). In this case, the data being moved is WordPress website data, such as posts, pages, categories, tags, and other data.

Migrations from one platform to another can be difficult, but with the right preparation, you can reduce the workload significantly.

Why is WordPress a difficult CMS to migrate from?

WordPress is a very popular CMS that has a huge user base, and hundreds of plugins and themes that are constantly being updated. The more popular a CMS is, the more likely problems will arise during the migration process.

What makes WordPress a difficult platform to migrate from?

  • Plugins
  • Plugins are what make WordPress unique, but they also make it complicated to migrate
  • Plugins can have a huge impact on your blog, and are a ʺticking time bombʺ that can explode at any time
  • Every plugin could have bugs and issues, and many of them won't work as expected in Webflow
  • There are currently over 45,000 plugins in the WordPress plugin directory, which means there are many reasons to migrate
  • Plugins that aren't properly documented can be very challenging to migrate
  • It's hard to know what functionality you will lose

Crucial steps for successful WordPress migration to Webflow

1. Setup your website in Webflow

How to build a website in Webflow in 3 hours (or less) | Webflow Blog

First, you'll want to build a basic website in Webflow, setting up your website's home page and about page.

This will allow you to familiarize yourself with the Webflow interface before the migration process.

You can build your Webflow website by using a free or paid template and match your old website's style.

You can also hire a Certified SoftwareSupp Freelancer to develop a website for you.

2. Make the fonts match

How to use custom fonts from Adobe Fonts in Webflow | Joe Chiang

Before you start migrating your website, you'll want to make sure your website's fonts match your WordPress fonts. It's important to match the fonts in your WordPress and Webflow templates, so that you don't lose your brand identity.

To do this, you'll want to work with your Webflow designer to make sure the fonts match exactly. This can be done by matching the font-weight, font-style, and font-size. To learn more about fonts in Webflow, check out our guide on Fonts & Typography in Webflow.

3. Keep an up-to-date backup

BackUpWordPress – WordPress plugin | WordPress.org

It's important to keep ʺbackupsʺ of your website in case something goes wrong during the migration process.

Backups are a great way to protect your data in case the migration process starts to have issues. If your site becomes corrupted during the migration, you'll be able to recover any corrupted data.

4. Move your Archive Pages

Edit” option for custom post types archive page WordPress - Stack Overflow

Archive pages are the pages on your website that store your content. In WordPress, these are typically your blog posts and pages. In Webflow, they are your webpages that include webpages as webpages and content blocks as content blocks.

When moving your archive pages into Webflow, you'll want to make sure they include all the data they need. It's important to migrate archive pages with all of their data and metadata, not just their content.

5. Migrate your posts

New feature: CSV import | Webflow Blog

When migrating your posts, you'll want to look at the individual posts and decide which posts to migrate and which posts to keep ʺas is.ʺ

Migrating posts can be challenging, and you'll want to make sure the posts are properly migrated and formatted before you move the rest of your content.

6. Migrate your pages

Start Here - Jobs - Webflow HTML Website Template

To migrate pages in WordPress, it's a good idea to go over each page and choose which pages should remain and which pages should be deleted.

There are typically a lot of pages on a WordPress website that aren't needed anymore, and should be deleted before migrating the rest of the website.

7. Migrate your media (images, videos, audio)

How to add a Social Media Feed to Webflow | 3-step Guide

You'll want to go through each of your media assets and decide if they should remain on the website, or if they should be deleted.

When deciding whether or not to keep your media, you'll want to think about how valuable the assets are, and if they align with your current brand image.

8. Migrate your categories, tags, and links

E-Commerce Categories - Category VS Categories - CMS - Forum | Webflow

WordPress has a lot of custom meta data, and moving this data is crucial to correctly migrating your website.

Make sure you have a good understanding of your current website, and it's categories, tags, and links. If you don't, you might end up missing some important data.

You'll want to make sure you have a strategy for properly migrating your categories and tags. You can do this by first moving your categories and tag pages into the CMS, then moving your categories and tags into the content blocks.

9. Test your migrated website

Share a read-only link of your project from the Designer | Webflow Features

It's important to test your website before migrating your website to Webflow. Make sure that you're able to edit your website after migrating everything, and to confirm every piece of content is where it should be.

Conclusion

Migrating your content from WordPress to Webflow can be time-consuming and challenging; it requires a lot of forethought and planning.ʺ It's important to plan your migration before you move over any of your content.

When executing a migration that's successful, you'll be able to enjoy all of the benefits of a Webflow website.

Testing is incredibly important because it can make or break your migration. When testing your migrated website, you'll want to make sure you open up your website and make sure everything looks exactly how you want it.

Share Article

written by

Rhami Aboud

Certified Webflow Freelancer


Post a job and start work with certified experts.

Post a job

You might also be interested in these