University
HomeSearch⌘EDashboardTry Webflow — it's free
Learn
CoursesDocsVideosInteractive LearningGlossaryCertificationsEngage
SupportCommunityEventsForumAccessibility
Switch to Light modeSwitch to Dark modeHigh contrastTrusted by teams at
All docsSite settings
Design your site's 404 page.
We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
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 404error page where a message indicating this error is shown. The 404 page islocated 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 a301 redirectto 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.
Table of contents
Continue learning
Hmm…we couldn’t find any results for “search query”. Try a different search term or check out our community forum.
Search the forumReset the filter
Load more
Filter
Reset
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Topics
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Back to top