404 page

404 page

404 page appears when a reader tries to access a nonexistent page on our Knowledge base site.

For example, when a reader tries to access a deleted URL in your Knowledge base, a 404 page appears

Customize the 404 error page of your knowledge base site by adding a custom message and illustration to assist the reader with a better understanding. This would allow the readers to navigate to the desired page instead of stagnating on a default 404 page. Add links and attractive titles, descriptions, and images. You can customize the 404 page using the basic or custom style.

How to customize the 404 page?

1. Go to Settings → Knowledge base site → Custom pages, and 404 tab is the default selection
2. You can find two sections on this page
   1. Basic style - Basic customization with the available options
   2. Custom style - Customize with HTML and CSS
3. Once you're done, click Save

Basic style

You can use the options such as Theme, Image, Title, Description, and Link buttons.

Theme

Change the location of text and image with this option. By default, three predefined alignments are available for selection.

• Click on the desired theme and click Save to update the custom page

Upload image

Upload a related image to enhance the page.
Click the Upload button, and a popup appears with Default images and Upload tabs.

Default images - You can find the default images provided. Click the desired image and click Save

Upload - To upload a desired image from URL or Drive

• To upload an image from URL:
  • Click Upload and enter the image URL in the URL field
  • Click Insert → Save
• To upload an image from Drive:
  • Click Upload → Upload an image and the file selection window appears
  • Select the desired image
  • Click Insert → Save

Title

Enter the desired title of the page and click Save. The character limit is 30, including space.

Description

Enter a description for the page. This allows the readers to know the context of the page.

Add button

Add link buttons to navigate the reader to the desired page. You can add a maximum of three links.

• Click Add button and the below option list appears:
  • Add home page link - To add your home page link

  Example - https://docs.document360.com/

  • Add documentation link - To add your documentation link

  Example - https://docs.document360.com/docs

  • Add custom URL - To add any custom URL

  Example - https://www.serverless360.com/business-applications

• Select the desired option
  • You can update the home page and documentation link button name
  • If you selected 'Add custom URL', enter the link name and URL.
• You can rearrange the links with the Drag button
• Once you're done, click Save

How to remove link buttons?
If you want to remove link buttons, click Remove link on the top right of the desired button and click Save

Custom style

Customize the 404 page with HTML or CSS section.

• Select the Custom style and you can find two tabs:
  • HTML section
  • CSS section
• Navigate to the desired tab and update the section as per your requirement
• Click Preview on the top right of the section to view the preview of the customized 404 page
• Once you're done, click Save