404 page

Everything you will need to know on how to setup your 404 page

Jalal avatar
Written by Jalal
Updated over a week ago

The 404 page settings contain all the settings/sections you need to configure your 404 page. The 404 page is a great SEO tool to show pages that don't excist (anymore). You can build your own 404 page from scratch, but ofcourse we've provided the theme with a default 404 page.

How to edit the 404 page?

The 404 page contains of one section, however you can add more sections and blocks, edit them and remove them. You can use all the sections that are used on the homepage. There is only one basic element in the 404 page. But it is nice to have a template you can work with!

First you'll have to navigate to the search page template.
You can do this by navigating to Others > 404 page in the top bar of the theme editor


Once on this page, the default template is ready to be editted!

General '404 page' settings

The general 404 page settings contains the basic settings for the 404 page.

Simply click on the 'section' to open the settings.

On the right sidebar, the following settings will show:

404 page

Background:
Set the background image for your 404 page, this is not required since you can use a full color from your color scheme.
For the best result use an image with a 3:2 aspect ratio.

Image overlay opacity:
Want to use full color or a slight color overlay over your image, then you can select the opacity here.
0% = no color overlay, fully transparent
100% = full color, not transparent.


Color scheme:
Set the color scheme of the overlay.

Image position:
Set the position of the image, what we mean by that is how the image will behave.
For example: The image is too big for the field, do you want the image to align in the center, set it to center center.

Video .mp4 file link:
Don't want to use an image or color, you can also select a video. You can upload this in your files and use the link here.

Video alt text:
Describe the video in short to make it accessible for customers using screen readers.

Button label:
This text will show on the button, for example: 'Go back to home' or 'Continue shopping'

Link:
Enter a link for the button, for example to the home page.

Button color scheme:
Select the color scheme for your button.

Show textlink instead of a button:
Check this box if you don't want a button to show, but only a clickable text.

Mobile Layout

Image position:
Set the position of the image, what we mean by that is how the image will behave.
For example: The image is too big for the field, do you want the image to align in the center, set it to center center.

Did this answer your question?