{"id":9132,"date":"2025-03-10T11:38:59","date_gmt":"2025-03-10T11:38:59","guid":{"rendered":"https:\/\/www.hosted.com\/articles\/?p=9132"},"modified":"2026-02-12T10:32:06","modified_gmt":"2026-02-12T10:32:06","slug":"webflow-to-wordpress","status":"publish","type":"post","link":"https:\/\/www.hosted.com\/articles\/webflow-to-wordpress\/","title":{"rendered":"Webflow To WordPress: How To Migrate Your Website"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1-1024x399.webp\" alt=\"Header Text - Migration Guide: Webflow to WordPress\" title=\"Hosted\u00ae Tutorial - How To Migrate Your Website From Webflow To WordPress\" class=\"wp-image-9142\" width=\"1024\" height=\"399\" srcset=\"https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1-1024x399.webp 1024w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1-300x117.webp 300w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1-768x300.webp 768w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1-960x374.webp 960w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1-603x235.webp 603w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-1-1.webp 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Moving from Webflow to <a href=\"https:\/\/www.hosted.com\/hosting\/wordpress\" alt=\"Link to Hosted.com Website - WordPress Hosting\" title=\"Hosted.com - WordPress Hosting\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> is a great decision if you built your website on Webflow but now want more flexibility. While Webflow is a powerful design tool, it has limitations, such as fewer plugins, higher costs, and limited control over hosting. WordPress, on the other hand, is an open-source platform that powers over <strong>43%<\/strong> of websites worldwide. It gives you full control, better scalability, and access to thousands of plugins to customize your site as you wish.&nbsp; <\/p>\n\n\n\n<p>Although moving your website from <a href=\"https:\/\/www.hosted.com\/blog\/wordpress-vs-webflow-for-website-design\/\" alt=\"Link to Hosted.com Blogs - WordPress vs Webflow - Which Should You Use to Build Your Website\" title=\"Hosted.com - WordPress vs Webflow - Which Should You Use to Build Your Website\" target=\"_blank\" rel=\"noopener\">Webflow to WordPress<\/a> may seem complex, it\u2019s a simple and manageable process when done step by step. This guide explains how to export your Webflow content, set up WordPress, and recreate your site\u2019s design. After you learn how, you will have a fully functional WordPress website that offers more power, flexibility, and control.<\/p>\n\n\n\n<h3 class=\"wp-block-heading h4\" id=\"key-takeaways\">KEY TAKEAWAYS<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose a good WordPress hosting provider before starting the migration.<\/li>\n\n\n\n<li>Install WordPress and configure its essential settings, including permalink structure.<\/li>\n\n\n\n<li>Choose a WordPress theme that matches your Webflow site\u2019s design for a smoother transition.<\/li>\n\n\n\n<li>Export your Webflow site\u2019s HTML, CSS, and images, but remember that CMS content like blog posts needs to be exported separately.<\/li>\n\n\n\n<li>Use a CSV export to move your Webflow blog posts and import them into WordPress using a plugin.<\/li>\n\n\n\n<li>Rebuild Webflow pages using a WordPress page builder like SeedProd.<\/li>\n\n\n\n<li>Upload images manually to the WordPress media library and update broken links in posts and pages.<\/li>\n\n\n\n<li>Optimize images for SEO by adding alt text and compressing them to improve page speed.<\/li>\n\n\n\n<li>Check for design consistency, ensuring fonts, colors, and layouts match your original site.<\/li>\n\n\n\n<li>Update the domain\u2019s DNS settings to direct your audience to your new hosting provider.<\/li>\n\n\n\n<li>Test your new WordPress site on desktop and mobile before making it live.<\/li>\n\n\n\n<li>When you have exported Webflow to WordPress and everything looks good, launch your WordPress website and monitor its performance.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\">\n<h3 class=\"h4\">TABLE OF CONTENTS<\/h3>\n<nav><ul>\n<li class=\"\"><a href=\"#key-takeaways\">KEY TAKEAWAYS<\/a><\/li>\n<li class=\"\"><a href=\"#why-export-webflow-to-word-press\">Why Export Webflow to WordPress?<\/a>\n<ul>\n<li class=\"\"><a href=\"#webflow-limitations\">Webflow Limitations<\/a><\/li>\n<li class=\"\"><a href=\"#advantages-of-word-press\">Advantages of WordPress<\/a><\/li>\n<\/ul><\/li>\n<li class=\"\"><a href=\"#step-1-sign-up-for-word-press-hosting\">Step 1: Sign up for WordPress Hosting<\/a><\/li>\n<li class=\"\"><a href=\"#step-2-install-word-press-cms\">Step 2: Install WordPress CMS<\/a><\/li>\n<li class=\"\"><a href=\"#step-4-export-your-webflow-website\">Step 4: Export Your Webflow Website<\/a><\/li>\n<li class=\"\"><a href=\"#step-5-recreate-webflow-pages-in-word-press\">Step 5: Recreate Webflow Pages in WordPress<\/a><\/li>\n<li class=\"\"><a href=\"#step-6-import-blog-posts-into-word-press\">Step 6: Import Blog Posts into WordPress<\/a><\/li>\n<li class=\"\"><a href=\"#step-7-import-images\">Step 7: Import Images<\/a><\/li>\n<li class=\"\"><a href=\"#step-8-update-domain-settings\">Step 8: Update Domain Settings<\/a><\/li>\n<li class=\"\"><a href=\"#fa-qs\">FAQs<\/a><\/li>\n<li class=\"\"><a href=\"#other-tutorials-of-interest\">Other Tutorials of Interest<\/a><\/li>\n<\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading h3\" id=\"why-export-webflow-to-word-press\">Why Export Webflow to WordPress?<\/h2>\n\n\n\n<p>If you&#8217;re using Webflow, you may have noticed some limitations that make it harder to scale your website. While Webflow is a great design tool, it may not be the best choice for long-term growth. WordPress, on the other hand, offers more flexibility, lower costs, and full control over your site. Let\u2019s take a closer look at why moving to WordPress can be a smart decision.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading h4\" id=\"webflow-limitations\">Webflow Limitations<\/h3>\n\n\n\n<p>Webflow is known for its drag-and-drop design features, but it has some drawbacks that can limit your website\u2019s potential. One major issue is limited customization. Webflow provides design freedom but doesn\u2019t offer the same level of control as WordPress. Webflow\u2019s built-in features may be restrictive if you want to add complex functionality.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-01.png\" alt=\"Migrate Your Website From Webflow To WordPress - Webflow Content Management System\" title=\"How To Migrate Your Website From Webflow To WordPress - Webflow Content Management System\" width=\"744\" height=\"404\" \/><\/figure>\n<\/div>\n\n\n<p>Another concern is higher costs. Webflow\u2019s pricing structure is more expensive than WordPress. You pay for hosting, additional CMS features, and e-commerce tools separately. As your website grows, these costs can add up quickly. Webflow also has fewer integrations and plugins, so you may have to rely on custom code or third-party tools to expand your site\u2019s features.&nbsp;<\/p>\n\n\n\n<p>Additionally, Webflow has limited hosting options. It primarily uses its own hosting, which means you have no control over server settings, performance optimization, or pricing. Webflow\u2019s content management system (CMS) is quite basic for bloggers. It lacks features like advanced SEO settings, which can make it harder to optimize content efficiently. Because of these limitations, many users eventually outgrow Webflow and look for a platform that offers more freedom, better performance, and lower costs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading h4\" id=\"advantages-of-word-press\">Advantages of WordPress&nbsp;<\/h3>\n\n\n\n<p>WordPress is an open-source platform, meaning you have full control over your website\u2019s design, functionality, and hosting. Unlike Webflow, WordPress allows you to modify the core code, giving you unlimited customization options. Whether you want to <a href=\"https:\/\/www.hosted.com\/blog\/how-to-create-a-blog-for-free\/\" alt=\"Link to Hosted.com Blogs - How To Create A Blog for Free - 7 Steps\" title=\"Hosted.com - How To Create A Blog for Free - 7 Steps\" target=\"_blank\" rel=\"noopener\">create a blog<\/a>, an <a href=\"https:\/\/www.hosted.com\/blog\/start-an-online-store\/\" alt=\"Link to Hosted.com Blogs - How To Start An Online Store - A Step by Step Guide\" title=\"Hosted.com - How To Start An Online Store - A Step by Step Guide\" target=\"_blank\" rel=\"noopener\">online store<\/a>, or a business site, you can adjust everything to match your needs.<\/p>\n\n\n\n<p>One of WordPress\u2019s biggest strengths is its extensive range of plugins and themes. With over <strong>70,000<\/strong> free plugins and <strong>30,000+ <\/strong>themes, you can easily add features like <a href=\"https:\/\/www.hosted.com\/blog\/best-seo-plugins-for-wordpress\/\" alt=\"Link to Hosted.com Blogs - 8 Best SEO Plugins For WordPress\" title=\"Hosted.com - 8 Best SEO Plugins For WordPress\" target=\"_blank\" rel=\"noopener\">SEO tools<\/a>, contact forms, membership areas, and more without writing any code. This makes WordPress a more scalable solution for any website.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-02.png\" alt=\"Migrate Your Website From Webflow To WordPress - WordPress Content Management System\" title=\"How To Migrate Your Website From Webflow To WordPress - WordPress Content Management System\" width=\"811\" height=\"488\" \/><\/figure>\n<\/div>\n\n\n<p>Cost is another important factor. Unlike Webflow\u2019s monthly fees, WordPress itself is completely free. You only need to pay for hosting and a domain name, which can be found at affordable prices. Plus, many WordPress plugins and themes have free versions, allowing you to build a professional website without spending too much money.&nbsp;<\/p>\n\n\n\n<p>WordPress also has a huge global community, meaning you\u2019ll always find tutorials, forums, and developers who can help you resolve issues and improve your website. The next section will guide you through the step-by-step Webflow to WordPress migration process \u2013without losing any content. However, before you do that, ensure you create a backup of your Webflow site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-1-sign-up-for-word-press-hosting\">Step 1: Sign up for WordPress Hosting&nbsp;<\/h2>\n\n\n\n<p>Before you move your website from Webflow to WordPress, you need a reliable hosting provider. Webflow includes hosting by default, but WordPress lets you choose your hosting. This gives you more control over performance, security, and pricing. <a href=\"https:\/\/www.hosted.com\/articles\/choosing-a-wordpress-hosting-provider\/\" alt=\"Link to Hosted.com Articles - Choosing a WordPress Hosting Provider - Factors to Consider\" title=\"Hosted.com - Choosing a WordPress Hosting Provider - Factors to Consider\" target=\"_blank\" rel=\"noopener\">Choosing the right hosting<\/a> is important because it affects how fast your website loads, how secure it is, and how well it handles traffic.<\/p>\n\n\n\n<p>There are many WordPress hosting providers, so you can choose the <a href=\"https:\/\/www.hosted.com\/blog\/best-affordable-wordpress-hosting\/\" alt=\"Link to Hosted.com Blogs - Finding The Best Affordable WordPress Hosting In 2025\" title=\"Hosted.com - Finding The Best Affordable WordPress Hosting In 2025\" target=\"_blank\" rel=\"noopener\">best affordable WordPress hosting<\/a> for your website. Here\u2019s what to look for in a good WordPress host:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fast &amp; Reliable Servers: <\/strong>A good host should offer fast loading speeds and at least <strong>99.9%<\/strong> uptime.<\/li>\n\n\n\n<li><strong>One-Click WordPress Installation:<\/strong> Many hosting providers offer a quick WordPress setup to make the process easier.<\/li>\n\n\n\n<li><strong>Strong Security Features:<\/strong> Look for hosts providing <a href=\"https:\/\/www.hosted.com\/security\/domain-validated-ssl-certificates\" alt=\"Link to Hosted.com Website - DV SSL Certificates\" title=\"Hosted.com - DV SSL Certificates\" target=\"_blank\" rel=\"noopener\">SSL certificates<\/a>, daily backups, and malware protection.<\/li>\n\n\n\n<li><strong>Scalability:<\/strong> If your site grows, you should be able to <a href=\"https:\/\/www.hosted.com\/knowledgebase\/wordpress\/upgrade-wordpress-hosting\/\" alt=\"Link to Hosted.com KBs - How To Upgrade WordPress Hosting On Hosted.com\" title=\"Hosted.com - How To Upgrade WordPress Hosting On Hosted.com\" target=\"_blank\" rel=\"noopener\">upgrade your hosting plan<\/a> for better speed and storage.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-56606af758fd5d7823d25f632dd4c318\"><strong>IMPORTANT:<\/strong> <\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-243d0c91d2a348bd97b721224321a434\">You\u2019ll get all these and more features at <a alt=\"Link to Hosted.com Website - Home Page\" title=\"Hosted.com - Home Page\" href=\"https:\/\/www.hosted.com\/\" target=\"_blank\" rel=\"noopener\">Hosted\u00ae<\/a>.<\/p>\n\n\n\n<p>Once you pick a hosting provider, you\u2019ll need to <a alt=\"Link to Hosted.com KBs - What Is The Best Hosting Plan For My Website\" title=\"Hosted.com - What Is The Best Hosting Plan For My Website\" href=\"https:\/\/www.hosted.com\/knowledgebase\/pre-sales\/best-website-hosting-plan\/\" target=\"_blank\" rel=\"noopener\">choose a hosting plan<\/a>. If you&#8217;re starting small, a <a alt=\"Link to Hosted.com Articles - What Is Shared Hosting - Understanding the Pros and Cons\" title=\"Hosted.com - What Is Shared Hosting - Understanding the Pros and Cons\" href=\"https:\/\/www.hosted.com\/articles\/what-is-shared-hosting\/\" target=\"_blank\" rel=\"noopener\">shared hosting<\/a> plan is a good option because it\u2019s affordable. If you expect a lot of visitors, consider <a alt=\"Link to Hosted.com Articles - Managed WordPress Hosting - An Introduction\" title=\"Hosted.com - Managed WordPress Hosting - An Introduction\" href=\"https:\/\/www.hosted.com\/articles\/introduction-to-managed-wordpress-hosting\/\" target=\"_blank\" rel=\"noopener\">managed WordPress hosting<\/a> for better website speed and security. <\/p>\n\n\n\n<p>At Hosted\u00ae, we provide multiple hosting plans that fit various website requirements. Here\u2019s how you can sign up with us:<\/p>\n\n\n\n<p>Go to the <a href=\"https:\/\/www.hosted.com\/hosting\/wordpress\" alt=\"Link to Hosted.com Website - WordPress Hosting\" title=\"Hosted.com - WordPress Hosting\" target=\"_blank\" rel=\"noopener\">WordPress Hosting page<\/a>. Click <strong>Buy Now<\/strong> on your required hosting plan.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-03.png\" alt=\"Migrate Your Website From Webflow To WordPress - WordPress Hosting Plan\" title=\"How To Migrate Your Website From Webflow To WordPress - WordPress Hosting Plan\" width=\"811\" height=\"716\" \/><\/figure>\n<\/div>\n\n\n<p>Next, Hosted\u00ae will ask for a domain name. Here, you have 3 options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Register a new domain:<\/strong> Use this to purchase a new domain with us.<\/li>\n\n\n\n<li><strong>Transfer your domain: <\/strong>Choose this if you\u2019ve already purchased a domain from a different <a href=\"https:\/\/www.hosted.com\/knowledgebase\/domains\/what-is-a-domain-registrar\/\" alt=\"Link to Hosted.com KBs - What Is A Domain Registrar\" title=\"Hosted.com - What Is A Domain Registrar\" target=\"_blank\" rel=\"noopener\">domain registrar<\/a>.<\/li>\n\n\n\n<li><strong>Use your existing domain &amp; update your nameservers:<\/strong> Select this if you have a custom domain linked to your Webflow site. For this tutorial example, we use this option.<\/li>\n<\/ul>\n\n\n\n<p>After that, click <strong>Proceed to Cart<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-04.png\" alt=\"Migrate Your Website From Webflow To WordPress - Choose Your Domain Name\" title=\"How To Migrate Your Website From Webflow To WordPress - Choose Your Domain Name\" width=\"996\" height=\"521\" \/><\/figure>\n<\/div>\n\n\n<p>Review your cart (and update your plan if needed). Then, click <strong>Checkout.<\/strong><\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-05.png\" alt=\"Migrate Your Website From Webflow To WordPress - Complete Checkout\" title=\"How To Migrate Your Website From Webflow To WordPress - Complete Checkout\" width=\"1110\" height=\"440\" \/><\/figure>\n<\/div>\n\n\n<p>If you haven\u2019t signed in, you\u2019ll be prompted to log in to your Hosted\u00ae account. However, if you\u2019re new to our platform, click <strong>Create New Account<\/strong>, provide the required details, and complete the purchase.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-06.png\" alt=\"Migrate Your Website From Webflow To WordPress - Login or Create New Account on Hosted\u00ae\" title=\"How To Migrate Your Website From Webflow To WordPress - Login or Create New Account on Hosted\u00ae\" width=\"1132\" height=\"218\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-2-install-word-press-cms\">Step 2: Install WordPress CMS<\/h2>\n\n\n\n<p>After signing up for a WordPress hosting account, follow these steps to set up your WordPress site:&nbsp;<\/p>\n\n\n\n<p>Navigate to <strong>Hosted Dashboard<\/strong> \u2192 <strong>Manage Services<\/strong>. From the drop-down menu, choose <strong>WordPress Hosting<\/strong>. Locate the domain where you want to <a href=\"https:\/\/www.hosted.com\/articles\/installing-wordpress-guide\/\" alt=\"Link to Hosted.com Articles - Installing WordPress - Step-by-Step Guide\" title=\"Hosted.com - Installing WordPress - Step-by-Step Guide\" target=\"_blank\" rel=\"noopener\">install WordPress<\/a> and click <strong>Manage<\/strong> next to it. This will open the domain\u2019s dashboard.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-07.png\" alt=\"Migrate Your Website From Webflow To WordPress - Install WordPress\" title=\"How To Migrate Your Website From Webflow To WordPress - Install WordPress\" width=\"1236\" height=\"371\" \/><\/figure>\n<\/div>\n\n\n<p>Under <strong>Quick Manage<\/strong>, click <strong>Install WordPress<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-08.png\" alt=\"Migrate Your Website From Webflow To WordPress - Install WordPress via One-click Installation Feature\" title=\"How To Migrate Your Website From Webflow To WordPress - Install WordPress via One-click Installation Feature\" width=\"587\" height=\"518\" \/><\/figure>\n<\/div>\n\n\n<p>Once the installation is done, log in to WordPress by going to <strong>yourwebsite.com\/wp-admin<\/strong> and configuring WordPress settings, including permalinks. We\u2019ve already covered this in the following tutorial:<\/p>\n\n\n\n<p><a alt=\"Link to Hosted.com Tutorials - How to Configure WordPress Settings After Installation\" title=\"Hosted.com - How to Configure WordPress Settings After Installation\" href=\"https:\/\/www.hosted.com\/articles\/wordpress-settings\/\" target=\"_blank\" rel=\"noopener\">&#8211; How To Configure WordPress Settings After Installation<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-3-choose-a-word-press-theme\">Step 3: Choose a WordPress Theme<\/h2>\n\n\n\n<p>Now that you\u2019ve set up WordPress, the next step is to choose a theme. A WordPress theme controls how your website looks and feels. It determines the layout, colors, fonts, and overall design. Unlike Webflow, where you design everything visually, WordPress themes give you a ready-made structure to customize without coding.&nbsp;<\/p>\n\n\n\n<p>If you\u2019re wondering how to choose the right theme, refer to the following tutorial:<\/p>\n\n\n\n<p>&#8211; <a alt=\"Link to Hosted.com Articles - How to Choose a WordPress Theme - Beginner Guide\" title=\"Hosted.com - How to Choose a WordPress Theme - Beginner Guide\" href=\"https:\/\/www.hosted.com\/articles\/how-to-choose-a-wordpress-theme\/\" target=\"_blank\" rel=\"noopener\">How to Choose a WordPress Theme: A Beginner\u2019s Guide<\/a><\/p>\n\n\n\n<p>Once you\u2019ve chosen a theme, follow these steps to install it:&nbsp;<\/p>\n\n\n\n<p><a alt=\"Link to Hosted.com Tutorials - WordPress Admin Dashboard Tips for Accessing and Using WP Admin\" title=\"Hosted.com - WordPress Admin Dashboard Tips for Accessing and Using WP Admin\" href=\"https:\/\/www.hosted.com\/articles\/wordpress-admin-dashboard\/\" target=\"_blank\" rel=\"noopener\">Login to your WordPress admin dashboard<\/a>. Go to <strong>Appearance <\/strong>\u2192 <strong>Themes <\/strong>in the left menu. Click <strong>Add New Theme<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-09.png\" alt=\"Migrate Your Website From Webflow To WordPress - Add New Theme\" title=\"How To Migrate Your Website From Webflow To WordPress - Add New Theme\" width=\"995\" height=\"428\" \/><\/figure>\n<\/div>\n\n\n<p>Now, search for the theme name. Click <strong>Install<\/strong>, then <strong>Activate<\/strong> to apply the theme to your website.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-10.png\" alt=\"Migrate Your Website From Webflow To WordPress - Install and Activate Plugin\" title=\"How To Migrate Your Website From Webflow To WordPress - Install and Activate Plugin\" width=\"1177\" height=\"343\" \/><\/figure>\n<\/div>\n\n\n<p>With your theme set up, your website is now taking shape. The next step is to import your Webflow content into WordPress to transfer your pages, posts, and images. To do that, you first need to export Webflow content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-4-export-your-webflow-website\">Step 4: Export Your Webflow Website<\/h2>\n\n\n\n<p>Before moving Webflow to WordPress, you must export your content from Webflow. It lets you download your site\u2019s code, including HTML, CSS, JavaScript, and media files. However, it does not provide a direct way to transfer your site to another platform, so you must export your website manually and import it into WordPress.<\/p>\n\n\n\n<p>Here\u2019s how to export your Webflow website\u2019s code:&nbsp;<\/p>\n\n\n\n<p>Go to the Webflow dashboard and click <strong>Open site<\/strong> to open your website.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-11.png\" alt=\"Migrate Your Website From Webflow To WordPress - Open Webflow Website\" title=\"How To Migrate Your Website From Webflow To WordPress - Open Webflow Website\" width=\"867\" height=\"440\" \/><\/figure>\n<\/div>\n\n\n<p>Then, navigate to <strong>Main Menu<\/strong> \u2192 <strong>Export code<\/strong>, or use the shortcut <strong>Shift + E<\/strong>. Click <strong>Prepare ZIP<\/strong> to generate the export file. Download the ZIP file to your computer. This ZIP file includes HTML, CSS, JavaScript, and images.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-12.png\" alt=\"Migrate Your Website From Webflow To WordPress - Export Webflow Website Code\" title=\"How To Migrate Your Website From Webflow To WordPress - Export Webflow Website Code\" width=\"1120\" height=\"405\" \/><\/figure>\n<\/div>\n\n\n<p>While Webflow allows you to export your website\u2019s code, there are some restrictions:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Webflow\u2019s animations and interactions may not work in WordPress and can require re-implementation.&nbsp;<\/li>\n\n\n\n<li>Webflow does not include dynamic CMS content (like blog posts) in the exported files. These have to be exported separately via CSV.<\/li>\n\n\n\n<li>You cannot directly import Webflow pages into WordPress, so you must rebuild them using a WordPress theme or <a href=\"https:\/\/www.hosted.com\/hosting\/website-builder\" alt=\"Link to Hosted.com Website - Website Builder Add-on\" title=\"Hosted.com - Website Builder Add-on\" target=\"_blank\" rel=\"noopener\">page builder<\/a>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-71ff36e9aaaa7a4998f2e727b722c886\"><strong>IMPORTANT:<\/strong><\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-15a5333e2f70f6647d4a6e9302c969ed\">If you are not subscribed to the Workspace plan, manually save each page. Alternatively, use the <a alt=\"Link to HTTrack - Website Copier\" title=\"HTTrack - Website Copier\" href=\"https:\/\/www.httrack.com\/\" target=\"_blank\" rel=\"noopener\">HTTrack website copier<\/a> to scan your site and download all its pages.<\/p>\n\n\n\n<p>Once your static content is exported, the next step is to transfer your blog posts from Webflow to WordPress. Webflow\u2019s CMS manages blog posts, but unlike WordPress, it does not offer an easy way to migrate content. However, you can export your blog posts in <strong>CSV format<\/strong> and prepare them for import into WordPress. To do this:<\/p>\n\n\n\n<p>Go to Webflow\u2019s <strong>CMS panel<\/strong> (this section displays all the files and data stored on your Webflow server) and open your blog collection. Click <strong>Export<\/strong> to download your blog posts as a <strong>CSV file<\/strong>. Save the <strong>CSV file<\/strong> to your computer for the next step.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-13.png\" alt=\"Migrate Your Website From Webflow To WordPress - Export Blog Posts from Webflow\" title=\"How To Migrate Your Website From Webflow To WordPress - Export Blog Posts from Webflow\" width=\"1180\" height=\"281\" \/><\/figure>\n<\/div>\n\n\n<div style=\"margin-top: 20px; margin-bottom: 20px;\"><div class=\"bg-primary-xxlight rounded-md mt-3 mb-3 p-3 text-center border border-primary-xlight border-2x\"><p class=\"font09 m-0\"> Host your WordPress website with lightning-fast SSD storage, free SSL encryption, and real-time malware scanning for maximum security.<br><a href=\"https:\/\/www.hosted.com\/hosting\/wordpress\" alt=\"Link to Hosted.com Website - WordPress Hosting\" title=\"Hosted.com - WordPress Hosting\" target=\"_blank\" rel=\"noopener\">Hosted\u00ae\u2019s WordPress Hosting plans<\/a> include automatic updates, free email accounts, and expert assistance to keep your site optimized and secure. <\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-5-recreate-webflow-pages-in-word-press\">Step 5: Recreate Webflow Pages in WordPress<\/h2>\n\n\n\n<p>Now that you&#8217;ve downloaded your Webflow content, it&#8217;s time to recreate your pages on WordPress. Since WordPress does not support the direct import of individual Webflow pages, you will need to rebuild them manually using a page builder.&nbsp;<\/p>\n\n\n\n<p>To simplify this process, consider using a drag-and-drop page builder like <strong>SeedProd<\/strong>. This tool allows you to design professional-looking web pages without coding. Here\u2019s how to use it to re-build pages in WordPress:<\/p>\n\n\n\n<p>Go to <strong>WordPress Dashboard<\/strong> \u2192 <strong>Plugins <\/strong>\u2192 <strong>Add New Plugin<\/strong>. Search for <strong>SeedProd<\/strong>. Then, click <strong>Install Now<\/strong>. Once the installation is finished, click <strong>Activate<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-14.png\" alt=\"Migrate Your Website From Webflow To WordPress - Install SeedProd Plugin\" title=\"How To Migrate Your Website From Webflow To WordPress - Install SeedProd Plugin\" width=\"1179\" height=\"452\" \/><\/figure>\n<\/div>\n\n\n<p>Once activated, go to <strong>SeedProd <\/strong>\u2192 <strong>Landing Pages<\/strong> and click <strong>Add New Landing Page<\/strong> to get started.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-15.png\" alt=\"Migrate Your Website From Webflow To WordPress - Add New Landing Page Using SeedProd\" title=\"How To Migrate Your Website From Webflow To WordPress - Add New Landing Page Using SeedProd\" width=\"867\" height=\"169\" \/><\/figure>\n<\/div>\n\n\n<p>After that, choose a pre-designed template from the SeedProd library. Choose a template that closely matches the design of your Webflow pages. You can customize the template later to match your brand\u2019s look and feel.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-16.png\" alt=\"Migrate Your Website From Webflow To WordPress - Choose Page Template\" title=\"How To Migrate Your Website From Webflow To WordPress - Choose Page Template\" width=\"1113\" height=\"540\" \/><\/figure>\n<\/div>\n\n\n<p>Enter a <strong>Page Name<\/strong> that reflects its purpose. Set a <strong>Page URL<\/strong> (also known as a <strong>slug)<\/strong> that matches the Webflow page\u2019s original URL. Keeping the same URL structure helps maintain SEO rankings and avoids traffic loss.&nbsp; Once done, click <strong>Save and Start Editing the Page<\/strong> to proceed.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-17.png\" alt=\"Migrate Your Website From Webflow To WordPress - Enter Page Title and Slug\" title=\"How To Migrate Your Website From Webflow To WordPress - Enter Page Title and Slug\" width=\"604\" height=\"369\" \/><\/figure>\n<\/div>\n\n\n<p>Now, you can click on any element to edit it directly. Drag and drop new elements from the left panel. <a alt=\"Link to Hosted.com Tutorials - How to Change Fonts in WordPress - 6 Easy Ways\" title=\"Hosted.com - How to Change Fonts in WordPress - 6 Easy Ways\" href=\"https:\/\/www.hosted.com\/articles\/change-fonts-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">Adjust the font<\/a>, layouts, colors, and more. You may also <a alt=\"Link to Hosted.com Tutorials - How To Change The Logo In WordPress - 3 Effective Methods\" title=\"Hosted.com - How To Change The Logo In WordPress - 3 Effective Methods\" href=\"https:\/\/www.hosted.com\/articles\/change-the-logo-in-wordpress\/\" target=\"_blank\" rel=\"noopener\">upload your logo<\/a>, images, and branding assets.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-18.png\" alt=\"Migrate Your Website From Webflow To WordPress - Customize Page\" title=\"How To Migrate Your Website From Webflow To WordPress - Customize Page\" width=\"1058\" height=\"489\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-6-import-blog-posts-into-word-press\">Step 6: Import Blog Posts into WordPress<\/h2>\n\n\n\n<p>The next step in the Webflow to WordPress migration process is to import your Webflow content. WordPress has a built-in import tool, but it only supports <strong>XML files<\/strong>. Since Webflow exports content as a <strong>CSV file<\/strong>, you\u2019ll need a migration plugin to upload the data.&nbsp;<\/p>\n\n\n\n<p><strong>WP All Import<\/strong> is one of the best <a alt=\"Link to Hosted.com Articles - WordPress Migration Plugins - Benefits for a Website Transition\" title=\"Hosted.com - WordPress Migration Plugins - Benefits for a Website Transition\" href=\"https:\/\/www.hosted.com\/articles\/benefits-of-wordpress-migration-plugins\/\" target=\"_blank\" rel=\"noopener\">migration plugins<\/a> for this task, which allows you to import <strong>CSV files<\/strong> easily. Install and activate the WP All Import plugin to start the import process. Follow these steps:<\/p>\n\n\n\n<p>Go to <strong>WordPress Dashboard <\/strong>\u2192 <strong>Plugins <\/strong>\u2192 <strong>Add New Plugin<\/strong>. Type <strong>WP All Import<\/strong> in the search bar. Hit <strong>Install Now<\/strong>, then <strong>Activate<\/strong>. Once activated, the plugin will be available in your WordPress dashboard.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-19.png\" alt=\"Migrate Your Website From Webflow To WordPress - Install and Activate WP All Import Plugin\" title=\"How To Migrate Your Website From Webflow To WordPress - Install and Activate WP All Import Plugin\" width=\"695\" height=\"359\" \/><\/figure>\n<\/div>\n\n\n<p>After activating <strong>WP All Import<\/strong>, navigate to <strong>All Import<\/strong> \u2192 <strong>New Import <\/strong>in WordPress. Click <strong>Upload a file<\/strong> and choose the <strong>CSV file<\/strong> you exported from Webflow.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-20.png\" alt=\"Migrate Your Website From Webflow To WordPress - Upload Exported Blog Posts CSV File\" title=\"How To Migrate Your Website From Webflow To WordPress - Upload Exported Blog Posts CSV File\" width=\"1117\" height=\"453\" \/><\/figure>\n<\/div>\n\n\n<p>Once the upload is complete, choose the type of content to import. For this tutorial example, we import <strong>Posts<\/strong>. Then, click <strong>Continue to Step 2<\/strong> to proceed.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-21.png\" alt=\"Migrate Your Website From Webflow To WordPress - Choose Content to Import\" title=\"How To Migrate Your Website From Webflow To WordPress - Choose Content to Import\" width=\"916\" height=\"477\" \/><\/figure>\n<\/div>\n\n\n<p>Review your import file and click on <strong>Continue to Step 3.<\/strong><\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-22.png\" alt=\"Migrate Your Website From Webflow To WordPress - Review Import File\" title=\"How To Migrate Your Website From Webflow To WordPress - Review Import File\" width=\"987\" height=\"591\" \/><\/figure>\n<\/div>\n\n\n<p>Next, you need to map CSV data to WordPress fields. To do that, <strong>WP All Import<\/strong> provides a drag-and-drop interface to map your CSV columns to WordPress post fields. For example, drag the <strong>name<\/strong> field from the right panel and drop it into the <strong>Post Title<\/strong> field. Also, drag the <strong>postbody<\/strong> field into the <strong>Post Content<\/strong> section.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-23.png\" alt=\"Migrate Your Website From Webflow To WordPress - Map CSV Data in WordPress\" title=\"How To Migrate Your Website From Webflow To WordPress - Map CSV Data in WordPress\" width=\"861\" height=\"487\" \/><\/figure>\n<\/div>\n\n\n<p>If your CSV includes <a href=\"https:\/\/www.hosted.com\/articles\/create-and-manage-wordpress-categories\/\" alt=\"Link to Hosted.com Tutorials - How To Create And Manage WordPress Categories\" title=\"Hosted.com - How To Create And Manage WordPress Categories\" target=\"_blank\" rel=\"noopener\">categories<\/a> or <a href=\"https:\/\/www.hosted.com\/articles\/use-wordpress-tags-effectively\/\" alt=\"Link to Hosted.com Tutorials - How To Use WordPress Tags Effectively And Their Purpose\" title=\"Hosted.com - How To Use WordPress Tags Effectively And Their Purpose\" target=\"_blank\" rel=\"noopener\">tags<\/a>, map them under <strong>Taxonomies, Categories, Tags<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-24.png\" alt=\"Migrate Your Website From Webflow To WordPress - Map Categories, Tags, and Taxonomies\" title=\"How To Migrate Your Website From Webflow To WordPress - Map Categories, Tags, and Taxonomies\" width=\"999\" height=\"494\" \/><\/figure>\n<\/div>\n\n\n<p>After that, expand <strong>Other Post Options<\/strong> to configure the <strong>Post Status<\/strong> (<strong>Published<\/strong>, <strong>Draft<\/strong>, or <strong>Set with XPath<\/strong>). Here, you can enable or <a href=\"https:\/\/www.hosted.com\/articles\/disable-comments-on-wordpress\/\" alt=\"Link to Hosted.com Tutorials - How To Disable Comments On WordPress - A Step-By-Step Guide\" title=\"Hosted.com - How To Disable Comments On WordPress - A Step-By-Step Guide\" target=\"_blank\" rel=\"noopener\">disable comments<\/a> and specify the post slug, post format, and post template based on your requirements. <\/p>\n\n\n\n<p>When all fields are mapped, click <strong>Continue to Step 4.<\/strong><\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-25.png\" alt=\"Migrate Your Website From Webflow To WordPress - Choose Post Status\" title=\"How To Migrate Your Website From Webflow To WordPress - Choose Post Status\" width=\"871\" height=\"399\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-25A.png\" alt=\"Migrate Your Website From Webflow To WordPress - Choose Post Status\" title=\"How To Migrate Your Website From Webflow To WordPress - Choose Post Status\" width=\"868\" height=\"290\" \/><\/figure>\n<\/div>\n\n\n<p>Next, you need to define a unique identifier. Remember, <strong>WP All Import <\/strong>requires a unique identifier to avoid duplicates. To ensure this, click <strong>Auto-detect<\/strong> to generate a unique ID for each post. Later, click <strong>Continue<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-26.png\" alt=\"Migrate Your Website From Webflow To WordPress - Define Unique Identifier\" title=\"How To Migrate Your Website From Webflow To WordPress - Define Unique Identifier\" width=\"659\" height=\"243\" \/><\/figure>\n<\/div>\n\n\n<p>Review all the settings to ensure accuracy, then click <strong>Confirm &amp; Run Import<\/strong>. Wait for the process to complete. <strong>WP All Import<\/strong> will display a confirmation message when the import is completed.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-27.png\" alt=\"Migrate Your Website From Webflow To WordPress - Confirm and Run Import\" title=\"How To Migrate Your Website From Webflow To WordPress - Confirm and Run Import\" width=\"996\" height=\"554\" \/><\/figure>\n<\/div>\n\n\n<p>Now, go to <strong>Posts <\/strong>\u2192 <strong>All Posts<\/strong> in your WordPress dashboard. Check if all blog posts were imported correctly. Open individual posts to confirm that the titles, content, categories, and other details are correct.&nbsp;<\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-71ff36e9aaaa7a4998f2e727b722c886\"><strong>IMPORTANT:<\/strong><\/p>\n\n\n\n<p class=\"has-vivid-red-color has-text-color has-link-color wp-elements-541361bbd1f32fb30db4136471d04d95\">If your CSV file contains image URLs, WordPress does not automatically download those images. You can manually upload images to the WordPress<strong> Media Library<\/strong> or use a plugin to fetch and upload images automatically. We explain importing images in the next section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-7-import-images\">Step 7: Import Images&nbsp;<\/h2>\n\n\n\n<p>Once your content is transferred from Webflow to WordPress, the next step is to upload and organize your images. Webflow stores images separately, so they don\u2019t automatically move with your blog posts or pages. You\u2019ll need to manually import them into the WordPress <strong>Media Library<\/strong> and ensure they are correctly linked to your content.&nbsp;<\/p>\n\n\n\n<p>To add your Webflow images to WordPress, follow these steps:&nbsp;<\/p>\n\n\n\n<p>First, collect your images. If you exported your Webflow website, you\u2019ll find your images in the ZIP file under <strong>Images<\/strong> or <strong>Assets<\/strong>. Then, navigate to <strong>Media <\/strong>\u2192 <strong>Library <\/strong>in the left menu.&nbsp; Click <strong>Add New Media File<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-28.png\" alt=\"Migrate Your Website From Webflow To WordPress - Add New Media File in WordPress\" title=\"How To Migrate Your Website From Webflow To WordPress - Add New Media File in WordPress\" width=\"1053\" height=\"284\" \/><\/figure>\n<\/div>\n\n\n<p>Next, drag and drop all your images or click <strong>Select Files <\/strong>to select them from your computer.<\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-29.png\" alt=\"Migrate Your Website From Webflow To WordPress - Upload Images to WordPress\" title=\"How To Migrate Your Website From Webflow To WordPress - Upload Images to WordPress\" width=\"1182\" height=\"230\" \/><\/figure>\n<\/div>\n\n\n<p>WordPress automatically sorts images by upload date. You can also use plugins like <strong>Media Library Folders<\/strong> to create folders and keep your images structured.&nbsp;<\/p>\n\n\n\n<p>Since Webflow doesn\u2019t include images in its blog post export, your imported posts may have broken image links. To fix this, do the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Manually Edit Posts: <\/strong>Go to <strong>WordPress Dashboard <\/strong>\u2192 <strong>Posts <\/strong>\u2192<strong> All Posts<\/strong>. Click <strong>Edit <\/strong>on your desired post and replace broken image links with the correct files from your media library.&nbsp;<\/li>\n\n\n\n<li><strong>Use a Plugin<\/strong>: Use <strong>Auto Upload Images<\/strong> to scan your posts and automatically fetch missing images.&nbsp;<\/li>\n\n\n\n<li><strong>Check Internal Links:<\/strong> If your images were linked to Webflow URLs, update them to your new WordPress site URL.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Once you\u2019ve successfully uploaded the images to WordPress, ensure you properly optimize images to improve site speed and SEO rankings. You will find some key tips below:&nbsp;<\/p>\n\n\n\n<p>&#8211;<a alt=\"Link to Hosted.com Articles - WordPress Image Optimization Techniques for Faster Loading\" title=\"Hosted.com - WordPress Image Optimization Techniques for Faster Loading\" href=\"https:\/\/www.hosted.com\/articles\/wordpress-image-optimization\/\" target=\"_blank\" rel=\"noopener\"> WordPress Image Optimization Techniques For Faster Loading<\/a><\/p>\n\n\n\n<p>Now that your content and images are in place, the next step is to finalize your WordPress domain settings and launch your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading h3\" id=\"step-8-update-domain-settings\">Step 8: Update Domain Settings<\/h2>\n\n\n\n<p>Although you have successfully migrated from Webflow to WordPress, your domain may still be linked to Webflow\u2019s nameservers. To use the same domain with your new WordPress site, you need to update the DNS settings so that it directs visitors to your new hosting provider. To do that:<\/p>\n\n\n\n<p>Find your hosting provider\u2019s nameservers, which typically look as follows:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>ns1.yourhostingprovider.com\nns2.yourhostingprovider.com\nns3.yourhostingprovider.com\u00a0<\/code><\/pre>\n\n\n\n<p>You can find these details in your hosting account dashboard. If you\u2019re hosting your website with Hosted\u00ae, you will find nameservers by navigating to <strong>Manage Services <\/strong>\u2192 <strong>Domains <\/strong>and clicking <strong>Manage.<\/strong><\/p>\n\n\n<div class=\"wp-block-image wp-block-image size-full\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/images\/kb\/tutorials\/Tut-OS-111-30.png\" alt=\"Migrate Your Website From Webflow To WordPress - Access Nameservers Using Hosted Dashboard\" title=\"How To Migrate Your Website From Webflow To WordPress - Access Nameservers Using Hosted Dashboard\" width=\"1123\" height=\"481\" \/><\/figure>\n<\/div>\n\n\n<p>However, if your <a href=\"https:\/\/www.hosted.com\/domains\/register-domains\" alt=\"Link to Hosted.com Website - Domain Registration\" title=\"Hosted.com - Domain Registration\" target=\"_blank\" rel=\"noopener\">domain was registered<\/a> separately from Webflow, for example with Hosted\u00ae, follow these steps:&nbsp;<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Log in to your domain registrar\u2019s account.<\/li>\n\n\n\n<li>Locate <strong>DNS settings<\/strong> or <strong>Nameserver management<\/strong>.<\/li>\n\n\n\n<li>Replace the existing Webflow nameservers with the ones from your new host.<\/li>\n\n\n\n<li>Then, save the changes.<\/li>\n<\/ol>\n\n\n\n<p>Once you update your nameservers, it may take some time (usually a few hours to 48 hours) for the changes to fully propagate worldwide.&nbsp; After the process is complete, users who type your domain into their browser will be directed to your new WordPress website. <\/p>\n\n\n\n<p>Ensure you complete this step only when your WordPress site is ready to go live.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.hosted.com\/hosting\/wordpress\" alt=\"Link to Hosted\u00ae - WordPress Hosting\" title=\"Hosted\u00ae - WordPress Hosting\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2-1024x229.webp\" alt=\"Strip Banner Text - Secure, scalable, and fast WordPress Hosting for your new site. [Get started]\" title=\"Secure, scalable, and fast WordPress Hosting for your new site\" class=\"wp-image-9143\" width=\"1024\" height=\"229\" srcset=\"https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2-1024x229.webp 1024w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2-300x67.webp 300w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2-768x172.webp 768w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2-960x214.webp 960w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2-1052x235.webp 1052w, https:\/\/www.hosted.com\/articles\/wp-content\/uploads\/2025\/03\/webflow-to-wordpress-2.webp 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading h4\" id=\"fa-qs\">FAQs<\/h3>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1741347315301\" class=\"rank-math-list-item\">\n<h6 class=\"rank-math-question \"><strong>Do I need coding skills to convert Webflow to WordPress?<\/strong><\/h6>\n<div class=\"rank-math-answer \">\n\n<p>No, you don\u2019t need coding skills. WordPress allows you to import content, rebuild pages, and set up a theme without touching code. If you are using page builders like Elementor or SeedProd, you can design pages with a drag-and-drop editor, just like Webflow. However, if your Webflow site has custom code or animations, you may need a developer to recreate them in WordPress.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1741347327091\" class=\"rank-math-list-item\">\n<h6 class=\"rank-math-question \"><strong>How long does it take to migrate a Webflow website to WordPress?<\/strong><\/h6>\n<div class=\"rank-math-answer \">\n\n<p>The migration process can take a few hours to a few days, depending on the complexity of your site. A simple blog may take less than a day, while a large website with many pages and custom features may take several days. Carefully follow each step \u2013 export content, set up WordPress, and recreate pages \u2013 so the process will be smooth and manageable.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1741347335940\" class=\"rank-math-list-item\">\n<h6 class=\"rank-math-question \"><strong>What should I do after migrating my website to WordPress?<\/strong><\/h6>\n<div class=\"rank-math-answer \">\n\n<p>Once your site is live on WordPress, here are some important post-migration steps:<\/p>\n<p>&#8211; Test your site to ensure everything looks and functions correctly.<br \/>&#8211; Check all links and redirects to avoid broken pages.<br \/>&#8211; Install essential plugins for security, SEO, and caching.<br \/>&#8211; Regularly create a backup of your website to prevent data loss.<br \/>&#8211; Monitor site performance using tools like Google Analytics and Google Search Console.<\/p>\n<p>Migrating to WordPress is a one-time effort, but it gives you more freedom, control, and scalability for your website in the long run.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1741347384201\" class=\"rank-math-list-item\">\n<h6 class=\"rank-math-question \"><strong>Will my Webflow site remain live after migrating to WordPress?<\/strong><\/h6>\n<div class=\"rank-math-answer \">\n\n<p>Yes, your Webflow site will stay live until you cancel your Webflow subscription. It\u2019s a good idea to keep Webflow active while you test your new WordPress site. Once everything works perfectly, you can switch your domain to WordPress and cancel Webflow.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1741347392801\" class=\"rank-math-list-item\">\n<h6 class=\"rank-math-question \"><strong>Will my Webflow forms transfer to WordPress?<\/strong><\/h6>\n<div class=\"rank-math-answer \">\n\n<p>No, Webflow\u2019s forms won\u2019t automatically transfer to WordPress. However, you can easily recreate them using a form plugin like WPForms, Contact Form 7, or Gravity Forms. If you need state-of-the-art features like conditional logic or multi-step forms, WPForms Pro is a great choice. After setting up your forms, don\u2019t forget to test form submissions to ensure they work correctly.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading h4\" id=\"other-tutorials-of-interest\">Other Tutorials of Interest<\/h3>\n\n\n\n<p>&#8211; <a href=\"https:\/\/www.hosted.com\/articles\/update-wordpress\/\" target=\"_blank\" rel=\"noopener\" alt=\"Link to Hosted.com Tutorials - How to Update WordPress - 5 Easy Ways\" title=\"Hosted.com - How to Update WordPress - 5 Easy Ways\">How to Update WordPress: 5 Easy Ways<\/a><\/p>\n\n\n\n<p>&#8211; <a href=\"https:\/\/www.hosted.com\/articles\/submit-website-to-search-engines\/\" target=\"_blank\" rel=\"noopener\" alt=\"Link to Hosted.com Tutorials - How To Submit A Website To Search Engines\" title=\"Hosted.com - How To Submit A Website To Search Engines\">How To Submit A Website To Search Engines<\/a><\/p>\n\n\n\n<p>&#8211; <a href=\"https:\/\/www.hosted.com\/articles\/setup-wordpress-rss-feeds\/\" target=\"_blank\" rel=\"noopener\" alt=\"Link to Hosted.com Tutorials - How To Setup and Configure WordPress RSS Feeds\" title=\"Hosted.com - How To Setup and Configure WordPress RSS Feeds\">How To Setup &amp; Configure WordPress RSS Feeds<\/a><\/p>\n\n\n\n<p>&#8211; <a href=\"https:\/\/www.hosted.com\/articles\/wordpress-featured-image-size\/\" target=\"_blank\" rel=\"noopener\" alt=\"Link to Hosted.com Tutorials - WordPress Featured Image Size - How to Change It and Best Practices\" title=\"Hosted.com - WordPress Featured Image Size - How to Change It and Best Practices\">WordPress Featured Image Size: How to Change it &amp; Best Practices<\/a><\/p>\n\n\n\n<p>&#8211; <a href=\"https:\/\/www.hosted.com\/articles\/fix-wordpress-permalinks-not-working\/\" target=\"_blank\" rel=\"noopener\" alt=\"Link to Hosted.com Tutorials - WordPress Permalinks Not Working - 3 Easy Ways to Fix Them\" title=\"Hosted.com - WordPress Permalinks Not Working - 3 Easy Ways to Fix Them\">WordPress Permalinks Not Working: 3 Easy Ways to Fix Them<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p> Moving from Webflow to WordPress is a great decision if you built your website on Webflow but now want more flexibility. While Webflow is a powerful design tool, it has limitations, such as fewer plugins, higher costs, and limited control over hosting. WordPress, on the other hand, is an open-source platform that powers over 43% of websites worldwide. It gives you full control, better scalability, and access to thousands of plugins to customize your site as you wish.&nbsp; Although moving your &#8230; <a alt='Webflow To WordPress: How To Migrate Your Website' title='Webflow To WordPress: How To Migrate Your Website' href='https:\/\/www.hosted.com\/articles\/webflow-to-wordpress\/' class='read-more'>Read More<\/a><\/p>\n","protected":false},"author":5,"featured_media":9141,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5,340,6,8,242],"tags":[347],"class_list":["post-9132","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-hosting","category-tutorials","category-website-development","category-wordpress-migration","tag-migrate-from-webflow-to-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/posts\/9132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/comments?post=9132"}],"version-history":[{"count":18,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/posts\/9132\/revisions"}],"predecessor-version":[{"id":12303,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/posts\/9132\/revisions\/12303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/media\/9141"}],"wp:attachment":[{"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/media?parent=9132"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/categories?post=9132"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hosted.com\/articles\/wp-json\/wp\/v2\/tags?post=9132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}