How do I fix a 404 error when trying to redirect from a .html version of a blog post URL to the normal version in Webflow?

A 404 error when accessing a .html version of a blog post URL in Webflow usually means that the .html URL doesn't exist because Webflow doesn't use .html file extensions. You need to set up a 301 redirect to handle those legacy URLs.

1. Identify the Incorrect URL Structure

• Older URLs or links from previous sites may have .html at the end (e.g., /blog-post.html).
• Webflow URLs for CMS items do not include .html (e.g., /blog-post).

2. Go to Project Settings → Hosting

• Open your Webflow project, then click on Project Settings.
• Navigate to the Hosting tab.

3. Add 301 Redirects

• Scroll to the 301 Redirects section.
• Add a redirect in the following format:
• Old Path: /blog-post.html
• Redirect To: /blog-post
• This ensures any requests for the .html version are forwarded to the correct URL.

4. Use Wildcards for Multiple Blog Posts (Optional)

If you have multiple blog post URLs ending in .html, use a wildcard redirect:

• Old Path: /(.*)\.html
• Redirect To: /%1
• This dynamically strips the .html from any path and redirects it.

5. Save and Publish

• After entering the redirects, click Save Changes.
• Republish your site to apply the changes.

Summary

Webflow doesn’t use .html URLs, and these will return 404 errors by default. Fix them by adding 301 redirects under Project Settings → Hosting, either for individual posts or with a wildcard redirect to handle multiples.