How to Migrate From Webflow to WordPress (Step by Step)
Many customers now need to transfer away from Webflow due to its excessive prices and restricted flexibility for web site homeowners.
Migrating from Webflow to WordPress can appear difficult, nevertheless it’s price it. WordPress is versatile, extra reasonably priced, and presents many customization choices by plugins and themes (no coding required). WordPress additionally provides you full management over your web site.
For the reason that change from Webflow to WordPress isn’t tremendous simple, we went by the whole course of that can assist you out. On this information, we’ll provide help to transfer your web site, step-by-step.
You’ll discover ways to arrange WordPress and switch your content material from Webflow. Our purpose is to make the change as straightforward and clean as potential.
Here’s a fast overview of the steps you’ll be following to maneuver your web site from Webflow to WordPress:
Why Migrate From Webflow to WordPress?
Many customers select Webflow for its easy-to-use design instruments and easy web site creation.
Nevertheless, they shortly notice Webflow’s limitations. It’s a closed platform with fewer customizations, restricted integrations, and predatory pricing.
That’s why we advocate that customers avoid Webflow and use WordPress instead.
We’ve got used and examined all high website builders, and none comes near WordPress. It powers greater than 43% of all web sites, together with many big-name manufacturers.
Listed below are just some issues that make WordPress a much better choice than Webflow:
- Value-Efficient: Many reasonably priced internet hosting choices can be found for WordPress. It’s a free and open-source platform that permits you to management your prices.
- Customization: It has wonderful no-code web page builders, 1000’s of themes (design templates), and lots of plugins (59,000+). Collectively, these instruments offer you limitless customization choices.
- Integrations: As the preferred web site builder, WordPress has integrations for many third-party instruments. You’ll be capable of use any advertising, eCommerce, or progress software in your web site.
- Scalability: Improve internet hosting plans as your web site grows and solely pay for the assets you want.
Switching to WordPress provides you extra management and higher choices. You’ll discover managing your web site simpler and lower your expenses in the long term.
Let’s dive into the steps to make this transition clean and profitable.
Step 1: Signal Up for WordPress Internet hosting
To begin the migration, you’ll want a WordPress internet hosting supplier. internet hosting supplier ensures your web site runs easily and might deal with visitors.
We advocate utilizing Bluehost, an official WordPress-recommended internet hosting supplier. Bluehost is presently providing our customers a free area identify and an enormous low cost on hosting.
You can begin at $1.99/month, which makes it an reasonably priced and dependable selection.
Options: If you would like different choices, contemplate Hostinger or SiteGround. Each are well-regarded and provide wonderful efficiency.
For the sake of this tutorial, we’ll present you screenshots of Bluehost. Nevertheless, the fundamental course of is comparable for all high WordPress hosting suppliers.
Go to the Bluehost website and click on the ‘Get Began Now’ button.
You’ll then see the pricing web page, asking you to decide on a plan.
The Fundamental plan is appropriate for many web sites.
Click on ‘Choose’ to decide on a plan and proceed.
Within the subsequent step, Bluehost will ask you to decide on your area.
If you have already got a customized area you used in your Webflow web site, you’ll be able to enter it into the ‘Use a site you personal’ field.
Alternatively, you’ll be able to select your free area identify right here or click on ‘I’ll create my area later’ to skip this step.
Subsequent, present your private data and cost particulars to finish the acquisition.
Bluehost will now ship you an e mail along with your login particulars. You should utilize these to log in to your internet hosting account dashboard.
Upon first login, Bluehost will robotically set up WordPress for you. Click on the ‘Edit Website’ button to launch the WordPress dashboard.
Need assistance putting in WordPress? See our full WordPress installation tutorial for detailed step-by-step directions.
Now that you’ve got put in WordPress, the subsequent step is to decide on a theme (design templates) in your web site.
Step 2: Select a WordPress Theme
After putting in WordPress, the subsequent step is to decide on a theme in your web site. It’s going to management the feel and appear of your web site.
There are millions of paid and free WordPress themes out there.
Nevertheless, new customers might really feel overwhelmed by the various selections. That will help you choose the proper theme, our workforce has compiled an inventory of the most popular WordPress themes.
We advocate selecting a easy structure with loads of white house. Based mostly on our expertise constructing web sites for our companies, we’ve discovered that clear, minimal layouts look extra skilled and user-friendly.
Don’t overthink your selection. You possibly can all the time change your WordPress theme should you discover a higher one.
Later on this article, we’ll focus on designing pages in WordPress utilizing no-code web page builders. It gives you much more management over your web site’s design.
For now, let’s begin exporting knowledge from Webflow in an effort to import it into your new WordPress web site.
Step 3: Export Your Webflow Web site
Whereas Webflow permits you to export a few of your content material, you can’t export all of it.
Here’s what you’ll be able to export:
- Website Export consists of HTML, CSS, JS, and pictures/media (solely with Workspace plans).
- Export CMS elements, corresponding to weblog posts.
Exporting Webflow Web site
You can not import Webflow pages immediately into your WordPress web site. Nevertheless, you could need to save your web site earlier than shifting your content material to WordPress.
In case you are on a Webflow Workspace plan, you should use the Code Export characteristic to export your web site and put it aside to your pc.
Log in to your Webflow account and launch the Designer software.
You’ll now enter the Webflow Designer UI.
Take your mouse to the top-right nook of the display and click on the ‘Export code’ button.
This can open the Export Code popup.
On the backside of the popup, you should click on on the ‘Put together ZIP’ button to proceed.
Webflow will then put together your recordsdata, which you’ll be able to obtain to your pc.
Notice: In case you are not utilizing the Workspace plan, you’ll have to manually save your pages to your pc. Alternatively, you should use the HTTrack website copier to crawl your web site and obtain all of your pages to your pc.
Step 4: Export Your Weblog Posts
Webflow permits you to export CMS elements like weblog posts, which will be imported into WordPress.
Contained in the Webflow designer, change to the ‘CMS’ tab (situated within the left toolbar) and click on on ‘Weblog Posts’.
Subsequent, you need to click on the ‘Export’ button on the high to obtain your weblog posts in CSV format.
Step 5: Recreating Webflow Pages in WordPress
Now that you’ve got your Webflow content material saved in your pc, you can begin bringing it to your new WordPress web site.
Whilst you can not import particular person pages from Webflow immediately into your WordPress web site, you’ll be able to simply recreate them.
To do this, you will have a no-code page builder like SeedProd. It’s a drag-and-drop design software that permits you to create gorgeous internet pages with out writing any code.
First, you should set up and activate the SeedProd plugin. For particulars, see our tutorial on how to install a WordPress plugin.
After getting activated the plugin, go to the SeedProd » Touchdown Pages within the WordPress admin space and click on the ‘Add New Touchdown Web page’ button.
Subsequent, you’ll be requested to decide on a template.
SeedProd comes with a number of stunning templates. It is best to decide one which resembles the pages you need to recreate.
Subsequent, present a reputation in your web page and select a URL slug.
We advocate utilizing the identical URL slug because the web page you had on Webflow. This can can help you preserve your search visitors and search engine marketing rankings.
Click on ‘Save and Begin Modifying the Web page’ to proceed.
This can deliver you to the SeedProd web page builder interface. You should utilize your mouse to maneuver wherever on the display, click on on an merchandise, and begin modifying it.
You too can add new components from the left column by dragging and dropping them the place you need to show them.
SeedProd makes it very straightforward to design any web page. You possibly can change layouts, use customized colours, add your emblem, and extra.
For extra particulars, see our tutorial on how to create a landing page in WordPress.
Wish to attempt a distinct web page builder? Attempt Thrive Architect, one other wonderful no-code web page builder for WordPress.
Step 6: Import Weblog Posts into WordPress
Fortunately, importing weblog posts from Webflow to WordPress is a bit less complicated.
You have to to put in and activate the WP All Import plugin. After activation, go to the All Import » New Import web page within the WordPress admin space.
Click on the “Add a file” choice and choose the CSV file you downloaded earlier.
The plugin will robotically detect the content material kind (posts) and choose it for you.
Click on the ‘Proceed to Step 2’ button for the subsequent step.
The plugin will then present you a preview of the information within the file. Click on ‘Proceed’ to proceed to the subsequent step.
Now, you may be requested to map fields to the WordPress put up fields. As an example, you’ll be able to drag the identify
discipline to the WordPress put up title space.
After matching fields to corresponding areas in WordPress, simply click on on the ‘Proceed to Step 4’ button.
Subsequent, you should outline a novel identifier in your posts. Use the ‘Auto-detect’ button to generate an ID. It’s used internally by WordPress and won’t be displayed in your web site.
Lastly, click on “Affirm & Run Import” to finish the method.
The plugin will notify you as soon as the import is full.
Step 7: Import Photos
WP All Import won’t robotically add your photographs from Webflow to WordPress.
Your web site will nonetheless show photographs hosted in your Webflow web site, which can turn into a difficulty when your Webflow web site is deleted.
Happily, there’s a simple method to import exterior photographs into the WordPress media library utilizing a plugin.
First, you should set up and activate the Auto Upload Images plugin.
After activation, go to the Posts » All Posts web page. Choose all of your weblog posts and choose ‘Edit’ beneath the ‘Bulk Actions’ dropdown menu.
Click on the ‘Apply’ button to proceed.
WordPress will present a Fast Replace choice for all posts. Simply click on the ‘Replace’ button, and WordPress will replace all of your weblog posts with out making any modifications to them.
This can set off the add perform, and the plugin will import any exterior photographs present in your weblog posts to the media library.
For extra particulars, see our tutorial on how to easily import external images in WordPress.
Step 8: Change Area Identify Settings
In case you had been utilizing a customized area identify in your outdated Webflow web site, then now you can level it to your new WordPress web site.
To do this, you should change your area’s nameserver settings. DNS or area nameserver settings level your area identify to your internet hosting supplier.
Your WordPress internet hosting supplier will offer you the nameservers data you should use. It usually appears to be like like this:
- ns1.bluehost.com
- ns2. bluehost.com
- ns3. bluehost.com
For extra particulars, see our tutorial on how to change domain nameservers.
Step 9: Set Up Permalinks
WordPress permits you to select an SEO-friendly URL structure in your web site by altering permalinks.
It’s worthwhile to match your WordPress permalinks to the identical URL construction you had in your outdated Webflow web site.
To do this, go to the Settings » Permalinks web page within the WordPress admin space.
You have to to decide on the Publish identify choice to match your URLs along with your Webflow URL construction.
Don’t neglect to click on the ‘Save Adjustments’ button to replace your permalink settings.
Step 10: Set up Important WordPress Plugins
Now that you’ve got imported your content material to your web site, the subsequent step is to put in some important WordPress plugins.
Plugins are like apps in your WordPress web site. Like apps in your telephone, plugins add new options and performance to your WordPress web site.
The next are among the hottest WordPress plugins that add important options to a brand new WordPress web site:
- WPForms – Lets you add contact varieties to your WordPress web site.
- All in One SEO for WordPress: Essentially the most complete search engine marketing software package for WordPress. It’s going to provide help to get extra free visitors from engines like google.
- Duplicator: It permits you to arrange automated backups for WordPress. You too can robotically add these backups to the cloud and restore them with 1-click if wanted.
- MonsterInsights: It helps you simply set up Google Analytics in WordPress and reveals you easy-to-understand web site visitors experiences proper inside your dashboard.
- PushEngage: Wish to ship immediate notifications to customers on cell and desktop units? PushEngage is one of the best push notification service in the marketplace and helps you deliver again web site guests, enhance pageviews, and increase conversions.
Want extra instruments and tricks to develop your new WordPress web site? See our full listing of must-have WordPress plugins for all sorts of internet sites.
Study WordPress (Free Assets)
WordPress is kind of straightforward to make use of, however generally, you could want a bit assist navigating it.
Listed below are some studying assets that may provide help to shortly get conversant in WordPress:
- WordPress Training Courses: Free WordPress video coaching programs designed for rookies. We advocate beginning with WordPress 101, which has 33 classes overlaying WordPress fundamentals for brand new customers.
- WPBeginner on YouTube: Our YouTube channel has over 931 movies and 972,000 subscribers. It presents detailed video tutorials, ideas and tips, and sensible recommendation on rising your corporation with WordPress.
- WPBeginner Solution Center: Are you questioning which plugin or software to make use of? Our Resolution Heart is a curated assortment of one of the best WordPress instruments and plugins, totally examined and reviewed by our workforce.
- WordPress Glossary: A dictionary of widespread WordPress phrases defined for rookies. It is a perfect place for WordPress rookies to start out and familiarize themselves with the WordPress lingo.
Need assistance with a selected WordPress subject? Merely kind your query in Google and add “WPBeginner” on the finish.
We’ve got been publishing WordPress assets, tutorials, and how-to guides for the previous 15+ years. There’s a good probability we have already got a step-by-step tutorial on that subject.
Different: Get Skilled Assist With Webflow Migration
Webflow is a closed proprietary platform, and it doesn’t make migrating your web site to WordPress straightforward in any respect.
Following the steps in our tutorial above will be time-consuming and hectic for rookies. Even after following the steps, you should still not be capable of get all of your knowledge transferred to WordPress.
A extra simple resolution can be to get skilled WordPress assist with the migration.
You possibly can rent skilled WordPress builders and focus on your necessities. Then, you’ll be able to pay them by the hour to troubleshoot your migration points.
For instance, you possibly can select our Premium WordPress Support Services and phone our builders for on-demand migration help.
We additionally provide a quick site launch service the place we design a very customized and enticing WordPress web site that matches your wants. You possibly can then buy a dev hours add-on, and our workforce can deal with your Webflow migration as nicely.
In case you have any questions on these providers, then you’ll be able to simply chat with our help agent on our Website Design Services web page.
We hope this text helped you migrate from Webflow to WordPress. You may additionally need to see our tutorial on the right way to get more traffic to your WordPress site or take a look at all of the alternative ways to make money online with WordPress.
In case you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You too can discover us on Twitter and Facebook.