{"id":39197,"date":"2022-07-13T15:00:36","date_gmt":"2022-07-13T13:00:36","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=39197"},"modified":"2022-07-12T16:30:52","modified_gmt":"2022-07-12T14:30:52","slug":"how-to-migrate-from-webflow-to-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-migrate-from-webflow-to-wordpress\/","title":{"rendered":"How to Migrate from Webflow to WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Even though WordPress might be the most popular content management system in the world, responsible for underpinning a huge percentage of all the websites that are online today, it\u2019s not without competitors. The CMS or website builder market still has a lot of variety, and people routinely use tools other than WordPress to build sites. Some use Webflow, too. Some start using it, only to migrate from Webflow to WordPress after a while.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This phenomenon isn\u2019t restricted to Webflow users alone. We\u2019ve covered it in our articles about migrating from <a href=\"https:\/\/qodeinteractive.com\/magazine\/migrate-medium-to-wordpress\/\">Medium to WordPress<\/a>, or <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-migrate-joomla-website-to-wordpress\/\">from Joomla<\/a>, <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-migrate-from-blogger-to-wordpress\/\">Blogger<\/a>, <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-migrate-blog-from-tumblr-to-wordpress\/\">Tumblr<\/a>, <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-migrate-from-godaddy-website-builder-to-wordpress\/\">GoDaddy<\/a>, <a href=\"https:\/\/qodeinteractive.com\/magazine\/migrate-wix-to-wordpress\/\">Wix<\/a>, and <a href=\"https:\/\/qodeinteractive.com\/magazine\/migrate-squarespace-to-wordpress\/\">Squarespace<\/a>. If you have the time and the will to do it, you can migrate your website all around the web if you want. In this article, we\u2019ll show you how to do it if you created the website on Webflow, and you want to move it to WordPress.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We\u2019ll show you:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#why-migrate-from-webflow-to-wordpress\">Why Migrate from Webflow to WordPress?<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#prepare-your-wordpress-site-for-migration\">How to Prepare Your WordPress Site for Migration<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#migrate-from-webflow-to-wordpress\">How to Migrate from Webflow to WordPress<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#post-migration-steps\">Post-Migration Steps to Ensure Proper Functioning of the Website<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"why-migrate-from-webflow-to-wordpress\"><\/a>Why Migrate from Webflow to WordPress?<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"544\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow.jpg\" class=\"attachment-full size-full\" alt=\"Webflow\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-300x168.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-768x431.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-620x348.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you\u2019re a web designer who wanted to create a website without having to involve any web developers, it doesn\u2019t come as a surprise that you decided to use Webflow. <strong>The web builder\u2019s\/CMS\u2019s visual editor is one of its most striking features, and it gives you incredible control over how you want the website to look.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Webflow is also great at allowing you to build a fully-fledged website right out of the box, without any third-party tools.<\/strong> When you do need third-party tools, however, you\u2019ll get to choose from the library of services that integrate with Webflow easily, whether they are form builders or scheduling tools.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]However, if at any point you decide to take a look at what WordPress has to offer, you\u2019ll notice that it has the lead over Webflow in a couple of key areas. For one, WordPress\u2019 learning curve is not as steep \u2013 especially with the <a href=\"https:\/\/qodeinteractive.com\/magazine\/introduction-to-wordpress-gutenberg-block-editor\/\">Gutenberg block editor<\/a> that\u2019s made everything from <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-use-new-block-based-widget-editor-in-wordpress\/\">creating widgets<\/a> to <a href=\"https:\/\/qodeinteractive.com\/magazine\/all-you-need-to-know-about-wordpress-fse-full-site-editing\/\">editing full sites<\/a> much easier and visually oriented.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next, even though Webflow has a decent number of integrations, it\u2019s impossible to match WordPress\u2019 third-party integration. <strong>And speaking of third-party additions, let\u2019s not forget the unbeatable vastness of WordPress\u2019 plugin library, as well as the whole WordPress theme ecosystem.<\/strong> Webflow has nice templates, sure, but it\u2019s hard to match what you get even from <a href=\"https:\/\/qodeinteractive.com\/qi-theme\/\" target=\"_blank\" rel=\"noopener\">free WordPress themes such as Qi<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, there are also pricing differences to consider. WordPress is open source and free to use, but you\u2019ll need to pay for hosting, as well as premium plugins and themes if you choose so. Webflow, on the other hand, takes care of the hosting for you, <strong>but it isn\u2019t open-source, and it can rack up costs in no time.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"prepare-your-wordpress-site-for-migration\"><\/a>How to Prepare Your WordPress Site for Migration<\/h2>\n<p>[\/vc_column_text][vc_column_text]When you\u2019re ready to start migrating from Webflow to WordPress, the first thing you need to do is make sure that there\u2019s somewhere for your content to go. In other words, you should first prepare your WordPress website for the migration process.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Setting up a WordPress website is fairly easy \u2013 the installation itself can take just a couple of minutes. <strong>A more complete list of the things you need to do when preparing to migrate from Webflow to WordPress includes:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Decide which type of hosting you want to use \u2013 start by learning the difference between popular options such as <a href=\"https:\/\/qodeinteractive.com\/magazine\/shared-hosting-vs-managed-wordpress-hosting\/\">shared and managed WordPress hosting<\/a>.<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Find the best hosting provider for your needs \u2013 it\u2019s much easier when you\u2019re aware of your needs and know <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-choose-wordpress-hosting-provider\/#what-to-look-for\">what to look for in a provider<\/a>.<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Take care of the domain name \u2013 you can\u2019t register a domain name at Webflow, so you\u2019ll connect it to your new website the same way you did with Webflow, or outright transfer it.\n<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Install WordPress and set up the website \u2013 as mentioned before, it\u2019s very easy to do, although managed hosting usually comes with WordPress preinstalled.\n<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Get familiar with your new website and make it your own \u2013 start by looking at the themes and plugins you think you\u2019ll need.\n<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Feel free to take your time with this part, but don\u2019t worry about skipping something \u2013 <strong>you\u2019ll always be able to change post layouts, install new plugins, or switch to a premium theme later on.<\/strong> For now, you must have a functioning website ready to take in your content. At the very least, you should have a staging site ready.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"migrate-from-webflow-to-wordpress\"><\/a>How to Migrate from Webflow to WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]The good news is that Webflow allows you to easily export much of the content you used for your website. The bad news is that the type of content you can export depends on the Webflow plan you had. <strong>With the free plan, you\u2019ll be limited to the things you can find in the CMS Collections panel \u2013 blog posts, categories, and authors.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/CMS-Collections-Authors.jpg\" class=\"attachment-full size-full\" alt=\"CMS Collections Authors\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/CMS-Collections-Authors.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/CMS-Collections-Authors-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/CMS-Collections-Authors-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/CMS-Collections-Authors-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you want to export the code for the pages on your website, you\u2019ll have to opt for the pricier plans. Even the entry starter plan doesn\u2019t cover code exporting, leaving you with the choice to either upgrade to export or to take care of exporting the pages manually.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As for the things you\u2019ll find in the CMS Collections panel, the procedure is fairly straightforward \u2013 <strong>navigate to the collection you want, find the Export button in the top right corner, and click on it.<\/strong> You\u2019ll download a file that contains the content you can export.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-to-WordPress-Export.jpg\" class=\"attachment-full size-full\" alt=\"Webflow to WordPress Export\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-to-WordPress-Export.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-to-WordPress-Export-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-to-WordPress-Export-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Webflow-to-WordPress-Export-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you have the file, navigate to your WordPress website\u2019s backend. <strong>The type of file you get from Webflow is a .csv file, so you\u2019ll need a plugin to help you import it.<\/strong> The most popular solution for importing this type of file is the <a href=\"https:\/\/wordpress.org\/plugins\/wp-all-import\/\" target=\"_blank\" rel=\"noopener\">WP All Import plugin<\/a>, so go ahead and navigate to <em>Plugins &gt; Add New<\/em> and install it.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After that, all you have to do is run the plugin, and you\u2019ll have your blog post content up on your new website in no time.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"672\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Import-Complete.jpg\" class=\"attachment-full size-full\" alt=\"Import Complete\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Import-Complete.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Import-Complete-300x208.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Import-Complete-768x533.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2022\/07\/Import-Complete-620x430.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You might, however, notice that the images weren\u2019t fetched automatically, or that the permalink structure isn\u2019t what it should be. The plugin will import images with the premium version, but if you have the free one \u2013 <strong>you\u2019ll need another plugin to do it.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"post-migration-steps\"><\/a>Post-Migration Steps to Ensure Proper Functioning of the Website<\/h2>\n<p>[\/vc_column_text][vc_column_text]Moving your website from Webflow to WordPress isn\u2019t a completely automated process \u2013 there are some things you\u2019ll have to do by hand. <strong>Still, you can rely on WordPress to offer some solutions, likely in the form of plugins.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The steps that await you after transferring your content from Webflow to WordPress include:<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Using the <a href=\"https:\/\/wordpress.org\/plugins\/auto-upload-images\/\" target=\"_blank\" rel=\"noopener\">Auto Upload Images<\/a> to add the images that are missing from your blog posts<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Making sure you transfer the domain name to your new host if that\u2019s an issue for you<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Setting up the permalink structure in Settings &gt; Permalink<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Going over all of the content to see if everything traveled over well \u2013 and fixing what didn\u2019t<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;28px&#8221;][vc_column_text]That\u2019s all there is to it \u2013 when you\u2019re sure that everything is as you want it to be on your new website, you can go ahead and perform all the website customization steps like choosing post layouts and setting up important plugins.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Let\u2019s Wrap It Up!<\/h2>\n<p>[\/vc_column_text][vc_column_text]Webflow can be an incredible choice for a web designer who needs a canvas to practice their craft. However, if you\u2019ve tried Webflow and you feel it doesn\u2019t meet your expectations, don\u2019t worry. You can easily migrate Webflow to WordPress. The sooner you do it the better, though \u2013 so don\u2019t wait for too long.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Need to move a website from Webflow to WordPress? Our quick guide will list all the steps you need to follow, and recommend the best tools for the job!<\/p>\n","protected":false},"author":9295,"featured_media":39393,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[107,4,278,13],"class_list":["post-39197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-migration","tag-tips","tag-webflow","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/39197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/9295"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=39197"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/39197\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/39393"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=39197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=39197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=39197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}