Migrating your website to Webflow can feel like a daunting task, but there are many reasons why businesses are making the move. Whether it’s moving away from WordPress, Wix, Squarespace, or a custom-coded solution, many find that their current platform no longer suits their needs.

In this guide, I'm not talking about a full redesign—just a migration. You want the same website, but on Webflow. If that sounds like your goal, here are some helpful tips and tools to make the process as easy and efficient as possible. Let’s dive into the essentials for a successful Webflow migration.

Here’s what we’ll cover:

• How to download a full website sitemap
• Extracting meta titles and descriptions from your current site
• Using Google Sheets to format and edit content
• Webflow redirect rules to speed up your migration

1. Download a Full Website Sitemap

One of the first steps in migrating your site to Webflow is gathering a full sitemap of your current website. This is essential for understanding all the pages that need to be migrated, ensuring you don’t miss anything.

Tool to use: XML to CSV by Bulk GPT

This tool will allow you to quickly download a full XML sitemap from your current website and convert it into a CSV format. The CSV format makes it easy to review and edit within spreadsheet software like Google Sheets.

How it works:

• Paste your XML sitemap URL into the tool.
• Download the CSV version, which will contain a list of all URLs on your site.
• Use this as a reference during the migration process to ensure every page is accounted for.
  

This tool helps you get a clear overview of the entire structure of your site so you can efficiently rebuild it within Webflow.

2. Plan out your New Website Sitemap in Figma

Once you have a list of pages from the old sitemap, you can start to organise the new website, including pages you can turn into CMS powered collections, and pages you don't plan to migrate.

You can use this free migration sitemap planner Figma file that I designed as a starting point. With the file, you'll be able to set your new website goals, and outline all the pages for the new site.

3. Extract Meta Titles and Descriptions from Your Current Site

‍

Migrating a website isn’t just about moving the content; you also need to ensure your SEO metadata (meta titles and descriptions) carry over to the new site. This will help you maintain your current search engine rankings.

Tool to use: Meta Tag Extractor by Buzzstream

This free tool makes it easy to pull meta titles and descriptions from your old site and transfer them to your Webflow site.

How it works:

• Enter your website’s URL into the tool.
• The tool will generate a list of all meta titles and descriptions across your website.
• Export the data and save it as a CSV for easy reference.

By using this tool, you’ll save time manually copying meta tags, ensuring that your SEO data is consistent between your old and new sites.

4. Format and Edit Content Using Google Sheets

When migrating a website, organizing and editing your content in a structured format is key. Google Sheets provides a middle ground where you can format and review content, meta tags, and redirects before implementing them in Webflow.

Tool to use: Google Sheets

You can use Google Sheets to:

• Organize your blog content: Export blog posts from your current CMS (like WordPress or Squarespace) and list them in Google Sheets. You can edit and format text, images, and metadata to match your Webflow structure.
• Manage 301 redirects: Input the old URLs alongside the new Webflow URLs to streamline the redirect process.
• Format metadata: Copy meta titles and descriptions from the Meta Tag Extractor tool into Google Sheets for easy reference and editing.

How it works:

• Export your site’s content (e.g., blog posts, page data, etc.) and import it into Google Sheets.
• Make any necessary updates or edits to the content, redirects, or meta data.
• Use this as your master document to easily copy and paste content into Webflow.

Google Sheets acts as a collaborative space for your team to review and manage content before finalizing the migration.

5. The Most Handy Webflow Redirect Rules

Once your content is in place on Webflow, one of the most important aspects of migration is setting up redirects. This is crucial to avoid broken links and to make sure visitors (and search engines) are directed to the correct pages on your new site.

Here are some handy Webflow redirect rules that will save you time:

• ‍Exact Match Redirects: If a URL hasn’t changed, you don’t need to create a redirect. Webflow will automatically keep these working.‍
• Wildcards: Use wildcards to set up redirects for entire sections of your site. For example, if all blog posts used to be in /blog/ and you’re moving them to /posts/, set up a wildcard redirect to map all /blog/* pages to /posts/*.‍
• Bulk Redirects: You can bulk-upload redirects into Webflow. In your Webflow dashboard, navigate to Settings > Hosting and scroll to the 301 Redirects section. Paste your old and new URLs in bulk (one per line) or use a CSV for large-scale migrations.

Example redirect rule:

/old-url-path/* → /new-url-path/*

This rule will redirect all pages under the old URL path to their corresponding new pages.

Conclusion

Migrating a website to Webflow can seem daunting, but by using the right tools and following a clear process, you can make the transition seamless. Tools like Bulk GPT’s XML to CSV converter and Buzzstream’s Meta Tag Extractor make it easy to gather your site data, while Google Sheets helps you organize and format everything before importing it into Webflow. Finally, don’t forget to set up efficient redirects to ensure your visitors and SEO rankings are preserved.

With these tips and hacks, you’ll be able to migrate your site to Webflow with ease, ensuring a smooth transition while maintaining the performance and SEO rankings of your current website.