August 20, 2022

What is 301 Redirect and How To Add 301 Redirect in Webflow?

Ashok Chavada

Webflow Expert

What is 301 Redirect and How To Add 301 Redirect in Webflow?

Have you ever experienced 404-page not found error on your website? There could be many reasons but one of that could be missing of 301 redirect. When you change URL of your page or blog post but if you don’t add 301 redirect then it will throw you 404 error.

Tip: Whenever you change URL make sure to update your 301 redirect too.

In this comprehensive guide. we will cover what is 301 redirect in Webflow and how to set up 301 redirect in Webflow without any hassle.

  1. What is a 301 redirect?
  2. When should you use 301 redirects?
  3. SEO benefits of 301 redirect.
  4. How to add 301 redirect in a Webflow website?

What is 301 redirect?

When user visit one of your page and if they get page without any error then the header response code would be 200 OK. If user page doesn’t exist and user trying to access that page/URL then the browser’s response would be 404 - page not found error.

So, what’s the solution of 404 error? The only solution to that is you need to add 301 redirect to your website pointing old URL to the new URL. If you’ve done that then your user will never get a 404 page error.

When should you use 301 redirects?

Here are some examples of when to use 301 redirects for your website.

1. Migrating a website

If you’re migrating your website from WordPress, Squarespaec or Wix to Webflow then you need to add 301 redirects because your page URL will be new or you can create same page URL structure in Webflow.

2. Page URL has changed

When you change the URL of your page then you need to set up your 301 redirect otherwise your user would get page not found error 404.

For example, While migrating your website you have created a new Webflow collection called Blogs. So now, your website URL is different than the old site. so you need to redirect old Blog Bosts url to the new Blogs url with 301 redirect in Webflow.

Old URL:

New URL: (This is the one you need to set up in Webflow)

3. Switching from HTTP to HTTPS

All old website were on HTTP. But when you add SSL certificate to your website then your new URL would be HTTPS. So, let’s say you have shared your website links on social media accounts but they are like this When someone try to open that link they get an error of 404 - page not found.

To remove this kind of bad expereince from your website you’ll need to add 301-redirect to your Webflow website.

Note: If you’re using Webflow core SSL then you don’t need to worry about it because Webflow takes care of it automatically.

SEO benefits of 301 redirects

User experience

One of the best advantage of adding 301 redirect in your Webflow website is user experience. When user visits your website but find nothing than a 404 error than it can leave a bad impact on them about your website/brand.

Page ranking

301 redirect help you improve your page ranking too. Fo example, if you have a website with some page and you have not set up 301 redirect yet then Google’s crawler will take note of that so it may affect the ranking of your website page on Google.

How to add 301 redirect in a Webflow website?

It is very simple to set up 301 redirect URLs on your new or existing Webflow website. Here is the step-by-step guide on how to add 301 redirect in Webflow:

1. Login to your Webflow account.

2. Go to settings of your project:

webflow settings popup

3. Click on the Publishing link/tab:

webflow settings hosting or publishing tab

4. Scroll down till you see 301 Redirects section:

webflow 301 redirect section or page

5. Now you’ll see two input boxes Old path and Redirect to path. You just need to add your old page URL like /blogs, and and new page URL like /blog-posts.

webflow 301 redirect example values

6. Once you add the 301 redirect just publish your website.

Thank you for reading!

TweakDesigns is a Webflow certfified partner agency. We design and build Webflow websites, templates and integrate SEO. Subscribe to our newsletter or talk to our Webflow expert today for your queries.

Subscribe for updates from TweakDesigns—fresh insight delivered to your inbox every week.

By clicking this button, you agree to our
Privacy Policy
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Related posts


7 Ways to Increase Your Webflow Website Page Speed and Performance

Boost your Webflow website page loading speed without coding knowledge! Discover seven easy tricks to make sure your audience isn't waiting too long for a response.

read more

Ashok Chavada

April 10, 2023
Web Development

Webflow Costs: How Much Does a Webflow Website Cost in 2023?

Wondering how much a Webflow website costs? Look no further! This comprehensive guide breaks down all the factors that affect the price of a Webflow site.

read more

Ashok Chavada

April 10, 2023
Web Development

Top 5 Missing Features in Webflow and Their Solutions

Are you frustrated with the limitations of Webflow? Don't worry, we've got you covered. Learn how to solve the top 5 missing features in Webflow with this guide.

read more

Ashok Chavada

March 29, 2023
webflow professiona partner or freelancer expert badge