Error pages template

Once you open your application’s dashboard, go to the Pages section and choose the + button to add a new page.

The next thing you will see is the “Choose a page template” section. Here you need to find the “Error pages” template and click the ‘Use’ button or ‘Preview’ if you want to see the interactive example of use. There are three preview page types: 500 styled preview, 404 simple preview and 403 styled preview. You can switch between these tabs and view what each page looks like.

Now fill in the name and edit the page path to your liking (use underscore instead of a dash, for example). There’s only a ‘Public’ option available for this template as error pages have to be accessible for everyone.

In the next configuration step, you will be able to select the error type (403, 404, 500) and choose the template version (styled or simple). Below the preview of these errors, you may notice the optional link to a page (for 403 and 404 types). This option allows you to link the error page to one of the internal pages and when something goes wrong while accessing the needed page, a user will be able to get back to this internal page.

Note: If you don’t have the internal page you want users to be redirected to, you can choose it later via the page builder button interaction option.

In case you already know which error type you’re looking for, pick it up and click ‘Save’ to finish the configuration. Otherwise, if you are not sure which error suits you best, see the overview in the next section.

403 or Forbidden error is an HTTP status code communicating that a user is not able to access the page or resource as it is blocked. This kind of error occurs when trying to reach something you don’t have permission for. Also, it might mean that the permissions for this page were not set up properly.

500 stands for the internal server error. This HTTP status code communicates that something went wrong on the website’s server, but there is no specific explanation for what happened.

404 error is another HTTP status code that means the page you are trying to reach currently couldn’t be found on the website’s server. It also clarifies that while the website itself is reachable, the page you’re getting to is not.

In order to actually use your page as a 404 error page, you need to set it to the “not found page”.

Go to your application tools and open the application settings.

Here you need to choose ‘404 error page’ as ‘not found page’. Now your users will be redirected to it when this issue occurs.

Open your page builder and click once to choose the box component around the number 403.

In the options configuration on the left, scroll down to find the ‘Background URL’ box. As you will see, it already has the URL of a current picture in it. Replace it with your own link to change the background picture on your error page.

It is also possible to change your page style via the theme builder. You can find it in the tools section.

Here you can pick up the most suitable color scheme for your application.

Also, it’s possible to configure your typography. Choose the fonts for the page titles and body text.

After you’ve finished customizing, don’t forget to click ‘Save and apply’.