Webflow has a built-in 404 page. In the Designer, open the Pages panel, find 404 under Utility pages, and design it like any other page.
It goes live when you publish the site, and Webflow hosting serves it with a correct HTTP 404 status automatically. There is no setup beyond designing it — the page already exists in every Webflow project.
Where the Webflow 404 page lives
A 404 page is what a visitor sees after a broken or mistyped link. Every Webflow project ships with one already created — you just have to find it and make it yours. It is not in your normal page list; it lives in a separate group called Utility pages, alongside the Password page and the Search results page.
By default the 404 is a bare "Page Not Found" with a single link home. Functional, but it does nothing to keep the visitor — and on a design-led Webflow site, a stark default page is a missed chance to show craft.
Design the Webflow 404 page
Open the Pages panel
In the Webflow Designer, click the Pages icon in the left toolbar. Scroll down past your site pages to the Utility pages section.
Open the 404 page
Click the page named 404. It opens on the canvas as a normal, fully editable Webflow page — every element, class, and style tool is available.
Build it out so it actually helps
Replace the default content with something that recovers the visitor:
- A clear, on-brand heading and a short, human explanation.
- A prominent link block back to the homepage.
- The Search element — a search input that submits to your site's Search results page.
- Links to your most-visited pages, or a Collection list showing recent blog posts or products.
- An illustration or animation that carries your brand — this is a design surface, use it.
Reuse your existing styles
Apply your site's existing classes and your global typography so the 404 page reads as a native part of the site — same nav, same footer, same voice — not a stranded error screen.
Publish
Click Publish. The custom 404 page is live immediately on your .webflow.io staging domain and on any connected custom domain.
You can add a CMS Collection list. Drop a Collection list onto the 404 page to surface recent posts or featured products dynamically — a strong escape route. The 404 page itself cannot be a Collection template, but it can display Collection content.
The hosting caveat for exported sites
This is the one catch worth knowing. Your custom 404 page is served automatically on Webflow hosting — both the staging domain and your connected custom domain. Webflow handles the routing and the status code for you.
But if you export your Webflow site and host the code somewhere else, Webflow no longer controls the response. The 404 page exports as a 404.html file, and it is then up to your new host to serve that file with a real 404 status. If the host does not, you get a soft 404. Configure the host's custom-error-page setting to point at 404.html.
Make sure your 404 page returns a real 404 status
On Webflow hosting, the 404 utility page returns a correct HTTP 404 status with no configuration needed. To confirm: visit a URL that does not exist, like yoursite.com/not-a-real-page. You should see your redesigned 404 page. Then open your browser's developer tools, go to the Network tab, reload, and check the first request reads 404.
Use 301 redirects sparingly. Webflow lets you add 301 redirects under Site settings › Publishing for specific URLs that genuinely moved. Do not redirect every unknown URL to the homepage — that returns a 200/301 for missing pages and creates soft 404s. Let genuinely-missing URLs reach your 404 page.
What makes a Webflow 404 page actually good
Webflow gives you a designer's full toolkit, so the bar is higher: a 404 page here should look intentional, not apologetic. The strongest ones orient the visitor, offer real escape routes (search, popular links, recent content), keep the site's nav and footer so the visitor never feels lost, and add a moment of brand personality. A dead end is a design failure — and in Webflow you have every tool to avoid it.
We break down the twelve traits the strongest 404 pages share on the main page.
Skip the blank page — generate it
Enter your Webflow site and get a complete, on-brand 404 page tailored to your real colours, fonts, and navigation — ready to rebuild in the Designer.
Generate my 404 page →Free · no account · no opt-in
Frequently asked questions
Where is the 404 page in Webflow?
In the Designer, open the Pages panel and scroll to the Utility pages section. The 404 page sits there alongside the Password page and the Search results page.
Can I delete the Webflow 404 page?
No. The 404 page is a required utility page, so it cannot be deleted. You can, however, redesign it completely — it is a fully editable page.
Does the Webflow 404 page return a real 404 status?
Yes, on Webflow hosting it returns a correct HTTP 404 status automatically. If you export your site and host it elsewhere, the 404 status depends on how that host is configured to serve the exported 404.html.
Can I add a CMS Collection list to the 404 page?
Yes. You can bind a Collection list to the 404 page — recent blog posts, featured products, and so on — exactly as on any static page. The 404 page itself cannot be turned into a Collection template page.
Why does my 404 page only work after publishing?
Webflow serves the live, published version of the 404 page. Changes you make in the Designer appear once you publish the site to your staging or custom domain.