Comparison Table | SaaSFlow Docs

68 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 Text Short label shown above the heading, such as a category or theme.Default: WHY SAASFLOW

Heading Text Wrap words in [square brackets] to highlight them.Default: See why teams [switch to SaaSFlow]

Description Rich text Supporting text. Keep it to one or two sentences for best results.

First column heading Text Optional text above the feature names, for example "Features".Default: Features

Columns (plans or products)Repeater · 10 settings

1 to 5 columns. The table adjusts to however many you add.

Icon or logo	Image	Icon shown with this item.
Library icon	Icon	Or pick an icon from the Font Awesome library. Used when no image is chosen above.
Title	Text	Shown as the item's heading.
Description	Text	Supporting text. Keep it to one or two sentences for best results.
Highlight this column	On/off	Marks a recommended plan: tinted column, colored border and a primary button.Default: `Off`
Highlight badge text	Text	Shown above a highlighted column, for example "Most popular". Leave empty for no badge.
Show button	On/off	Show a button under this column's heading.Default: `On`
Button text	Text	Text on the button. Leave empty to hide the button.Default: `Get started`
Button URL	Link	Where the button goes.
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.

RowsRepeater · 5 settings

Each row needs one value per column. Missing values show as empty cells; extra values are ignored.

Row type Choice A feature row, or a heading that groups the rows below it.Options: Feature rowSection headingDefault: Feature row

Feature name (or section heading) Text Feature name shown in the first column.

Feature description (optional) Text Small text under the feature name.

Text across all columns (optional) Text Replaces the column values with one line of text spanning every column.

Column valuesRepeater · 3 settings

Value	Choice	Check, cross, short text or empty for this column.Options: Included (check)Not included (cross)TextEmptyDefault: `Included (check)`
Text	Text	For Text: the value shown. For Check or Cross: an optional label beside the icon, for example Yes, Limited or Built-in.
Note	Text	Optional small text under the value, for example (all major CRMs).

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 Used for [bracketed] heading words and the highlighted column. Leave empty to use the theme primary color (gradient for the heading).

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

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.

Heading alignment Choice Alignment of the eyebrow, heading and description.Options: CenterLeftDefault: Center

TableGroup · 7 settings

On phones	Choice	How the table fits small screens.Options: Stack each column as a cardScroll sideways (feature names stay visible)Default: `Stack each column as a card`
Show competitor tabs	On/off	Tabs above the table. Visitors click competitors to show only those next to your highlighted column, and click again to remove them; with none selected, every column shows. Needs three or more columns.Default: `Off`
First column width (desktop)	Number	Share of the table width for the feature names.Default: `32`
Row style	Choice	Lines between rows, or alternating row shading.Options: Lines between rowsStriped rowsDefault: `Lines between rows`
Keep column headings visible while scrolling	On/off	Desktop only. The plan names stick under the header as visitors scroll down a long table.Default: `On`
Value alignment	Choice	Alignment of the values in each column.Options: CenterLeftDefault: `Center`
Corner radius	Number	Roundness of the corners. 0 is square.Default: `16`

Check and cross iconsGroup · 3 settings

Not included shows	Choice	How a feature a plan doesn't include is marked. A dash is quieter on long tables.Options: A crossA dashDefault: `A cross`
Check color	Color	Color of the check marks and their tinted circle. Starts as the theme's primary brand color.
Cross color	Color	Leave empty to use the theme muted text color.

Animate when scrolled into view On/off The heading and table fade 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
Included	Text	Read by screen readers for a check mark.Default: `Included`
Not included	Text	Read by screen readers for a cross.Default: `Not included`
Empty value	Text	Read by screen readers for an empty cell.Default: `Not specified`
Competitor tabs	Text	Read by screen readers for the competitor tabs.Default: `Compare with`

Tip

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