SaaSFlowDocs

Module · Conversion

Frequently Asked Questions

Questions and answers that open one at a time, with optional FAQ structured data.

48 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: FAQ
HeadingTextWrap words in [square brackets] to highlight them.Default: Common questions, clear answers.
DescriptionRich textSupporting text. Keep it to one or two sentences for best results.
CTA LinkLinkWhere the button goes.
Button: 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.
CTA TextTextText on the button. Leave empty to hide the button.Default: View all FAQs →
ImageGroup · 2 settings

Optional picture before the heading, for example a chart or illustration.

Show imageOn/offTurn off to hide the image without removing it.Default: On
ImageImageA chart, illustration or photo. Transparent PNG or SVG works well. Leave empty for no image.
FAQ ItemsRepeater · 2 settings
QuestionTextThe question as visitors would ask it.
AnswerRich textThe answer. Links and simple formatting are allowed.
Add FAQ structured data (FAQPage schema)On/offTells Google, Bing and AI assistants these are questions and answers, so they can quote them in results. Keep it on for one FAQ module per page; turn it off on the others.Default: On

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
LayoutChoiceTwo columns suits short questions, for example on a pricing page. The button then shows as a text link on the right.Options: Heading beside the questionsHeading on top, questions in two columnsHeading on top, one column of questionsDefault: Heading beside the questions
ImageGroup · 4 settings
Image widthNumberWidth of the image column on desktop. On smaller screens the image is never wider than this.Default: 220
Corner radiusNumberRounded corners on the image. 0 for square corners.Default: 12
Vertical positionChoiceWhere the image sits beside the heading (Heading beside the questions layout).Options: TopMiddleDefault: Top
On phones and tabletsChoiceScreens under 1024px wide.Options: Show above the headingHideDefault: Show above the heading
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
Transparent backgroundOn/offRemoves this section's background so the page background shows through. Useful for blending sections together.Default: Off
Background colorColorLeave empty to use the theme colors for the current light or dark mode.
Background effectGroup · 6 settings
Show background glowOn/offDefault: Off
IntensityNumberHow strong the glow is. 0% hides it.Default: 60
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.
AccordionGroup · 2 settings
Open the first questionOn/offDefault: On
Allow several answers open at onceOn/offOff: opening a question closes the others.Default: Off
Animate when scrolled into viewOn/offContent 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.