Pages: Error Pages

What is an Error Page?

An Error Page is a page that your Users will see if the intended page cannot be loaded. This could be due to difficulties with loading or through a User trying to access a page they do not have permission to view.

Can I Customize the Error Pages?

Yes. Both the 404 Error Page and the Permission Error Page is available for you to edit and customize in order to fit with your branding.

You can access the Error Pages by navigating to Content > Landing Pages.

To edit either page, click the 3 dots next to the relevant page to open up the Options menu and select Edit.

404 Error Page - original Content

The 404 Error Page may be seen by both Contents and Staff. By default the page will have an Image, Text and a Button Block. Click in the middle of each block to reveal the block options.

To edit the blocks click the Pencil icon or you can delete the block by clicking X.

IMPORTANT: It is advisable to leave the placeholder and button in place. The link in the current button will return the user to their Dashboard so they can continue using their portal.

Permissions Error Page original Content

The Permissions Error Page will be seen if a Staff Member is impersonating a User who does not have permission to view the page. By default the page will have an Image, however this can be changed to another one of your choice or you may choice to add further blocks. Click in the middle of the block to reveal the block options.

CLICK HERE to learn about the Content Block Editor

Adding further Content

There are different block types available. To add another block type click the Circle icon and choose from the list of available block types.

CLICK HERE to learn more about Block Types.

Prior to leaving the Page, you must click save in order to prevent losing your content or changes. To save the page, click the icon shown below at any time.

How do I preview the Page?

To see a preview of the Page, click the icon shown above.

A preview of the Page will appear in a modal. You can switch between how the content will appear on a desktop, tablet, or mobile device.

How do I configure Styling Options?

Click the palette icon shown below to configure styling options for the Page.

Change/Hide the Content Card

Enabling this setting will allow you to choose one of two options for the Content Card. The Content Card is the background behind the content (default white).

Completely Hide the Content Card: This will remove the border around the content you see.

Change the colors of the Content Card: This will display the Content Card but will give you the ability to customize the color of the text and background. You can choose the color from a Color Picker for each field.

Change the Color/Pattern of the Primary Background

Enabling this setting will allow you to choose one of three options for the Primary Background. The Primary Background is the main background (default light gray).

Change the Color of the Primary Background: If enabled, you'll be able to choose a color with a Color Picker. You can also use the texture/pattern overlay option in addition to this one if desired.

Use a background image instead of a background color: If enabled, you'll be able to choose an image to display with a File Uploader.

Show a texture/pattern overlay over top of the background color/image: If enabled, you'll be able to choose from a selection of patterns along with the pattern color and opacity. You can still set the Primary Background color to be used in conjunction with this option.

Custom CSS/JS

Advanced users can input their own Custom CSS or Custom JS into this section to further customize your Page.

IMPORTANT: Any configurations you set in Styling Options will NOT be visible in the editor. To see the changes, you should use Preview Mode.

How do I configure Font Themes?

Click the Font icon shown below to configure Font Themes for the Page.

The integration with Google Fonts makes it easy to select and apply fonts, along with their available styles.

CLICK HERE to learn about Font Themes

IMPORTANT: Any configurations you set will NOT be visible in the editor. To see the changes, you should use Preview Mode.