Webflow is a user-friendly platform that is helping customers create skilled web sites with an intuitive visible editor. Alternatively, should you’ve had your web page for some time now, you can be in search of a extra versatile and complex answer, equivalent to WordPress.

Migrating from Webflow to WordPress can really feel like a frightening process, particularly in case your web page incorporates numerous content material. Alternatively, the method is easier than chances are you’ll assume, and you’ll be able to have your new WordPress web page up and working very quickly.

On this submit, we’ll get started via in short discussing the explanation why it’s possible you’ll wish to transfer from Webflow to WordPress. We’ll then stroll you via all the migration procedure.

Let’s get began!

Why You Will have to Imagine Shifting From Webflow to WordPress

Like maximum all-in-one web site answers, Webflow allows you to construct and release a web site with out a lot trouble. It serves as each a web site builder and website hosting supplier. Whilst this sounds very handy, it might also really feel a bit of restricting. Since each and every facet of your web page is controlled via the similar provider, it’s possible you’ll really feel limited when including new options or optimizing your content material.

An open-source Content Management System (CMS) equivalent to WordPress will provide you with extra freedom to customise. Whilst Webflow has a extensive vary of apps and widgets, it doesn’t evaluate to the wealth of plugins that WordPress has to supply.

With WordPress, you even have keep watch over over your internet website hosting and funds. You’ll be able to store round and select the suitable answer to your web site. Additionally, the WordPress software is loose, as are maximum of its to be had plugins. Due to this fact, migrating from Webflow to WordPress too can let you cut back your web site bills.

If you’re looking for a more flexible and advanced solution for your site, it might be time to make the switch to WordPress. 👀 Here’s how to get started 👇Click to Tweet

Issues to Imagine Ahead of Migrating From Webflow to WordPress

Whether or not you run a weblog or an ecommerce retailer, migrating a website can look like a hard and time-consuming process. Alternatively, the method doesn’t take that lengthy. Additionally, it’s conceivable to hold out the migration by yourself when you have get admission to to the suitable equipment.

Alternatively, ahead of you get started, there are a few things you’ll want to do. Let’s have a look at some very important arrangements to your Webflow to WordPress migration.

Discovering a WordPress Internet Host

As we discussed previous, some of the best things about using WordPress is opting for whichever internet host you need. Due to this fact, you’ll be able to make a choice a provider that meets your wishes in addition to your funds.

Whilst it can be tempting to go for a cheap hosting service, it’s possible you’ll wish to imagine getting managed WordPress hosting to your web page. This provider is generally pricier than different choices. Alternatively, it will let you boost your site’s performance and stay your content material protected.

At Kinsta, we provide a range of hosting plans to fit other budgets. Our controlled WordPress website hosting provider comes with a wealth of options, together with:

  • Fast and simple WordPress set up
  • Automated day by day backups
  • Hack and malware elimination
  • 24/7 beef up
  • Unfastened SSL certificates

We additionally be offering unlimited free migrations from all internet hosts to help in making your transfer enjoyable. Additionally, you’ll be able to use our user-friendly building software, DevKinsta, to design your first WordPress web site.

Preferably, you’ll have your new website hosting account all arrange ahead of you get started the migration. This preparation will help in making the method a bit of faster.

Backing Up Your Information

It’s essential to notice that you simply received’t in reality be transferring your content material from Webflow to WordPress all through the migration procedure. You’ll merely obtain a duplicate for your laptop after which add it to WordPress. Due to this fact, your Webflow web page will stay as is, so there’s no want to again up your content material.

Alternatively, you should still select to accomplish a backup simply in case one thing is going mistaken. To avoid wasting a backup on Webflow, you simply want to cling down Command + Shift + S (on Mac) or Regulate + Shift + S (on Home windows):

Saving a backup on Webflow
Saving a backup on Webflow

Webflow will then ask you to go into an outline to your backup. While you’re in a position, click on on Save. You’ll be able to then pass to Settings > Backups to ensure that your newest reproduction has been stored.

Migrate From Webflow to WordPress (in 6 Steps)

Now that you simply’ve arrange your website hosting account and made a backup of your knowledge, it’s time to transport your content material from Webflow to WordPress. On this instructional, we’ll stroll you via all the migration procedure that will help you release your new web page effectively.

Step 1: Set Up WordPress

Step one is to arrange WordPress. Maximum internet hosts be offering one-click WordPress installs with their plans, which you’ll be able to get admission to out of your website hosting account. This selection most often comes with a setup information that will help you entire the method in only some mins.

Then again, you’ll be able to obtain the tool manually from WordPress.org:

The WordPress.org homepage
WordPress.org homepage

You’ll then want to upload your WordPress files for your server. The method would possibly take a couple of mins. As soon as it’s in a position, you’ll be able to continue with the Webflow export to WordPress.

Step 2: Export Your Content material From Webflow

Now that you’ve WordPress arrange, you’ll be able to get ready the content material to your new web page. Thankfully, Webflow makes it tremendous simple to export your knowledge.

Alternatively, you’ll be able to’t export it all. Downloadable content material from Webflow contains internet pages, weblog posts, texts, embedded blocks, gallery pages, and photographs.

To export your content material, pass for your Webflow clothier and click on at the CMS Collections panel. Right here, you’ll be able to see the entire recordsdata and information for your Webflow server:

Webflow CMS collections panel
Collections panel in Webflow

Choose the gathering you need to obtain (e.g., weblog posts) and click on at the Export button close to the highest of your display. The content material might be downloaded for your laptop as a .csv report. You’ll be able to repeat this procedure for every other assortment you need to export.

Step 3: Import Your Content material Into WordPress

Your next step is to add your Webflow content material to WordPress. The CMS comes with an import software that allows you to add recordsdata in XML layout. Sadly, Webflow best lets you obtain content material as a CSV report.

Due to this fact, you’ll want to use a migration plugin for uploading CSV recordsdata into WordPress. We advise WP All Import:

Tye WP All Import plugin
WP All Import

So as to add the plugin for your web site, pass to Plugins > Upload New to your WordPress dashboard and search for the software within the seek bar.

Signal Up For the E-newsletter

Searching for WP All Import
Seek for WP All Import

Then, click on at the Set up Now button, adopted via Turn on. As soon as the plugin has been activated, navigate to All Import > New Import:

Install and activate WP All Import
Set up and turn on WP All Import

Click on at the Add a report possibility, then make a choice the CSV report you downloaded previous. The plugin will then stroll you during the import procedure.

For this instructional, we’re uploading the weblog posts from Webflow:

Importing blog posts from Webflow
Uploading Webflow weblog posts

The plugin will ask you to tug parts into the proper fields the use of a drag and drop interface:

Using the drag and drop interface in WP All Import
Drag and drop interface in WP All Import

As an example, you’ll want to drag the title of your submit (from the suitable) to the name box and postbody to the related space. You’ll additionally see choices for including taxonomies, equivalent to classes and tags, and configuring different settings, just like the submit standing:

Configure post settings in WP All Import
Configure submit settings

Be aware that those settings might be implemented to each and every submit to your report. Due to this fact, you received’t have to copy the method for each and every submit that you simply’ve imported.

Subsequent, you’ll be requested to outline a singular identifier for the posts to your report. You’ll be able to click on at the Auto-detect button to generate an ID:

Generate your unique identifier
Generate your distinctive identifier

In spite of everything, you’ll want to click on at the Ascertain & Run Import button to finalize the method:

Revel in outstanding WordPress website hosting beef up with our world-class beef up workforce! Chat with the similar workforce that backs our Fortune 500 purchasers. Check out our plans

Confirm and Run in WP All Import
Ascertain and Run

The plugin will help you know when the import procedure is entire:

You will be messaged when the import is complete
Import entire message in WP All Import

As soon as it’s in a position, you’ll be able to test your content material via navigating to Posts or Pages to your dashboard. You’ll additionally want to repeat the import procedure for every other Webflow recordsdata you downloaded.

Be aware that WordPress does now not beef up the automated import of pictures from different platforms equivalent to Webflow. Due to this fact, you’ll want to upload to your graphics manually or use a plugin equivalent to Auto Upload Images.

The Auto Upload Images plugin
Auto Add Photographs

This plugin will search for symbol URLs to your posts and pages. It’s going to then obtain the ones graphics and add them to WordPress, changing the URLs.

Step 4: Select a WordPress Theme

Sadly, you can not switch your Webflow web page’s design to WordPress. Alternatively, the popular CMS gives hundreds of beautiful themes to choose between.

WordPress theme page
Select a WordPress theme

WordPress themes are customizable, so you’ll be able to alter them to fit your wishes. Additionally, maximum of them are loose, even if some paid themes may also be reasonably inexpensive.

We advise spending a while customizing your WordPress theme and testing other choices. Alternatively, you’ll need to make a choice a responsive design, as this will likely let you be sure that your content material appears to be like nice on all gadgets.

Step 5: Configure Your WordPress Permalinks

Subsequent, you’ll want to configure your WordPress permalinks. They outline the construction of your web page’s URL.

To get admission to your permalinks, pass to Settings > Permalinks to your WordPress dashboard:

Access the permalink settings in the WordPress dashboard
Permalink settings in WordPress

As you’ll be able to see, you’ve got a number of choices. We advise that you choose Publish title. This fashion, your URLs might be composed of your area title and the slug you place for that individual web page or submit. Having quick and blank URLs can receive advantages your web page’s Seek Engine Optimization (search engine marketing).

While you’re in a position, click on on Save Adjustments. You’ll be able to now transfer directly to the overall step.

Step 6: Level Your Area to WordPress

Whilst you might have imported your web page to WordPress, your area (e.g., mysite.com) nonetheless issues towards Webflow’s nameservers. If you wish to stay the similar area, you’ll want to replace your DNS settings in order that your area issues for your new internet host’s servers.

You’ll be able to to find your host’s nameservers to your website hosting account. They normally glance one thing like this:

  • ns1.yourwebhost.com
  • ns2.yourwebhost.com
  • ns3.yourwebhost.com

Should you used a domain registrar while you created your Webflow web page, you’ll want to log into your account to regulate the DNS settings. Your new internet host will also help you set up your area via its keep watch over panel. Should you’re a Kinsta buyer, you’ll be able to use MyKinsta to point your domain in opposition to your new web site.

Now, when guests sort your URL into Google, they’ll be directed for your new web page. We advise that you simply entire this step as soon as your WordPress web site is able to pass are living.

Go from Webflow ➡ WordPress, in just a few simple steps.Click to Tweet


Webflow is an all-in-one website builder that makes it simple to release and set up your web page. Alternatively, as your web site grows, it’s possible you’ll want to transfer to a extra versatile and robust platform, equivalent to WordPress.

As now we have observed, migrating from Webflow to WordPress could be a clean procedure. Alternatively, it’s very important to make a choice the suitable website hosting supplier to your new web site. You’ll additionally need to make a choice a responsive WordPress theme, optimize your permalinks, and replace your area settings in order that customers are directed for your new web page.

Do you’ve got any questions on migrating from Webflow to WordPress? Tell us within the feedback phase underneath!

The submit How to Migrate From Webflow to WordPress (in 6 Steps) gave the impression first on Kinsta®.

WP Hosting

[ continue ]