404 error page

Updated

Design your site's 404 page.

When you visit a website that doesn’t exist or couldn't be found on the server because the webpage was moved or deleted, the broken link redirects to a 404 error page where a message indicating this error is shown. The 404 page is located under the the Utility Pages section of the Pages panel.

You can customize the default 404 page of your site and design it as you like. Note that you can't add Collection lists to 404 pages. This is because 404 pages should be available even if the CMS or other Webflow capabilities are down.

Pro tip

It's a good practice to point users back to the homepage or provide a navigation menu on the 404 page.

Testing your 404 page

You can test your 404 page by opening a new browser tab and entering a URL from your site that does not exist like “your-site.webflow.io/does-not-exist”.

Pro tip

When you delete or change the URL of a webpage, you should set a 301 redirect to redirect visitors from the old URL to the new one. This will prevent site visitors from landing on a 404 page. Learn how to set 301 redirects.