6.07 Creating a 404 page (developer mode)

In this tutorial you will learn how to create a 404 page for your site using the developer mode.

IMPORTANT: This is an advanced tutorial that includes code. We have created this tutorial to show you how easy it is to create 404 pages if you know how to write code. We cannot teach you how to write code and we will not help with code related questions regarding this tutorial. This tutorial is only for advanced users. If you make a change in the code of your site that breaks the editor you will have to re-apply the template to fix it.

STEP 1. Access the Developer mode

STEP 2. Create a new file

1. Click on the + icon by the side of TEMPLATE FILES

2. Select New file

STEP 3. Create the 404 page

Type 404.twig onto the field and save your changes

STEP 4. Copy and paste default code

The newly created 404.twig will be empty, so you need to go to the default.twig, copy every single line of code in there and paste it inside your 404.twig. Save your changes.

STEP 5. Create the new page type

1. Go to the file called metadata.json

2. Search for the pageTypes array on the code, add the 404 page and save

Adding the 404 page type:

STEP 6. Go back to the editor

Go back to your editor and create a new page with the tools offered

1. Name your page

2. Make sure you select the 404 page type

3. Click on Done

You can add any widgets you want onto your 404 page. After you publish users will be taken there if they try to access a non-existent page.