Create custom 404 error pages with personalized design and content. Guide your user’s website experience even during misdirections.
Choose from a Text, SiteOrigin Layout Builder, or Page option for your 404 page content and display:
– 404 Text Demo
– 404 Page Demo
Requirements
- SiteOrigin Premium Plugin
- Required: SiteOrigin Widgets Bundle Plugin
- Optional: Page Builder by SiteOrigin Plugin
To get started, go to SiteOriginPremium Addons and activate the 404 Page Addon. Once activated, click the addon “Settings” button create your custom 404 page.
Usage
The following settings are available at SiteOriginPremium Addons404 Page: Settings:
Enable Custom 404 Page
Enable to activate a custom 404 error page. This setting is disabled by default.
Display
Choose between the following content display options for your custom 404 page:
- Text: Use the Text field below to add your error page content.
- Layout Builder: Build a layout and add your error page content using the SiteOrigin Layout Builder. Requires SiteOrigin Page Builder to be activated.
- Page: Select an existing page as your error page.
Design
Body
Background Color
Select a page background color.
Background Image
Select a page background image.
Background Image Opacity
Optionally select the background image opacity. If less than 100 the background color will be seen as an overlay.
Content Container
Margin
Enter the top, right, bottom, and left margin values for the content container. The margin separates the container from the edge of the page.
Padding
Enter the top, right, bottom, and left padding values for the content container. The padding applies within the container.
Border Radius
Optionally enter a top, right, bottom, and left border radius for the content container.
Background
Select the content container background color.
Alignment
Select the content container alignment. Choose between left, center, or right.
Width
Enter the content container width.
Heading
Font
Select the content heading font family.
Font Size
Select the content heading font size.
Color
Select the content heading font color.
Text
Font
Select the content text font family.
Font Size
Select the content text font size.
Color
Select the content text color.