SaaSFlowDocs

Module · Blog and guides

Blog Listing

The blog listing page: header, search, topic filter, post grid and sidebar.

91 settingsBlog 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
Show the headerOn/offThe heading and image at the top of the listing. Turn off when a Page Header or other hero sits above the listing (for example on the Guides listing template).Default: On
Eyebrow textTextShort label shown above the heading, such as a category or theme.Default: BLOG
HeadingTextType | where you want a new line, and wrap words in [square brackets] to highlight them.Default: Insights, guides and ideas | for [modern teams]
SubheadingTextShort line of supporting text under the heading.Default: Practical advice, product updates and expert insights to help you build, grow...
Header imageImageOptional illustration on the right of the header (desktop). Leave empty for none.
Search and topicsGroup · 6 settings
Show search boxOn/offDefault: On
Search placeholderTextHint text inside the empty search box.Default: Search articles, topics or keywords…
Search results pageTextSearches go to this page. HubSpot's default is /hs-search-results.Default: /hs-search-results
Show topic buttonsOn/offDefault: On
"All" button textTextDefault: All Topics
Topics shownNumberHow many topic buttons show in the toolbar.Default: 6
Article listGroup · 24 settings
Heading above the articlesTextOptional, for example All guides. Wrap words in [brackets] to highlight them.
Text under that headingTextOptional short line.
Article countText{count} is replaced by the number of articles.Default: Showing {count} articles
Article count on a topic pageText{count} is replaced by the number of articles and {topic} by the topic name.Default: Showing {count} articles in {topic}
Feature the newest postOn/offOn the first page, the newest post shows as a large card above the others.Default: On
Featured labelTextSmall label on the large card. Leave empty to hide it.Default: Featured
Featured link textTextLink at the bottom of the large card. Leave empty to hide it.Default: Read article
Show sort menuOn/offSorts the articles on the current page.Default: On
Sort labelTextDefault: Sort by
"Latest" optionTextDefault: Latest
"Oldest" optionTextDefault: Oldest
"A–Z" optionTextDefault: Title (A–Z)
Show summaryOn/offDefault: On
Summary length (characters)NumberMaximum characters of the summary on each card.Default: 130
Show read timeOn/offDefault: On
Read time textText{minutes} is replaced by the reading time.Default: {minutes} min read
Show authorOn/offDefault: On
Show dateOn/offDefault: On
Text when there are no articlesTextDefault: No articles here yet. Check back soon.
PaginationChoiceHow visitors reach older posts. Load more and automatic loading add the next page's posts below; the page numbers stay in the page for search engines and as a fallback.Options: Page numbersLoad more buttonLoad automatically while scrollingDefault: Page numbers
Load more textTextButton text.Default: Load more articles
Loading textTextShown while the next posts load.Default: Loading…
Previous pageTextDefault: Previous
Next pageTextDefault: Next
SidebarGroup · 14 settings
Show sidebarOn/offDefault: On
Show featured articleOn/offA featured post in the sidebar. When the newest post is already featured above the list (List > Feature the newest post) and this shows the latest post too, it's left out on the first page so the same post doesn't show twice.Default: On
Featured article headingTextDefault: Featured Article
Featured articleChoiceFeature the newest post, or the one with the most views.Options: Latest articleMost popular articleDefault: Latest article
Show categoriesOn/offDefault: On
Categories headingTextHeading above the list of categories.Default: Categories
"View all" link textTextText of the link to the full list. Leave empty to hide it.Default: View all
Categories shownNumberHow many topics the sidebar lists.Default: 7
Show article countsOn/offDefault: On
Category iconsRepeater · 4 settings

Pick an icon for a topic by its exact name. Topics not listed get an icon automatically.

Topic nameTextThe topic exactly as named in your blog settings.
IconChoiceIcon shown next to this topic in the sidebar. Choose Pick from icon library or Upload my own for any other icon.Options: GridBookChartLayersBriefcaseLight bulbPeopleTagDocumentMegaphonePick from icon libraryUpload my ownDefault: Tag
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.
Show newsletter boxOn/offDefault: On
Newsletter headingTextHeading of the newsletter box.Default: Subscribe to our newsletter
Newsletter textTextShort text explaining what subscribers get.Default: Get the latest articles, updates and tips directly in your inbox.
Newsletter formHubSpot formChoose a HubSpot form with an email field.

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: Same as theme
Highlight colorColorColor for [bracketed] heading words. 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
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
CardsGroup · 4 settings
Corner radiusNumberRoundness of the corners. 0 is square.Default: 16
Show borderOn/offDraws a thin border around each card.Default: On
ShadowChoiceShadow under each card.Options: NoneSoftStrongDefault: Soft
Lift on hoverOn/offCards rise slightly when hovered.Default: On
SpacingGroup · 4 settings

Leave empty to use the theme section spacing.

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.
Articles per row (desktop)ChoiceHow many items sit side by side on desktop. With the sidebar on, at most 3 fit.Options: 2345Default: 3
Topic tag colorsGroup · 7 settings

Topics get these colors in order and repeat after seven, so a topic always has the same color.

Color 1ColorTag color for the topic in position 1.Default: #4F46E5
Color 2ColorTag color for the topic in position 2.Default: #2563EB
Color 3ColorTag color for the topic in position 3.Default: #059669
Color 4ColorTag color for the topic in position 4.Default: #EA580C
Color 5ColorTag color for the topic in position 5.Default: #DB2777
Color 6ColorTag color for the topic in position 6.Default: #0891B2
Color 7ColorTag color for the topic in position 7.Default: #7C3AED
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
Topics navigationTextRead by screen readers for the topic links.Default: Topics
PaginationTextRead by screen readers for the page links.Default: Pagination

Tip

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