How to Migrate From Webflow to WordPress (Step by Step)

Introduction

Are you considering moving away from Webflow due to its high costs and limited flexibility? You’re not alone. Many users are making the switch to WordPress for its affordability, flexibility, and extensive customization options. WordPress empowers website owners with complete control, no coding required, thanks to its vast array of plugins and themes.

Although migrating from Webflow to WordPress might seem daunting, it’s a worthwhile endeavor. To make this transition seamless, we have compiled a comprehensive guide to walk you through each step of the process. Our aim is to ensure that your migration is as easy and smooth as possible.

In this guide, you’ll learn how to set up WordPress and transfer your content from Webflow. Let’s dive in and start your journey to a more flexible and cost-effective website solution.

Overview of Steps to Migrate from Webflow to WordPress

Why Migrate From Webflow to WordPress?

Many users initially choose Webflow for its easy-to-use design tools and simple website creation. However, they quickly realize Webflow’s limitations. It is a closed platform with fewer customizations, limited integrations, and high pricing.

That’s why we recommend that users avoid Webflow and use WordPress instead. We have used and tested all top website builders, and none comes close to WordPress. It powers more than 43% of all websites, including many big-name brands.

Here are just a few reasons why WordPress is a much better choice than Webflow:

Cost-Effective

Many affordable hosting options are available for WordPress. It is a free and open-source platform that allows you to control your costs.

Customization

WordPress has excellent no-code page builders, thousands of themes (design templates), and over 59,000 plugins. Together, these tools give you unlimited customization options.

Integrations

As the most popular website builder, WordPress has integrations for most third-party tools. You’ll be able to use any marketing, eCommerce, or growth tool on your site.

Scalability

Upgrade hosting plans as your site grows and only pay for the resources you need.

Switching to WordPress gives you more control and better options. You’ll find managing your site easier and save money in the long run.

Let’s dive into the steps to make this transition smooth and successful.

Step 1: Sign Up for WordPress Hosting

To start the migration, you’ll need a WordPress hosting provider. A good hosting provider ensures your website runs smoothly and can handle traffic.

We recommend using Bluehost, an official WordPress-recommended hosting provider. Bluehost is currently offering our users a free domain name and a huge discount on web hosting. You can start at $1.99/month, which makes it an affordable and reliable choice.

Alternatives

If you want other options, consider Hostinger or SiteGround. Both are well-regarded and offer excellent performance.

For the sake of this tutorial, we will show you screenshots of Bluehost. However, the basic process is similar for all top WordPress hosting providers.

Go to the Bluehost website and click the ‘Get Started Now’ button.

By following these steps, you’ll ensure a smooth transition from Webflow to WordPress, leveraging the benefits of cost-effective solutions, extensive customization, broad integrations, and scalable hosting options.

You will then see the pricing page, asking you to choose a plan.

The Basic plan is suitable for most websites.

Click ‘Select’ to choose your preferred plan and proceed.

Next, Bluehost will prompt you to choose your domain.

If you already have a custom domain from your Webflow website, simply enter it into the ‘Use a domain you own’ box.

Click ‘Select’ to pick a hosting plan and proceed.

Next, Bluehost will prompt you to select your domain name.

If you already have a custom domain from your Webflow site, enter it into the ‘Use a domain you own’ field.

Otherwise, you can choose a free domain now or opt to ‘I’ll create my domain later’ to skip this step for the time being.

Fill in your personal details and payment information to finalize your purchase.

Bluehost will email you your login credentials. Use these to access your hosting account dashboard.

On your first login, Bluehost will automatically set up WordPress for you. Click the ‘Edit Site’ button to access your new WordPress dashboard.

Need Assistance with WordPress Installation?

Check out our comprehensive WordPress installation tutorial for detailed, step-by-step instructions.

Now that WordPress is set up, the next crucial step is selecting a theme (design template) for your website.

Step 2: Selecting a WordPress Theme

After setting up WordPress, your next task is to choose a theme for your site. The theme dictates your website’s overall look and feel.

You’ll find thousands of premium and free WordPress themes available to customize your site’s appearance.

Step 2: Choose a WordPress Theme

New users may feel overwhelmed by the many choices. To help you select the perfect theme, our team has compiled a list of the most popular WordPress themes.

We recommend choosing a simple layout with plenty of white space. Based on our experience building websites for our businesses, we’ve found that clean, minimal layouts look more professional and user-friendly.

Don’t overthink your choice. You can always change your WordPress theme if you find a better one.

Later in this article, we will discuss designing pages in WordPress using no-code page builders. It will give you even more control over your site’s design.

For now, let’s start exporting data from Webflow so that you can import it into your new WordPress site.

Step 3: Export Your Webflow Website

While Webflow allows you to export some of your content, you cannot export all of it.

Here is what you can export:

• Site Export includes HTML, CSS, JS, and images/media (only with Workspace plans).
• Export CMS components, such as blog posts.

Exporting Your Webflow Website

You cannot import Webflow pages directly into your WordPress website. However, you may want to save your website before moving your content to WordPress.

If you are on a Webflow Workspace plan, you can use the Code Export feature to export your website and save it to your computer.

Log in to your Webflow account and launch the Designer tool.

You will now enter the Webflow Designer UI.

Take your mouse to the top-right corner of the screen and click the ‘Export code’ button.

This will open the Export Code popup.

At the bottom of the popup, you need to click on the ‘Prepare ZIP’ button to continue.

Webflow will then prepare your files for download to your computer.

Note: If you are not on the Workspace plan, you will need to save your pages manually. Alternatively, use the HTTrack website copier to crawl and download all your website pages to your computer.

Step 4: Export Your Blog Posts

Webflow allows you to export CMS components such as blog posts, which can be imported into WordPress.

In the Webflow designer, go to the ‘CMS’ tab in the left toolbar and click on ‘Blog Posts’.

Next Steps

Next, click the ‘Export’ button at the top to download your blog posts in CSV format.

Step 5: Recreating Webflow Pages in WordPress

Now that you have your Webflow content stored on your computer, you can start bringing it to your new WordPress website.

While you cannot import individual pages from Webflow directly into your WordPress website, you can easily recreate them.

To do that, you will need a no-code page builder like SeedProd. It is a drag-and-drop design tool that allows you to create stunning web pages without writing any code.

First, you need to install and activate the SeedProd plugin. For details, see our tutorial on how to install a WordPress plugin.

Once activated, navigate to SeedProd » Landing Pages in the WordPress admin area and click the ‘Add New Landing Page’ button.

Next, you’ll be asked to choose a template.

SeedProd comes with several beautiful templates. You should pick one that resembles the pages you want to recreate.

Next, provide a name for your page and choose a URL slug.

We recommend using the same URL slug as the page you had on Webflow. This will allow you to maintain your search traffic and SEO rankings.

Click ‘Save and Start Editing the Page’ to proceed.

This action will take you to the SeedProd page builder interface. Here, you can use your mouse to move anywhere on the screen, click on an item, and start editing it.

Additionally, you can add new elements from the left column by simply dragging and dropping them into your desired location on the page.

Designing with SeedProd

SeedProd makes it very easy to design any page. You can change layouts, use custom colors, add your logo, and more.

For more details, see our tutorial on how to create a landing page in WordPress.

Exploring Other Page Builders

Want to try a different page builder? Consider Thrive Architect, another excellent no-code page builder for WordPress.

Step 6: Import Blog Posts into WordPress

Luckily, importing blog posts from Webflow to WordPress is relatively straightforward.

First, you need to install and activate the WP All Import plugin. Once activated, navigate to the All Import » New Import page in the WordPress admin area.

Click the “Upload a file” option and select the CSV file you downloaded earlier.

The plugin will automatically detect the content type (posts) and select it for you.

Click the ‘Continue to Step 2’ button to proceed.

The plugin will then display a preview of the data in the file. Click ‘Continue’ to move forward.

Next, you will need to map fields to the WordPress post fields. For example, drag the name field to the WordPress post title area.

After matching fields to corresponding areas in WordPress, click the ‘Continue to Step 4’ button.

Next, you need to define a unique identifier for your posts. Click the ‘Auto-detect’ button to generate an ID. This ID is used internally by WordPress and will not be displayed on your website.

Finally, click “Confirm & Run Import” to complete the process.

The plugin will notify you once the import is complete.

Step 7: Import Images

WP All Import will not automatically upload your images from Webflow to WordPress.

Your website will still display images hosted on your Webflow site, which will become an issue when your Webflow website is deleted.

Fortunately, there’s an easy way to import external images into the WordPress media library using a plugin.

First, install and activate the Auto Upload Images plugin.

After activation, go to the Posts » All Posts page. Select all your blog posts and choose ‘Edit’ from the ‘Bulk Actions’ dropdown menu.

Click the ‘Apply’ button to continue.

WordPress will show a Quick Update option for all posts. Just click the ‘Update’ button, and WordPress will update all your blog posts without making any changes to them.

Step 7: Import Images

This will trigger the upload function, and the plugin will import any external images found in your blog posts to the media library.

For more details, see our tutorial on how to easily import external images in WordPress.

Step 8: Change Domain Name Settings

If you were using a custom domain name on your old Webflow website, you can now point it to your new WordPress site.

To do this, you need to change your domain’s nameserver settings. DNS or domain nameserver settings point your domain name to your hosting provider.

Your WordPress hosting provider will provide you with the nameservers information you need to use. It typically looks like this:

• ns1.bluehost.com
• ns2.bluehost.com
• ns3.bluehost.com

For more details, see our tutorial on how to change domain nameservers.

Step 9: Set Up Permalinks

WordPress allows you to choose an SEO-friendly URL structure for your website by changing permalinks.

You need to match your WordPress permalinks to the same URL structure you had on your old Webflow website.

To do this, go to the Settings » Permalinks page in the WordPress admin area.

Step 9: Set Up Permalinks

You will need to choose the Post name option to match your URLs with your Webflow URL structure.

Don’t forget to click the ‘Save Changes’ button to update your permalink settings.

Step 10: Install Essential WordPress Plugins

Now that you have imported your content to your website, the next step is to install some essential WordPress plugins.

Plugins are like apps for your WordPress website. They add new features and functionality, just like apps on your phone.

Here are some of the most popular WordPress plugins that add essential features to a new WordPress website:

• WPForms – Allows you to add contact forms to your WordPress website.
• All in One SEO for WordPress – The most comprehensive SEO toolkit for WordPress. It will help you get more free traffic from search engines.
• Duplicator – Allows you to set up automated backups for WordPress. You can also automatically upload those backups to the cloud and restore them with 1-click if needed.
• MonsterInsights – Helps you easily install Google Analytics in WordPress and shows you easy-to-understand website traffic reports right inside your dashboard.
• PushEngage – Want to send instant notifications to users on mobile and desktop devices? PushEngage is the best push notification service on the market and helps you bring back website visitors, increase pageviews, and boost conversions.

Need more tools and tips to grow your new WordPress website? See our full list of must-have WordPress plugins for all types of websites.

Learn WordPress (Free Resources)

WordPress is quite easy to use, but sometimes, you may need a little help navigating it.

Here are some learning resources that will help you quickly get familiar with WordPress:

• WordPress Training Courses – Free WordPress video training courses designed for beginners. We recommend starting with WordPress 101, which has 33 lessons covering WordPress basics for new users.
• WPBeginner on YouTube – Our YouTube channel has over 931 videos and 972,000 subscribers. It offers detailed video tutorials, tips and tricks, and practical advice on growing your business with WordPress.
• WPBeginner Solution Center – Are you wondering which plugin or tool to use? Our Solution Center is a curated collection of the best WordPress tools and plugins, thoroughly tested and reviewed by our team.
• WordPress Glossary – A dictionary of common WordPress terms explained for beginners. It is an ideal place for WordPress beginners to start and familiarize themselves with the WordPress lingo.

Need help with a specific WordPress topic? Simply type your question in Google and add “WPBeginner” at the end.

We have been publishing WordPress resources, tutorials, and how-to guides for the past 15+ years. There is a good chance we already have a step-by-step tutorial on that topic.

Alternative: Get Professional Help With Webflow Migration

Webflow is a closed proprietary platform, and it doesn’t make migrating your website to WordPress easy at all.

Following the steps in our tutorial above can be time-consuming and stressful for beginners. Even after following the steps, you may still not be able to get all your data transferred to WordPress.

A more straightforward solution would be to get professional WordPress help with the migration.

You can hire professional WordPress developers and discuss your requirements. Then, you can pay them by the hour to troubleshoot your migration issues.

For example, you could choose our Premium WordPress Support Services and contact our developers for on-demand migration assistance.

We also offer a quick site launch service where we design a completely custom and attractive WordPress website that fits your needs. You can then purchase a dev hours add-on, and our team can handle your Webflow migration as well.

If you have any questions about these services, feel free to chat with our support agent on our Website Design Services page.

We hope this article helped you migrate from Webflow to WordPress. You may also want to see our tutorial on how to get more traffic to your WordPress site or check out all the different ways to make money online with WordPress.

If you liked this article, please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Conclusion

Migrating from Webflow to WordPress may seem daunting, but with the right steps and tools, it can be a seamless and rewarding experience. WordPress offers unparalleled flexibility, customization, and cost-efficiency, making it a superior choice for your website needs. By following this guide, you’ll not only transfer your content smoothly but also unlock the full potential of your website with WordPress plugins, themes, and additional features.

For more detailed assistance, consider our professional migration services, where our team handles everything for you. If you have any questions, feel free to reach out to our support team via the Website Design Services page. We hope this guide has been helpful, and we encourage you to explore more resources on our site to enhance your WordPress experience.