404 Page Builder

A 404 page appears when a visitor lands on a URL that does not exist. The 404 Page Builder turns that dead end into an on-brand, helpful moment — set your own title and message, offer a search field to get visitors back on track, and control the spacing, colors, and typography to match the rest of your site.

Find it under Theme Settings » 404 Page.

The builder has two parts:

• Intro Section — the headline area with your message and a search field.
• Content Area — the container that holds it all.

Turn a dead end into a redirect

A good 404 page keeps visitors on your site. Add a clear message and a search field so they can quickly find what they were looking for instead of leaving.

Intro Section

The Intro Section is where you set the message a lost visitor sees.

Element	What you control
Heading	A custom title (for example, “Page not found”), plus color and typography.
Search Term	Color and typography of the searched term.
Description	The message content, plus color and typography.
Button	Background, Background Hover, Text Color, and typography.
Field	Background, Background Hover, Text Color, and typography.

Content Area

The Content Area is the container that wraps the 404 content.

Group	Setting	What it controls
Section Layout	Max Width	The maximum width of the 404 content.
Section Layout	Vertical Padding	Space above and below the content.
Section Color	Background	The background color of the 404 page.

Related

• Search Builder — style the search results your 404 field leads to.
• Global Style — the defaults the 404 page inherits.