Confirmation Hero | SaaSFlow Docs

30 settingsPages

Where it is used

Thank you page

Content settings

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

Setting Type What it does

IllustrationGroup · 4 settings

Show	Choice	The picture above the heading. The built-in ones use the brand colors.Options: Built-in: envelope with a check markBuilt-in: large check markIcon from the libraryMy own imageNothingDefault: `Built-in: envelope with a check mark`
Icon	Icon	Pick any icon; it sits in a soft brand-colored circle.
Image	Image	An illustration with a transparent background, about 320 x 240px.
Confetti	On/off	Small colored sparks around the illustration.Default: `On`

Heading Text Main heading. Wrap words in [brackets] to highlight them.Default: Thank [you!]

Subheading Text Large line under the heading. Leave empty to hide it.Default: Your request has been received.

Description Rich text Text under the subheading.

Main button text Text Optional. Leave empty to hide the button.

Main button link Link Where the main button goes.

Main button: HubSpot CTA ID Text Optional. 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.

Second button text Text Optional. Leave empty to hide the button.

Second button link Link Where the second button goes.

Second button: HubSpot CTA ID Text Optional. 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.

Style settings

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

Setting Type What it does

Color mode Choice "Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site

Highlight color Color Color for [bracketed] words in the heading. Leave empty for the theme gradient.

FontsGroup · 2 settings

Heading font	Font	Starts as the theme's heading font. Change it to use another font in this module only.Default: `Outfit`
Text font	Font	Starts as the theme's body font. Change it to use another font in this module only.Default: `Inter`

Transparent background On/off Removes this section's background so the page background shows through. Useful for blending sections together.Default: Off

Background color Color Leave empty to use the theme colors for the current light or dark mode.

Background animation Choice Soft bubbles: glass circles floating around the section. Aurora: large blurred color clouds drifting slowly. Dot grid: a faint dotted pattern that slowly drifts. Ripples: soft rings spreading out. All use the brand colors and stay still for visitors who turn off motion.Options: Soft bubblesAurora glowDrifting dot gridRipplesNoneDefault: Soft bubbles

Animation strength Number How visible the background animation is. Lower is subtler.Default: 45

SpacingGroup · 4 settings

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

Top padding (desktop)	Number	Space above the content on desktop.
Bottom padding (desktop)	Number	Space below the content on desktop.
Top padding (mobile)	Number	Space above the content on phones.
Bottom padding (mobile)	Number	Space below the content on phones.

Animate when scrolled into view On/off Content fades up as the section comes into view. 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.