SaaSFlowDocs

Module · System pages

Error Page Message

The message on the 404 and 500 error pages, with buttons and popular links.

44 settingsPagesBlog postsBlog listings

Where it is used

Content settings

What the module says and shows. Repeaters (groups you can add items to) are marked as such.

SettingTypeWhat it does
Eyebrow textTextShort label shown above the heading, such as a category or theme.Default: 404 ERROR
HeadingTextType | where you want a new line, and wrap words in [square brackets] to highlight them.Default: Oops! | Page not [found]
DescriptionRich textSupporting text. Keep it to one or two sentences for best results.
ButtonsRepeater · 5 settings

Add, remove or reorder buttons. A button with no link goes to the homepage.

Button textTextText on the button.
Button linkLinkWhere the button goes.
HubSpot CTA IDTextOptional. To use a HubSpot CTA instead of the button (so HubSpot tracks its views and clicks), paste the CTA's ID here. Find it in Marketing > CTAs: open the CTA and copy the number from the page address. Needs HubSpot's CTA tool. Leave empty to use the button.
Button styleChoiceFilled for the main action, outline for a secondary one.Options: Primary (filled)OutlineDefault: Primary (filled)
Show arrowOn/offAdds an arrow after the button text.Default: On
Popular pages labelTextHeading above the popular links.Default: Popular pages:
Popular pagesRepeater · 5 settings
LabelTextText of the link.
URLLinkWhere this link goes.
IconChoiceIcon shown next to the link. Choose Pick from icon library or Upload my own for any other icon.Options: Grid (product)Layers (solutions)Book (resources)Tag (pricing)HomeHelpMail (contact)ChartPick from icon libraryUpload my ownDefault: Grid (product)
Library iconIconSearch the Font Awesome library and pick an icon. It takes the icon color.
Icon imageImageA square SVG or PNG, at least 48 x 48px. Uploaded images keep their own colors.
ImageImageOptional illustration beside the text. Upload it to the File Manager and choose it here. Leave empty for a text-only page.

Style settings

In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.

SettingTypeWhat it does
Color modeChoice"Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site
Eyebrow styleChoice"Same as theme" follows Theme settings > Eyebrow.Options: Same as themePlain textPillGradient badgeDefault: Same as theme
Highlight colorColorColor for [bracketed] words in the heading. Leave empty for the theme gradient.
FontsGroup · 2 settings
Heading fontFontStarts as the theme's heading font. Change it to use another font in this module only.Default: Outfit
Text fontFontStarts as the theme's body font. Change it to use another font in this module only.Default: Inter
Background colorColorLeave empty to use the theme colors for the current light or dark mode.
Background effectGroup · 6 settings
Show background glowOn/offDefault: On
IntensityNumberHow strong the glow is. 0% hides it.Default: 50
Flowing movementOn/offPlays an entrance animation. Visitors who turn off motion on their device don't see it.Default: On
Fade out at the top and bottomOn/offFades the glow out at the edges so it blends into the next section.Default: On
Glow color 1ColorLeave empty to use the theme primary color.
Glow color 2ColorLeave empty to use the theme accent color.
Background animationChoiceA subtle moving background behind this section. Soft bubbles: glass circles floating. Aurora: large blurred color clouds drifting. Dot grid: a faint dotted pattern drifting. Ripples: soft rings spreading out. Brand colors only; still for visitors who turn off motion.Options: NoneSoft bubblesAurora glowDrifting dot gridRipplesDefault: None
Animation strengthNumberHow visible the background animation is. Lower is subtler.Default: 45
Number of bubblesNumberHow many bubbles float in this section. Phones show about half of them.Default: 6
Bubble arrangementNumber0: this section gets its own random arrangement. Pick any other number to shuffle the bubbles into a new one, for example if a bubble sits behind your text.Default: 0
SpacingGroup · 4 settings

Leave empty to use the theme section spacing (Theme settings > Layout).

Top padding (desktop)NumberSpace above the content on desktop.
Bottom padding (desktop)NumberSpace below the content on desktop.
Top padding (mobile)NumberSpace above the content on phones.
Bottom padding (mobile)NumberSpace below the content on phones.
Fill the screen heightOn/offMakes the section at least as tall as the visitor's screen, so the footer sits below the fold.Default: On
Illustration width (desktop)NumberShare of the page width the illustration takes. It stays on the right and grows toward the text.Default: 56
Animate on page loadOn/offText rises in and the illustration floats gently. Visitors who turn off motion on their device see no animation.Default: On

Tip

Headings support [brackets] to highlight words and | for a new line. See Editing tips.