Webflow Redirects: How to Set Up 301 Redirects (Step-by-Step Guide)

Viken Patel
Webflow Redirects: How to Set Up 301 Redirects (Step-by-Step Guide)

Table of content

Free Website Audit by Experts

Actionable insights to improve SEO, speed, and conversions

Request Free Audit

Key takeaways

To set up a 301 redirect in Webflow: go to Site Settings → Publishing → 301 Redirects. Enter the old URL path in the "Old Path" field, the new URL in "Redirect to Page", click "Add Redirect Path", and publish your site. The redirect goes live globally within minutes and preserves SEO ranking from the old URL

A 301 redirect in Webflow is a permanent URL forwarding rule that sends visitors and search engines from an old URL to a new one. It preserves your SEO ranking, prevents 404 errors after URL changes, and is essential whenever you delete pages, change slugs, or migrate content. This guide covers manual 301 setup, automatic redirects, common mistakes, and how to verify they work

Webflow, as a no-code website builder, makes every part of website building and handling easy. If you’re new to Webflow, please read this Webflow Guide, and if you don’t know how to set up redirects, including Webflow 301 redirects, then this is the guide for you.

In the following guide, our certified Webflow developer shows you how to set up 301 redirects in Webflow. Also, help with how to maintain your SEO. And you'll keep your site running smoothly when you change URLs or restructure your site.

What is a 301 Redirect?

A 301 Redirect is a permanent redirect that automatically sends users and search engines from one URL to another. It tells Google and other search engines that the original page has moved permanently, and all its SEO value (rankings, backlinks, authority) should be transferred to the new URL. 

Why are 301 Redirects Necessary for a Website?

There are multiple benefits of setting up Webflow 301 redirects for your website. Why would you need them? Redirects in Webflow play a key role in preserving SEO.

If you change your site’s structure, move pages, or update URLs, a 301 redirect guides visitors (and Google) to the new location.

That means you don’t lose any hard-earned SEO ranking or valuable backlinks. Redirects also prevent 404 errors that can hurt your traffic and your search rankings.

1. Better User Experience

Setting up 301 redirects will mean that your website visitors will never land on a page that doesn’t exist. If you’re selling a product or service, pages not working could mean you end up losing potential customers. 

2. SEO Benefits

Google knows the URL of every single page on your website. When you change the URL of a page, Google knows that the page isn’t available anymore. Any SERP ranking the page has will be removed eventually.

To avoid losing the valuable rankings you’ve earned especially if your content is featured on authoritative marketing sites for guest posting you must set up 301 redirects. A proper 301 redirect ensures that your page retains its authority, link equity, and overall ranking power

All in all, redirects, and particularly the implementation of a 'webflow 301 redirect,' can prevent you from losing search engine rankings and from having unhappy users.

Get free Webflow SEO Service for your website.

301 vs 302 Redirects: What’s the Difference

When managing redirects in Webflow, it's important to understand the difference between 301 and 302 redirects.

Redirect Type Meaning SEO Impact Use Case
301 Redirect Permanent redirect Passes SEO value to the new page Page URL changed permanently
302 Redirect Temporary redirect Does not fully pass SEO value Temporary page move

When Should You Use 301 Redirects?

301 redirects are useful in many situations when managing a website.

1. Changing Page URLs

If you update a page slug, a redirect ensures visitors from the old URL land on the new page.

Example:

/webflow-tutorial → /webflow-guide

2. Deleting Pages

If you remove a page, redirect the old URL to a related page to avoid 404 errors.

3. Website Migration

When moving a website from another platform to Webflow, redirects help preserve existing SEO rankings.

4. Merging Blog Posts

If you combine multiple blog posts into one, redirect the old URLs to the updated article.

Using proper redirects ensures users and search engines always find the correct content.

301 Redirect in Webflow: Step-by-Step Guide

Webflow makes everything pretty easy for website owners. This also applies when you try to set up Webflow redirects. Here’s the step-by-step process: 

  • Go to your Webflow website and log in to your account.
  • On the dashboard, there will be a list of your projects.
  • Click on your project and then go to “Settings.”

  • There will be a number of options, click on “Publishing”

  • Keep scrolling through the list of options till you see “301 Redirects”

  • There will be two boxes. One box is for your old page URL, and one is for your new page URL. In the input box, add the old page's URL and in the output, box adds the new page’s URL.

  • Click on the “Add Redirect Path” button and publish your website.

Automatic 301 Redirects in Webflow

Here’s another way to set up 301 webflow redirects. If you don’t want to do too much work manually, you can take advantage of automatic redirections in Webflow.

Automatic 301 Redirects for Static Pages

  • If you’re redirecting a static page, you need to go to the page settings in the Designer tab and change the slug of the page. 
  • Once you’ve changed the slug of the page, you’ll get a small dialogue box.
  • Checking the dialogue box will allow you to permanently redirect the old URL.

  • If you don’t want to permanently redirect the old URL to a new one, you can uncheck the box.

Automatic 301 Redirects for Webflow CMS

  • If you want to redirect blogs, you can set up automatic redirects using Webflow CMS.
  • In the Designer tab, go to Page settings. 
  • Change the slug of the page. 
  • If you’re in editor mode and try to change a page’s URL, you’ll get a prevention message that looks like this:

  • If you don’t have complete access, you’ll need to contact the website developer or admin.

How to Check If a Redirect Is Working

Webflow redirects are used when moving content to a new URL, deleting pages, changing domain names, or merging websites. To check whether your redirects are working or not, you can try this method.

  1. Open incognito mode on your browser.
  2. Type in the old URL and check if the page is live or not.
  3. If your old URL is leading to the new page, it means your redirects are working perfectly.
  4. Try opening the old URL on different devices to double-check.

Tools:

  • Redirect checker
  • HTTP status checker
  • Chrome dev tools

Example:

curl -I https://example.com/old-page

Expected response:

301 Moved Permanently

Conclusion

This concludes our guide on how to set up 301 redirects in Webflow, including the implementation of a 'Webflow Redirect Page Or Redirect URL.' You can either set up redirects manually, or you can rely on the Webflow automatic redirection feature.

So, the next time you’re changing your URL and don’t want to lose rankings, we suggest you carefully set up redirects. In most cases, your pages will be automatically redirected, in case they aren’t, you can follow the steps mentioned above. 

Also, make sure to always test your URLs after you implement redirects.

Webflow Resources

  1. How to add slider in Webflow?
  2. How to create pop-up in Webflow?
  3. How to export code from Webflow?
  4. How to clone a Webflow website?
  5. How to connect Webflow to a domain?
  6. How to install GTM in Webflow?
  7. How to install google analytics in Webflow?

FAQs

1. What is a 301 redirect, and why is it important for a website?

A 301 redirect is a permanent redirect that forwards users and search engines from one URL to another. It is crucial to maintain SEO equity when URLs change or pages are moved.

2. How to redirect a URL in Webflow?

To redirect any URL in Webflow, you need to add a 301 redirect path under Site Settings → Publishing. The "Old Path" is the URL you want to redirect from (must start with /), and the "Redirect to Page" is where users will land. Both can be relative paths (/old-page → /new-page) or external URLs.For redirecting an entire URL pattern (e.g., all /old-blog/* URLs), you can use wildcard redirects on Webflow CMS plans and above. Webflow processes redirects before page rendering, so they're fast and don't add server-side delay.

3. Do Webflow 301 redirects affect SEO?

Yes, 301 redirects help preserve SEO value by passing most of the ranking signals from the old URL to the new one.

4. Does Webflow automatically create redirects when changing a slug?

Webflow can automatically suggest redirects when you change a page slug, but it’s recommended to manually verify the redirect in Site Settings → Publishing → 301 Redirects.

5. How long do Webflow 301 redirects take to work

Webflow 301 redirects activate within seconds of publishing your site. Search engines may take days to weeks to fully recognize the redirect and transfer ranking signals to the new URL.

6. Can I bulk import 301 redirects in Webflow?

Yes. On the Webflow CMS plan and above, you can bulk import 301 redirects via CSV. Go to Site Settings → Publishing → 301 Redirects → "Import CSV" and upload a file with two columns: Old Path and Redirect to Page.

7. Do Webflow 301 redirects work for external URLs?

Yes. The "Redirect to Page" field accepts both internal paths (/new-page) and full external URLs (https://example.com/page). External redirects still pass SEO equity to the destination domain.

Viken Patel

Viken Patel has 14+ years of experience working with websites. He is passionate about building website that converts. His marketing background helps him build the sales driven websites.

Framer Alternatives: 7 Best No-Code Builders Compared (2026)

Framer Alternatives: 7 Best No-Code Builders Compared (2026)

Find the best Framer alternatives for no-code website development in 2026. Compare tools like Webflow, Wix, and more to build faster with zero coding skills.

How to Connect a Custom Domain to Webflow (DNS Setup Guide)

How to Connect a Custom Domain to Webflow (DNS Setup Guide)

Learn how to connect your Webflow website to a custom domain in this easy step-by-step guide. Perfect for beginners in 2026.

How to Export Code from Webflow (HTML, CSS, JS) in 2026

How to Export Code from Webflow (HTML, CSS, JS) in 2026

Learn how to export Webflow code including HTML, CSS, and JS. Step-by-step guide to download Webflow website code, free plan limitations, and important restrictions explained.

Talk to Webflow Expert

Partner with a Webflow Agency for your Webflow website.

Quick Turnaround. No Contracts. Cancel Anytime. Book a 30 minutes consulting call with our expert.