Studio Editor: Creating a Custom 404 Page

2 min read
Customize the error page that site visitors see when trying to access a broken link. Design it to match your client's branding and add helpful links to keep users engaged. 
An example of a custom 404 page with unique elements, text and design
Notes:
  • You must have a Premium plan to create a custom 404 error page.
  • A custom 404 page includes limited design options from Editor .

To create a 404 page:

  1. Click Pages  on the left side of the Editor.
  2. Click Add New Page at the bottom.
  3. Click Add under Page.
  4. Name your new page "error404".
    Note: Make sure that the page URL looks like the following example: https://www.mystunningwebsite.com/error404 
  5. Hide the page from search engines:
    1. Hover over the new page and click the More Actions icon .
    2. Select SEO Basics.
    3. Disable the Let search engines index this page toggle. 
  6. Design the page to your liking. Below are some ideas:
    • Add links, buttons or a menu to help visitors navigate to other parts of your site. This minimizes the chances of your visitors leaving after getting the 404 error message.
    • Add vector illustrations related to error 404 from the Media Manager. You can find tons of free designs in the Media from Wix tab.  
    • If necessary, you can hide the global header and footer on this page.
Tip:
Make sure to check how the page looks like on all breakpoints.  

Did this help?

|