Industry Tabs | SaaSFlow Docs

59 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.

Setting Type What it does

Eyebrow Text Small label above the heading. Leave empty to hide it.Default: INDUSTRY SOLUTIONS

Heading Text Wrap words in [brackets] to highlight them.Default: Solutions built for your industry

Description Text Line under the heading.Default: Tailored analytics and marketing solutions for businesses of every size and i...

Link text Text Link at the top right. Leave empty to hide it.Default: View all industries

Link Link Where the top-right link goes.

TabsRepeater · 16 settings

One tab per industry or use case.

Tab label Text Short name on the tab.Default: Tab

Tab icon Choice A built-in icon, or choose Pick from icon library or Upload my own.Default: Chart

Library icon Icon Pick an icon from the library.

Icon image Image A square SVG or PNG.

Panel label Text Small label above the panel title, for example MARKETING TEAM. Leave empty to hide it.

Title Text Heading inside the tab.Default: Title

Text Rich text Short description.

Checklist Text One point per line (or separate them with | ). Each gets a check mark.

Button text Text Leave empty to hide the button.

Button link Link Where the button goes.

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.

Show stat cards On/off Up to four small cards with figures, beside the text.Default: Off

Stat cardsRepeater · 7 settings

Icon	Choice	A built-in icon, or one from the icon library.Default: `Chart`
Library icon	Icon	Pick an icon from the library.
Label	Text	What the figure measures.Default: `Campaign performance`
Figure	Text	The number, for example +42% or 3.2x.Default: `+42%`
Trend arrow	Choice	Arrow next to the note.Options: UpDownNoneDefault: `Up`
Trend is	Choice	A falling cost is good news, so choose Down and Good.Options: Good (green)Bad (red)Default: `Good (green)`
Note	Text	Small text under the figure.Default: `vs last quarter`

Show image On/off The picture on the right of the panel.Default: On

Image Image A screenshot or illustration, about 1000 x 700px.

Image badge Text Optional short note in a card on the image, for example More reach. Press Enter for a new line.

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

Eyebrow style Choice "Same as theme" follows Theme settings > Eyebrow.Options: Same as themePlain textPillGradient badgeDefault: Same as theme

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 effectGroup · 6 settings

Show background glow	On/off	Default: `Off`
Intensity	Number	How strong the glow is. 0% hides it.Default: `60`
Flowing movement	On/off	Plays an entrance animation. Visitors who turn off motion on their device don't see it.Default: `On`
Fade out at the top and bottom	On/off	Fades the glow out at the edges so it blends into the next section.Default: `On`
Glow color 1	Color	Leave empty to use the theme primary color.
Glow color 2	Color	Leave empty to use the theme accent color.

Background animation Choice A 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 strength Number How visible the background animation is. Lower is subtler.Default: 45

Number of bubbles Number How many bubbles float in this section. Phones show about half of them.Default: 6

Bubble arrangement Number 0: 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

Show the panel as a card On/off A white card with a soft shadow around the tabs and their content.Default: On

Soft colored panel On/off A light wash of the highlight color behind the tab panel, instead of plain white.Default: Off

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

Interface labels

Words on buttons and for screen readers. Change them to translate the module.

Setting	Type	What it does
Tabs	Text	Name of the tab list.Default: `Industries`

Tip

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