4. From the left dropdown menu, select **404 page**.
5. Customize the page using one of two options:
- **Basic style** - Customize the default image, heading, paragraph, and link buttons.
- **Custom style** - Add custom HTML and CSS. Use the **Preview** toggle to switch between code view and rendered view.
6. Click **Save** to save without applying immediately, **Preview** to review, and **Publish** to make changes live.
---
## Basic style
### Image
1. Click **Image**. The Image panel appears.
2. Click **Change** and choose between:
- **Default images** - Select from available default images and click **Save**.
- **Image** - Enter an image URL or upload from your Drive and click **Save**.
3. Set the image alignment (left, center, or right) as needed.
### Heading
1. Click **Heading**. The Heading panel appears.
2. Enter the desired heading text.
3. Select a color from the text color palette.
> The default heading will be "404."
### Paragraph
1. Click **Paragraph**. The Paragraph panel appears.
2. Enter a description to help readers understand the context.
3. Select a color from the text color palette.
> The default text will be "Oops! Page not found."
### Buttons
Add up to three link buttons to guide readers to useful pages.
1. Click **Buttons**.
2. Click **Add button** to create a new button.
3. Enter text and URL for each button.
4. Click the **Delete** () icon to remove a button or the **Hide** () icon to hide it.
5. Click **Delete** at the bottom to remove all buttons.
6. Once done, click **Save**.
:::(Info) ( NOTE)
Suggested links to include on the 404 page: Home page, a contact form for readers to report broken links, your knowledge base sitemap, and your most popular categories or articles.
:::
---
## Custom style
1. Select **Custom style** and switch between the **HTML** and **CSS** sections.
2. Update the code as required.
3. Turn on the **Preview** toggle to view the updated page.
4. Click **Save**, then **Publish** to apply.
---
## Best practices
- **Keep the design on-brand** - use the same colors and tone as the rest of your knowledge base so readers know they're still in the right place.
- **Use friendly, plain language** - avoid technical jargon. Acknowledge the error lightly: "It's possible this page has moved or no longer exists."
- **Always add at least one button** - link back to the home page at minimum. Two or three buttons covering home, documentation, and a contact form gives readers clear next steps.
- **Use the 404 page together with redirect rules** - customize the 404 page for unavoidable errors, and use Article redirect rules to fix known broken URLs proactively.
---
## FAQ
Can I revert to the default 404 page after customizing it?
No. Once you configure a custom 404 page, you cannot revert to the default version.
What is the difference between Basic style and Custom style?
Basic style gives you a point-and-click editor to customize the image, heading, paragraph text, and up to three link buttons without writing any code. Custom style lets you write your own HTML and CSS for full control over the layout and design, including adding GIFs, video elements, or complex custom layouts.
Can I add GIF or video elements to the 404 page?
Yes. You can add screen GIFs and video elements to the 404 page design using the Custom style option.
How many buttons can I add to the 404 page?
You can add up to three link buttons using the Basic style option.