Astra Theme Tutorial: How to Enable and Design a Custom 404 Page on Astra Theme

During the operation of the website, you will find404 Error PageIt's unavoidable. Designing a 404 page with beautiful, customized content not only reduces visitor churn, but also improves your overall brand image. If you want to learn how toAstra ThemeTo enable and design a custom 404 page, follow the instructions in this article.

Why should I customize my 404 page?

The default 404 page tends to be clean and even monotonous, making it easy for users to get "Page Error","Unprofessional website" impression. And custom 404 pages can incorporate branding elements, search functionality, popular content recommendations, and even humorous copy to direct users to continue browsing the site.

Applicable Scenarios:

• Some old links failing after website revamping
• User enters wrong link address
• SEO Error Page Jump Tip Page

By customizing the 404 page, you can deepen the brand impression, guide users back to the home page or view related content, and avoid wasted traffic.

procedure

Enabling the Site Builder Module for Astra Pro

First of all, custom 404 pages belong to the Astra Pro of advanced functionality, and therefore needs to be:

• Install and enable Astra Theme
• Installation and activation Astra Pro Addon Plugin

Once done, follow the steps below to turn on the Site Builder module.

1. Log in to the WordPress backend and go to Astra → Dashboard
2. Scroll to Astra Pro Modules
3. start using Site Builder module (in software)

When enabled.Site Builder appears in the Astra panel.

Create and design 404 page layouts

1. go into Astra → Site Builder
2. Click on the left side of the 404 Page
3. Click "Create New". 404 Page)

Optionally, you can use the following tools to design the page content:

• Gutenberg (block editor)
• Elementor
• Beaver Builder

Create customized content by choosing an editor based on your usage habits.

404 Page Setup Options

Click on the top right corner of the page Astra iconThe exclusive settings panel will be expanded.

404 page formThe following options can be configured under:

• Disable Header (Primary Header): Make specific pages not show the main navigation bar and top area of the site. This is useful in certain scenarios, such as login pages,landing pageor a customized 404 page can help make a page more concise, focus on content, and avoid interfering with user actions or visual attention.
• Disabling the Footer Bar: Disabling the footer bar hides the site-wide information area at the bottom of the page, making the page more concise for special pages that do not need to display copyright information or menus.

This can make your 404 page cleaner and more focused.

User role conditions (optional)

You can set a custom 404 page to be displayed only for specific user roles, for example, only for guest users, and a default page for administrator access.

Device visibility settings

Customize the display based on device support:

• desktop
• flatbed
• mobile

Simply check the device types you wish to enable.

Date and time limits (optional)

You can set the start time and end time for the 404 page to be displayed, so that the page will only be effective for a certain period of time, which is ideal for event 404 pages or time-limited alerts.

Once all the settings are complete, click on the top right corner of the "Update" button, the system will automatically replace the default 404 page with the one you just designed.

summarize

Using Astra Pro's Site Builder feature to customize 404 pages is not only easy to use, but also highly flexible. You can freely design the content, control the display object and time period, and optimize the display effect with different devices. To learn more about WordPress related information and operation skills, you want to pay attention to thePhoton fluctuation networkThe latest information is updated in real time every day, and has the best atmosphere of theWordPress Exchange CommunityThe

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off