How to redirect a whole folder in Webflow?

Webflow's built-in redirect tool only handles one-to-one URL mappings. Redirecting an entire folder — for example, moving /blog/ and all its sub-pages to /resources/ — requires a different approach.

The Webflow Redirect Limitation

Webflow does not support wildcard or folder-level redirects through the Project Settings interface. Each redirect you add in the Hosting > 301 Redirects section maps exactly one old path to one new path. There is no syntax like /old-folder/* to catch everything under a folder.

Workarounds for Folder Redirects

Add Individual Redirects for Each Page

The most reliable method is to add a separate redirect for every page in the folder. If you have ten pages under /old-folder/, create ten individual redirects.

This is tedious for large sites but is the only native Webflow solution that guarantees every URL is handled correctly.

Use a CSV for Bulk Upload

To speed things up, prepare a CSV file listing every old path and its corresponding new path. Upload it in Project Settings > Hosting > 301 Redirects.

`/old-folder/page-1,/new-folder/page-1
/old-folder/page-2,/new-folder/page-2
`

Use Cloudflare or a Reverse Proxy

If your site uses Cloudflare as a DNS provider, you can create Page Rules or Redirect Rules that support wildcard matching. For example, redirect yourdomain.com/old-folder/* to yourdomain.com/new-folder/$1.

This approach requires a Cloudflare plan that supports rules and adds a layer outside of Webflow, but it is the cleanest solution for large folder migrations.

Use Custom Code with JavaScript

You can add a redirect script to your site's custom code in Project Settings > Custom Code > Footer Code. A simple JavaScript check can detect if the URL starts with a certain path and redirect accordingly.

However, JavaScript redirects are not true server-side 301 redirects. Search engines may not pass SEO equity through them, and they add a slight delay. Use this only as a last resort.