Get Started
Jul 17, 2025
How to Create a Custom 404 Page
Using Framer, you can easily create custom 404 pages that provide useful information to prevent site abandonment and aid seamless navigation.

Uploaded by

Translated by
Contents
Table of Contents
This document aims to resolve the difficulties faced by Korean users learning Framer due to the lack of Korean resources, by translating the content of the official blog into Korean and adding practical information. I hope this serves as a small help to all Framer users.
What is a 404 Page?
A 404 page is an error page displayed when accessing a non-existent address (URL) on a website. It typically appears when an address is entered incorrectly, a link is erroneous, or when a page has been deleted or moved without redirection.

Why is a Custom 404 Page Necessary?
While operating a website, users occasionally access non-existent addresses.
If only a rigid error message is displayed without any guidance, users may feel confused or leave the site, which is why a custom 404 page is needed. Instead of merely stating "Page Not Found," provide an explanation that is easy to understand along with a 'Return Home' button or suggested content. Doing so allows users to smoothly continue navigating the site without confusion.
How to Create a Custom 404 Page
Select the
Pages
page panel from the left sidebarClick the
+
button located on the right of the page textSelect the
New 404 Page
option from the menu
Following these steps will automatically add a /404 page to your project.

Note
: Like any other regular page, the design of a 404 page can be freely modified.
How to Verify the Creation of a Custom 404 Page
After publishing the site, try accessing a non-existent address (example.example.com/thispagedoesnotexist) in your browser. You can verify that your custom 404 page appears properly instead of Framer's default error page.
This article is a translated and adapted content from Framer's official blog's ‘Creating a custom 404 page’.