SaaSFlowDocs

Module · Site-wide

Site Footer

The site footer: logo, link columns, newsletter, contact details, social links and badges.

59 settingsPagesBlog postsBlog listings

Where it is used

Every page (global footer).

Content settings

What the module says and shows. Repeaters (groups you can add items to) are marked as such.

SettingTypeWhat it does
BrandGroup · 4 settings
Logo (for light backgrounds)ImageLeave empty to show the logo text below with the theme's logo mark.
Logo (for dark backgrounds)ImageShown when the footer is in dark mode. Leave empty to use the light logo.
Logo textTextShown when no logo image is set.Default: SaaSFlow
Short descriptionTextOne or two sentences about the company.Default: The all-in-one platform to help your team build, grow and scale with confidence.
Social linksRepeater · 2 settings

Leave the list empty to hide the icons.

NetworkChoiceSets the icon and the screen reader label.Options: LinkedInX (Twitter)FacebookYouTubeInstagramGitHubTikTokDefault: LinkedIn
Profile linkLinkYour page on this network. Opens in a new tab.
Link columnsRepeater · 4 settings

Up to five columns of links. Each column can use its own links or a HubSpot navigation menu.

Column headingTextShort heading above the links.Default: Links
Links fromChoiceA HubSpot menu is edited in Settings > Content > Navigation menus.Options: Links belowA HubSpot navigation menuDefault: Links below
Navigation menuMenuTop-level items of this menu are shown as the links.
LinksRepeater · 3 settings
Link textTextText of the link.Default: Link
LinkLinkWhere this link goes.
BadgeTextOptional small label after the link, for example New or Hiring.
NewsletterGroup · 4 settings
Show newsletter signupOn/offA signup row above the links. It only shows on the live site once a form is chosen.Default: On
HeadingTextShort heading for the signup.Default: Get growth tips in your inbox
TextTextWhat subscribers get, in one sentence.Default: One practical email a month on analytics, marketing and automation. Unsubscri...
FormHubSpot formChoose a HubSpot form with an email field. Its submit button uses the theme's form button style.
Contact detailsGroup · 3 settings

Optional. Each line shows only when it has a value.

EmailTextFor example hello@yourcompany.com. Shown as an email link.
PhoneTextShown as a tap-to-call link.
AddressTextOne line, for example 100 Market Street, San Francisco.
Trust badgesRepeater · 4 settings

Short proof points shown as small pills, for example security or compliance standards you meet. Leave the list empty to hide them.

IconChoiceSmall icon before the text. Choose Pick from icon library or Upload my own for any other icon.Options: ShieldLockCheck markGlobeStarLightning boltPick from icon libraryUpload my ownDefault: Shield
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.
TextTextA few words, for example Privacy first.Default: Badge
Bottom barGroup · 3 settings
CopyrightText{year} becomes the current year and {company} your company name from Settings.Default: © {year} {company}. All rights reserved.
Legal linksRepeater · 2 settings
Link textTextText of the link.Default: Link
LinkLinkWhere this link goes.
Show back to top linkOn/offA small link at the end of the bottom bar that scrolls to the top of the page.Default: On
Search engines and AIGroup · 3 settings

Structured data that tells Google, Bing and AI assistants who you are. Added to every page that uses this footer.

Add organization structured dataOn/offOrganization and WebSite schema: your name, logo, social profiles and contact details.Default: On
Organization nameTextLeave empty to use the company name from your HubSpot account settings.
Short descriptionTextOne sentence about what you do. Leave empty to use the footer tagline.

Style settings

In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.

SettingTypeWhat it does
Color modeChoice"Same as" follows the footer color mode in Theme settings.Options: Same as Theme settings > FooterLightDarkDefault: Same as Theme settings > Footer
BackgroundChoiceThe footer color itself is set in Theme settings (Light and Dark mode colors).Options: Footer color with a soft brand glowFooter color onlyDefault: Footer color with a soft brand glow
Link hover colorColorStarts as the theme's primary color.
FontsGroup · 1 setting
Footer fontFontStarts as the theme's footer font (or the body font when that is empty). Change it to use another font in the footer only.
Social iconsChoiceHow the social icons look.Options: In circlesIcons onlyDefault: In circles
Show divider linesOn/offThin lines between the newsletter, links and bottom bar.Default: On
SpacingGroup · 4 settings

Leave empty to use the footer's default 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.

Interface labels

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

SettingTypeWhat it does
Footer linksTextRead by screen readers for the link columns.Default: Footer
Social linkTextRead before the network name, for example SaaSFlow on LinkedIn.Default: SaaSFlow on
Legal linksTextRead by screen readers for the legal links.Default: Legal
Back to topTextText of the back to top link.Default: Back to top
Logo linkTextRead by screen readers for the logo link.Default: Home page

Tip

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