Webflow sync, pageviews & more.
NEW

Can Webflow implement page redirects?

TL;DR
  • Set up SEO-friendly 301 redirects in Webflow via Project Settings > Hosting by entering old and new URL paths.
  • Use meta refresh tags or JavaScript for less optimal redirects, and configure domain-wide redirects through your registrar or services like Cloudflare.

Yes, Webflow allows you to implement page redirects through both its Project Settings and custom code options, depending on your needs.

1. Configure 301 Redirects in Webflow

  • 301 redirects are permanent redirects from one URL to another.
  • Go to Project Settings > Hosting and scroll down to the 301 Redirects section.
  • In the first field, enter the old path (e.g., /old-page).
  • In the second field, enter the new path (e.g., /new-page).
  • Format paths without the domain name (just the relative path).
  • Press Add Redirect and then Publish your site for changes to take effect.
  • Add a meta refresh tag in a page’s Page Settings > Custom Code > Head section if you need a temporary or timed redirect.
  • Example (inline): <meta http-equiv="refresh" content="0; url=/new-page">
  • This method is less SEO-friendly and should only be used when 301 redirects aren’t suitable.

3. JavaScript Redirects (Optional)

  • You can also add a JavaScript-based redirect in the Before tag section using:
    window.location.href = "/new-page";
  • Like meta tags, this method is not ideal for SEO or accessibility.

4. Redirect Entire Domains (for Legacy Sites)

  • If you've moved your site to Webflow from another domain, you can set up domain-wide redirects using domain registrar settings or Cloudflare in combination with Webflow's hosting.

Summary

Webflow supports 301 page redirects directly under Project Settings > Hosting, allowing you to map old URLs to new ones with SEO-friendly results. For more complex cases, you can use meta tags or JavaScript, but these methods should be used sparingly.

Rate this answer

Other Webflow Questions