Skip to main content
RapidDev - Software Development Agency
webflow-tutorials

Webflow 301 Redirects: Setup, Bulk CMS Redirects, and Troubleshooting

Webflow 301 redirects are managed in Site Settings > Hosting > 301 Redirects. Add redirects one at a time or bulk-import via CSV. CMS collection redirects require a manual entry per slug — there is no wildcard CMS redirect natively. Redirects only work on published paid-plan sites, not Webflow.io staging domains.

What you'll learn

  • Add individual 301 redirects in Site Settings and understand the Webflow redirect matching rules
  • Bulk-import redirects via CSV for platform migrations with dozens or hundreds of URL changes
  • Create redirects for renamed CMS collection items and changed collection slugs
  • Diagnose common redirect failures including redirect loops and cached old redirects
  • Understand the difference between Webflow-handled redirects and what requires DNS-level or external handling
Book a free consultation
4.9Clutch rating
600+Happy partners
17+Countries served
190+Team members
Intermediate9 min read20-35 minAll paid site plansMarch 2026RapidDev Engineering Team
TL;DR

Webflow 301 redirects are managed in Site Settings > Hosting > 301 Redirects. Add redirects one at a time or bulk-import via CSV. CMS collection redirects require a manual entry per slug — there is no wildcard CMS redirect natively. Redirects only work on published paid-plan sites, not Webflow.io staging domains.

Webflow 301 Redirects: Setup, Bulk Import, and Migration Troubleshooting

A 301 redirect tells browsers and search engines that a URL has permanently moved to a new location. In Webflow, redirects are managed entirely through Site Settings — no custom code or JavaScript needed. Getting redirects right is critical when migrating from another platform, restructuring a site's URL architecture, or renaming CMS collection slugs after launch. This tutorial covers single redirects, bulk CSV import, CMS-specific redirect strategies, and the most common post-migration failures.

Prerequisites

  • Webflow site on any paid plan (free Starter sites cannot use custom domains or redirects)
  • Site published to a custom domain (redirects on webflow.io staging URLs are not supported)
  • A list of old URLs and their new destinations (a spreadsheet with old-path, new-path columns)

Step-by-step guide

1

Navigate to the Redirects panel in Site Settings

Redirects in Webflow are managed at the site level, not in the Designer. Access them via: top-left Webflow logo menu > Site Settings > Hosting tab > scroll to the '301 Redirects' section. The panel shows two columns: 'Old Path' (the URL being retired) and 'New Path' (the destination). You can also reach this via the Designer by clicking the Webflow logo > go to Dashboard > click your site > Settings > Hosting > 301 Redirects. Note: the Redirects section only appears on sites connected to a custom domain on a paid hosting plan.

Expected result: The 301 Redirects section is visible in Site Settings > Hosting. You see two columns ready to receive old and new URL paths.

2

Add a single 301 redirect

In the 301 Redirects panel, click the '+' button to add a new row. In the 'Old Path' field, enter the old URL path — start with a forward slash (e.g., /old-page). Do not include the domain. In the 'New Path' field, enter the destination path (e.g., /new-page), or for an external URL, enter the full URL including protocol (https://example.com/destination). Click 'Save' when done, then publish the site. The redirect is only active on the live published site after publishing — it does not apply to the Webflow staging URL.

Expected result: Visiting the old URL on your published custom domain returns a 301 response header and redirects to the new URL. Verify with an HTTP status checker tool or browser DevTools > Network tab.

3

Bulk-import redirects via CSV

For migrations with many URL changes, use Webflow's CSV import feature. Prepare a CSV file with two columns — the first column is the old path, the second is the new path. No header row is needed (though Webflow ignores a header row if present). Format: /old-path-1,/new-path-1 /old-path-2,/new-path-2 /old-blog/post-title,/blog/post-title In Site Settings > Hosting > 301 Redirects: click 'Import CSV'. Select your file. Webflow validates the CSV and previews the entries. Review for errors, then click 'Import'. Click 'Save' after import, then publish. Maximum redirects per import batch: 1,000. For larger sets, split into multiple CSV files.

Expected result: All CSV entries appear in the 301 Redirects panel after import. Publishing the site activates all redirects simultaneously.

4

Create redirects for renamed CMS collection items

When you rename a CMS item's slug (the 'Slug' field in the CMS Editor), the old URL becomes a 404. Webflow does not automatically create a redirect when a slug changes. You must manually add it. To find the old slug: check Google Search Console for 404 errors, review your browser history, or look at your external links. To add the redirect: Site Settings > Hosting > 301 Redirects > add entry: Old Path = /blog/old-post-slug, New Path = /blog/new-post-slug. If you change the Collection's folder URL (e.g., from /articles to /blog), ALL items in that collection get new URLs — you would need a redirect for every single item slug. Best practice: never change a Collection's folder URL after launch.

Expected result: Old CMS item URLs return 301 and redirect to the new slugs. Google Search Console stops reporting 404 errors for the old paths within a few days of republishing.

5

Handle domain-level redirects for platform migrations

When migrating FROM another platform (WordPress, Squarespace, Wix) TO Webflow, two types of redirects are needed: (1) URL-path redirects for pages that changed URL structure — handled in Webflow's 301 Redirects panel. (2) Domain/subdomain redirects — handled at the DNS level, not in Webflow. For example, redirecting www.example.com to example.com (or vice versa): this is set in your domain registrar or DNS provider's settings, not in Webflow. For redirecting a subdomain (blog.example.com → example.com/blog): requires DNS changes plus Webflow cannot natively host subdomains — you would need a reverse proxy or Cloudflare routing rules. Webflow handles only path-level redirects, not domain-level routing.

Expected result: Path-level redirects are handled by Webflow. Domain-level redirects are configured at your DNS provider. After DNS propagation (24-48 hours), all old URLs resolve correctly.

6

Troubleshoot redirects that are not working

Common reasons a redirect does not work and how to fix each: 1. Site not published after saving redirects — redirects only activate after a publish. Click the Publish button after any redirect change. 2. Testing on webflow.io staging URL — Webflow redirects only work on custom domains, not on the .webflow.io staging URL. 3. Path case mismatch — Webflow paths are case-sensitive. /About ≠ /about. Check the exact case in the Old Path field. 4. Redirect loop — Old Path and New Path form a cycle (A→B, B→A). Check the redirect list for circular entries and remove one. 5. Browser cache serving old redirect — clear browser cache or test in a private/incognito window, or use an HTTP status checking tool that bypasses cache. 6. Redirect chain — the new path itself has another redirect (A→B→C creates a chain). Consolidate chains to single-hop: A→C directly. 7. SSL not yet provisioned — newly connected domains with pending SSL may redirect to an error before SSL is active. Wait for SSL provisioning (up to 24h) before testing.

Expected result: By working through each potential cause systematically, you can identify and resolve why a specific redirect is not functioning on the live site.

Complete working example

redirects-example.csv
1# WEBFLOW REDIRECT CSV FORMAT
2# Two columns: old-path, new-path
3# No header row required
4# Start all paths with /
5# For external destinations, use full URL including https://
6#
7# EXAMPLE: Blog platform migration (WordPress Webflow)
8
9/2024/01/my-first-post,/blog/my-first-post
10/2024/02/product-launch,/blog/product-launch
11/2024/03/company-news,/blog/company-news
12/category/news,/blog
13/category/updates,/blog
14/about-us,/about
15/contact-us,/contact
16/services/web-design,/work
17/portfolio,/work
18/team,/about
19/old-page-no-replacement,/
20
21# EXAMPLE: Renamed CMS slugs
22/products/blue-widget-v1,/products/blue-widget
23/products/red-widget-old,/products/red-widget
24
25# EXAMPLE: External redirect
26/app,https://app.yourproduct.com/login
27/docs,https://docs.yourproduct.com
28
29# NOTES:
30# - Save as UTF-8 encoded CSV
31# - Maximum 1,000 entries per import batch
32# - For >1,000 redirects, split into multiple CSV files
33# - After import: click Save, then Publish the site
34# - Test on live custom domain only (not webflow.io staging)

Common mistakes

Why it's a problem: Adding redirects in Site Settings but they are not working because the site has not been published

How to avoid: Webflow redirects are only active on the published site after a publish event. After saving redirects in Site Settings > Hosting > 301 Redirects, you must return to the Designer and click Publish, or click 'Publish site' from the Dashboard. The redirect configuration change itself does not trigger an auto-publish.

Why it's a problem: Using JavaScript window.location redirects instead of the Site Settings redirect panel

How to avoid: JavaScript redirects (via custom code) are not 301 redirects — they are temporary client-side redirects that search engines may not follow correctly. They also require the old page to render before the redirect fires, causing a flash of the old page. Use Site Settings > Hosting > 301 Redirects for proper server-side permanent redirects that work without JavaScript.

Why it's a problem: CSV import failing or importing incorrect entries

How to avoid: Common CSV issues: including a header row (remove it or Webflow will import it as a redirect entry), using spaces around commas, or saving the file in a non-UTF-8 encoding (re-save from Excel as 'CSV UTF-8'). Also ensure no row has both columns pointing to the same path, which creates a 301 to itself.

Why it's a problem: Expecting redirects to work on the webflow.io staging URL

How to avoid: 301 Redirects in Webflow only apply to sites on custom domains. The webflow.io staging URL does not process Site Settings redirects. Test all redirects on your actual custom domain after publishing.

Best practices

  • Set up redirects BEFORE switching DNS to Webflow — this way all redirects are live the moment visitors arrive on the new site
  • Never redirect to a page that itself has another redirect (redirect chains slow down load and can confuse crawlers — consolidate to single-hop)
  • Audit for 404 errors in Google Search Console 2-4 weeks after migration to catch any slugs you missed
  • Keep a permanent spreadsheet log of all redirects with the date added and reason — this is invaluable during future migrations
  • For CMS collections, finalize the collection folder URL slug before launch — changing it post-launch requires a redirect for every item in the collection
  • Test redirects using curl or an HTTP status checker rather than browser-only testing, as browsers aggressively cache previous redirects

Still stuck?

Copy one of these prompts to get a personalized, step-by-step explanation.

ChatGPT Prompt

I'm migrating my website from [old platform] to Webflow. My old site had these URL patterns: [describe structure, e.g., '/category/YYYY/MM/post-slug'] and my Webflow site uses [new structure, e.g., '/blog/post-slug']. Generate a CSV file I can import into Webflow's 301 Redirects panel for these specific old URLs: [list 5-10 example URLs]. Include the correct CSV format for Webflow.

Webflow Prompt

I have [number] redirects to set up in Webflow after migrating from [platform]. My old URLs follow the pattern [describe pattern] and new URLs follow [new pattern]. What is the quickest way to set these up in Webflow — should I use the manual entry or CSV import method? Walk me through the exact steps in Webflow's Site Settings.

Frequently asked questions

Do Webflow 301 redirects affect SEO and Google rankings?

Yes — 301 redirects pass approximately 90-99% of link equity (ranking power) from the old URL to the new URL. Google typically re-indexes the new URL and drops the old one within days to weeks of the redirect going live. For a site migration, having all redirects in place before launch is critical to preserving search traffic. Missing redirects cause 404 errors that do not pass link equity and result in ranking losses.

Can I create wildcard or pattern-based redirects in Webflow?

No. Webflow does not support wildcard patterns (e.g., /blog/* → /articles/*) or regex-based redirects. Every redirect must be a specific path-to-path entry. For sites with hundreds of systematically named URLs following a predictable pattern, use the CSV import and generate the CSV programmatically (a spreadsheet formula or a small script) rather than entering each redirect manually.

How many redirects can a Webflow site have?

Webflow does not publicly document a hard limit on total redirects, but CSV import is capped at 1,000 entries per batch. Sites with 2,000+ redirects have been reported to work without issues — the main concern is performance, since Webflow processes redirects server-side on each request. For very large redirect sets (5,000+), consider using Cloudflare Transform Rules or a CDN-level redirect configuration for better performance than Webflow's built-in system.

Can I redirect a Webflow page to an external URL?

Yes. In the 'New Path' field of the redirect entry, enter the full external URL including the protocol: https://app.yourdomain.com or https://docs.yourdomain.com. This is commonly used to route /app or /login to an external application hosted separately from the Webflow marketing site. The redirect functions as a proper 301 to the external destination.

RapidDev

Talk to an Expert

Our team has built 600+ apps. Get personalized help with your project.

Book a free consultation

Need help with your project?

Our experts have built 600+ apps and can accelerate your development. Book a free consultation — no strings attached.

Book a free consultation

We put the rapid in RapidDev

Need a dedicated strategic tech and growth partner? Discover what RapidDev can do for your business! Book a call with our team to schedule a free, no-obligation consultation. We'll discuss your project and provide a custom quote at no cost.