SaaSFlowDocs

Module · System pages

Site Search Results

The site search results page, with filters by content type.

80 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: SEARCH
HeadingTextWrap words in [square brackets] to highlight them.Default: Find what you’re [looking for]
SubheadingTextShort line of supporting text under the heading.Default: Search across our product, resources, and help center.
Search box placeholderTextHint text inside the empty search box.Default: Search for features, guides, or topics…
Search button textTextText on the button.Default: Search
Header imageImageOptional illustration in the search header (desktop). Leave empty for none.
Start screen (before a search)Group · 7 settings

What visitors see when they open the search page without searching yet.

HeadingTextWrap words in [square brackets] to highlight them.Default: Search [something]
Intro textTextDefault: Find articles, product features, guides and more. Enter a keyword above to se...
IllustrationImageOptional illustration on the start screen. Leave empty to use the header image, or none.
Popular searches headingTextHeading above the popular links.Default: Popular searches
Popular searchesRepeater · 1 setting

Each one runs that search when clicked.

Search wordsTextWords to search for when this is clicked.
Categories headingTextHeading above the list of categories.Default: Or explore by category
CategoriesRepeater · 6 settings

Up to 4 cards. Their icon colors follow Styles > Content type badge colors, in order.

TitleTextHeading of the category card.
DescriptionTextShort text on the card.
LinkLinkPage the card links to.
IconChoiceIcon shown on the card. Choose Pick from icon library or Upload my own for any other icon.Default: Page
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.
Content typesRepeater · 4 settings

How results are grouped, labeled and filtered. Each result gets the first type it matches; anything else shows as "Other".

LabelTextName shown on result badges and in the filter.
MatchesChoiceHow results are sorted into this type: by URL path, or by blog post, knowledge base article or landing page.Options: Pages whose URL starts with a pathBlog postsKnowledge base articlesLanding pagesDefault: Pages whose URL starts with a path
URL pathTextUsed when Matches is a URL path, for example /docs or /case-studies.
IconChoiceIcon shown on results without a featured image.Options: ChartLayersDocumentBlog / articleBookGrowth chartPageVideoHelpTagGridDefault: Page
Label for results that match no typeTextDefault: Other
FiltersGroup · 9 settings
Show content type filterOn/offDefault: On
Content type filter headingTextDefault: Content type
"All" option textTextDefault: All
Show category filterOn/offCategories come from the tags on your blog posts and pages.Default: On
Category filter headingTextHeading above the list of categories.Default: Category
Categories shown before "Show more"NumberCategories shown before the Show more link.Default: 5
Show date filterOn/offDefault: On
Date filter headingTextDefault: Date
Filters button text (phones)TextDefault: Filters
MessagesGroup · 7 settings

{count} is replaced by the number of results and {term} by the search words.

Results countText{count} is replaced by the number of results and {term} by the search words.Default: Showing {count} results for “{term}”
Results count (exactly one)TextDefault: Showing 1 result for “{term}”
Before a searchTextDefault: Type what you’re looking for above.
No results headingText{term} is replaced by the search words.Default: No results for “{term}”
No results textRich text
Error messageTextDefault: Search isn’t available right now. Please try again in a moment.
Load more buttonTextDefault: Load more results
Results per pageNumberResults shown before the Load more button.Default: 10

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: Pill
Highlight colorColorColor for [bracketed] heading words and matched search words. Leave empty for the theme gradient / primary color.
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
Header backgroundColorLeave empty to use the theme's alternate background color.
Show background glow in the headerOn/offA soft moving glow behind the header area.Default: On
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.
Content type badge colorsGroup · 7 settings

One color per content type, in the order of the Content types list.

Type 1ColorBadge color for content type 1.Default: #4F46E5
Type 2ColorBadge color for content type 2.Default: #0D9488
Type 3ColorBadge color for content type 3.Default: #DB2777
Type 4ColorBadge color for content type 4.Default: #2563EB
Type 5ColorBadge color for content type 5.Default: #EA580C
Type 6ColorBadge color for content type 6.Default: #7C3AED
"Other" resultsColorBadge color for results that match no content type.Default: #6B7280
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

Interface labels

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

SettingTypeWhat it does
Clear search buttonTextRead by screen readers for the button that empties the search box.Default: Clear search
Filters areaTextRead by screen readers for the filters area.Default: Filters
Show more buttonTextText on the button that loads more results.Default: Show more
Any timeTextDate filter option.Default: Any time
Last weekTextDate filter option.Default: Last week
Last monthTextDate filter option.Default: Last month
Last yearTextDate filter option.Default: Last year

Tip

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