How to create a Wordpress to Webflow migration with PowerImporter

A Wordpress logo leading to a Webflow logo with a sync arrow

To get started, you will need to access to:
- your PowerImporter account here
- your Wordpress website
- your Webflow account, and have a CMS collection set up for your blog content.

This is a reminder of what you can export from Wordpress to Webflow CMS:
- Post title
- Post content
- Featured image
- Slugs
- Authors
- Categories
- Tags
- Published date

Remember the export can only be made:
- from Wordpress posts (not pages)
- to a Webflow CMS site with a collection already set up for the content you are importing from Wordpress (not static pages).

View the video tutorial:

Follow the step-by-step instructions below:

STEP 1 CREATE A NEW SYNC IN POWERIMPORTER
- Once you have created your PowerImporter account, navigate to "Syncs" on the top right corner.
- Choose the "Wordpress to Webflow migration"
- Click on "Create a migration for Wordpress" to create your first Wordpress to Webflow sync

A screenshot of PowerImporter sync creation options

PowerImporter will take you through all the steps from now on :-)

STEP 2 CONNECT TO WEBFLOW
First method to connect your Webflow site in PowerImporter

- The easiest connection method is with OAuth, by clicking on "Login"

This is how the authorisation window will look like when you click on "Login"

A screenshot of the Webflow connection with PowerImporter

- Choose the website you want to connect in PowerImporter.
- Click on "Authorise App"
- You will be taken back to PowerImporter
- Choose your website from the list in PowerImporter

A screenshot of PowerImporter when choosing a connected Webflow site

- Click on Save and Continue
- Scroll down directly to Step 3 here
Please note that if your connected Webflow site does not have collections set up, you will see this error message:

A screenshot of PowerImporter showing the error message when a webflow site does not have CMS collections set up

Second method to connect your Webflow site in PowerImporter
You can also choose to use an API token (this is not the recommended method):
- Click on "Add new site" > Save and Continue

A screenshot of PowerImporter creating a Wordpress migration and connecting Webflow

- You will need to create a V1 token in Webflow.
- Log into your Webflow account here and access the website you want to migrate your Wordpress blog to
- Follow these Webflow instructions on finding your API key: https://university.webflow.com/lesson/intro-to-webflow-apis?topics=cms-dynamic-content#generating-an-api-access-token
- Click on "Generate V1 token"
- You can ignore the warning message about switching to V2 tokens.
- Make sure you copy your token immediately, as it won't be retrievable afterwards. If you forget to copy your token, just click on "Revoke" and create a new one.

A screenshot showing how to add a V1 Webflow access token when creating a migration between Wordpress and Webflow in PowerImporter

- Go back to PowerImporter
- Enter your API token in PowerImporter and click on "Save and Continue"

A screenshot showing how to configure Weblow when creating a migration between Wordpress and Webflow in PowerImporter

STEP 3 UPLOAD YOUR WORDPRESS EXPORT FILE
- You will now prepare and upload your XML file containing your Wordpress website data.
- Click here to see how to prepare your data in XML before uploading.

A screenshot of PowerImporter creating a Wordpress migration and uploading a Wordpress XML file

Please read the instructions carefully. You must use the recommended plugin as the PowerImporter data parsing has been crafted based on the file structure of this specific plugin export.
- Once you have uloaded your XML file, click on Save.

STEP 4 MAP YOUR WORDPRESS DATA CATEGORIES TO WEBFLOW COLLECTIONS
- Your Wordpress data and Webflow collections will appear automatically in each section.
- Choose the Wordpress data categories you want to sync on the left-hand side.
- Choose the Webflow collection(s) you want to sync each wordpress data field to on the right-hand side
- Once all has been set up correctly, you will see a green "Mapped" field appear.
- Click on "Save"

A screenshot of PowerImporter creating a Wordpress migration and mapping Wordpress data to Webflow collections

STEP 5 MAP YOUR WORDPRESS FIELDS TO WEBFLOW FIELDS
- Your Wordpress and Webflow fields will appear automatically in each column (Wordpress: left column; Webflw: right column).
- Choose the Wordpress data fields you want to sync on the left-hand side.
- Choose the Webflow fields you want to sync each wordpress data field toon the right-hand side
- Once all has been set up correctly, click on "Save"

A screenshot of PowerImporter creating a Wordpress migration and mapping Wordpress data fields to Webflow collection fields

You are now ready to do your migration!

STEP 6 RUN YOUR MIGRATION
- You can choose to run your migration immediately, or conduct a "Test & Review", which we recommend.
- When you are ready, click "Import", and see the magic happen!

A screenshot of PowerImporter creating a Wordpress migration and being ready to run the migration

Please note you can always come back later on and amend any of your setups by clicking on "Edit".
You can also delete your migration by clicking on "Delete". Please note all workflow data is lost once you have deleted it.

A screenshot showing how to to edit or delete a migration between Wordpress and Webflow in PowerImporter

Good luck with migrating your Wordpress blog to Webflow!

powerimporter icon large size

Ready to experience effortless migrations between Wordpress and Webflow CMS?