Migrating from WordPress to Webflow CMS

With CSV import, migrating from WordPress to Webflow is easier than ever. This tutorial will walk through the basic steps to migrate existing WordPress database to a Webflow CMS site and point out resources to help you out.

Before getting started
In this tutorial

Migrating content from WordPress to Webflow happens in 3 basic steps:

  1. Downloading a WordPress plugin to export your content in a CSV (we used WP CSV, but there are many options)
  2. Creating a Webflow project and adding hosting (if necessary)
  3. Uploading your CSV and configuring your Collection structure in the Webflow CMS
  4. Working with the CMS. This tutorial shows you how to import and map the database. Next, you'll recreate the design and pages in Webflow.

Step 1 — Export your WordPress content

By default, WordPress exports your content in XML format, but there are many plugins available that let you export specific content types and fields as a CSV.

For this example, we are going to use WP CSV (but there are many other options).

Downloading the plugin

To add the plugin to your site, find the Plugins tab in the left panel of your WordPress admin dashboard, then click "Add new" and search for WP CSV.

Search for WP CSV on the plugin marketplace.
Hit "Install Now" to add the CSV export plugin to your site.

Activating the plugin

Once the plugin is downloaded, you need to activate it on your site in order to use it.

You need to activate the plugin to use it on your site.
Once you activate the plugin, you can start exporting your content.

Configuring your export settings

Now that the plugin is installed and activate, you need to go to the WP CSV settings to specify what content you want to exclude from your export. Once you configure your export settings, be sure to save.

Check all the content types that you want to exclude from export.
Note that you are choosing which content types you want to EXCLUDE from export. In this example, I am only including my published posts.

Downloading your CSV

The final step is hitting Export and downloading the CSV of all your WordPress content, which you can then import to Webflow in the next steps. To start the export process, go to the Export panel in the WP CSV plugin, then click "Export." Your CSV will download to the browser when finished.

If you can, please support the WP CSV plugin by making a donation!

Step 2 — Creating a Webflow project

If you don't already have a Webflow account, go ahead and sign up. You can experiment with CSV import for up to 50 items for free, and will need to add CMS or Business hosting to go beyond this. For full details on the features of each hosting plan, view our pricing.

Step 3 — Importing your CSV to Webflow

Once you've created a site and added hosting, you can import your content to a CMS Collection (which means a content type). To do this, open the Collections panel and click the new Collection button.

First, create a Collection for each content type you want to import. Collections are "content types" in Webflow.

The next step is naming your Collection and setting the URL path for each item. You don't need to define your fields yet — you can do this during the mapping phase.

Name your Collection based on the type of content you are importing (e.g. blog posts, authors, etc.).
Name your Collection based on the type of content you are importing (e.g. blog posts, authors, etc.).

Once you've created the Collection that you want to add content to, click the Import button.

Let the importing begin!

Now drag or upload your CSV into the import modal.

Darg on or upload your CSV to the upload modal.
Drag that CSV right onto the modal.

Once you've uploaded your CSV, you'll need to specify whether or not the first row is a header row or not. Setting the header row will exclude it from being imported as a CMS item.

‍Setting the header row will exclude it from being imported as a CMS item.
‍Setting the header row will exclude it from being imported as a CMS item.

Mapping CSV fields to CMS fields

Once you've set the header row, you need to map the fields from your CSV to fields in the new Collection. By default, each item has a slug field and a name field which can be mapped to. All other fields can be created on the fly as you're mapping the content.

Map the fields on your CSV to new or existing fields in the Collection.
Map the fields on your CSV to new or existing fields in the Collection.

Once you've mapped all your fields, click the "Import" button to move your content into the CMS. Depending on the size of your CSV, this can take a few seconds.

Working with the CMS

Now that you've got your content in the Webflow CMS, you can start designing with it right on the canvas. If you're new to the Webflow CMS, you can check out our CMS video course or read the documentation to get started.