---
title: "How to customize your 404 page | Tutorials - GoodBarber"
description: "Hello and welcome to your new GoodBarber tutorial\r \r Today we're going to focus on the Progressive Web App version of your app, and more precisely on its page 404.\r \r When a page is not found on …"
canonical_url: "https://www.goodbarber.com/tutorials/content/how-to-customize-your-404-page/"
lang: en
---

# How to customize your 404 page | Tutorials - GoodBarber

[Back](https://www.goodbarber.com/tutorials/)

# How to customize your 404 page

Hello and welcome to your new GoodBarber tutorial

Today we're going to focus on the Progressive Web App version of your app, and more precisely on its page 404.

When a page is not found on your Progressive Web App or native app, our servers return an error, called 404 error.

This can occur when content has been removed or moved, or the URL has not been typed correctly.

Of course, you can change the design of the 404 page of your app

To do so, go to Settings > 404 error.

I edit the text of the displayed title.

I can also add an image instead of the title.

I customize the text.

Finally I customize the design elements, the font, the background color and the font color.

I see all my changes live on the preview on the right.

And that's it, you can now customize your own 404 page!

See you soon for another tutorial!

## Related videos

[ContentHow to manage your app sections](/tutorials/content/how-to-manage-your-app-sections/)

![How to manage your app sections](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ContentHow to manage the GoodBarber CMS](/tutorials/content/how-to-manage-the-goodbarber-cms/)

![How to manage the GoodBarber CMS](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ContentHow to copy CMS content](/tutorials/content/how-to-copy-cms-content/)

![How to copy CMS content](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ContentHow to manage comments](/tutorials/content/how-to-manage-comments/)

![How to manage comments](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ContentHow to add category/filters to your sections](/tutorials/content/how-to-add-categoryfilters-to-your-sections/)

![How to add category/filters to your sections](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ContentHow to add links in CMS sections](/tutorials/content/how-to-add-links-in-cms-sections/)

![How to add links in CMS sections](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ContentHow to manage PDF files](/tutorials/content/how-to-manage-pdf-files/)

![How to manage PDF files](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ContentHow to create articles](/tutorials/content/how-to-create-articles/)

![How to create articles](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[ContentHow to display a photo gallery](/tutorials/content/how-to-display-a-photo-gallery/)

![How to display a photo gallery](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)