Office Locations | SaaSFlow Docs

51 settingsPagesBlog postsBlog listings

Where it is used

Contact page

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 Short label above the heading. Leave empty to hide it.Default: OUR OFFICES

Heading Text Main heading. Wrap words in [brackets] to highlight them.Default: Global presence, local support

Description Rich text Text under the heading.

OfficesRepeater · 8 settings

Each office gets a pin on the map and a card in the list.

City or office name	Text	For example London.Default: `Office`
Label	Text	Small note after the name, for example HQ. Leave empty to hide it.
Address	Text	Street address. Press Enter for a new line.
Photo	Image	A photo of the city or office, about 200 x 160px. Without one, a soft tile with a building icon shows.
Link	Link	Optional: for example the office on Google Maps. The card becomes a link with an arrow.
Latitude	Number	Where the pin sits, in degrees (north is positive). Find it by right-clicking the place in Google Maps.Default: `0`
Longitude	Number	In degrees (east is positive, west is negative).Default: `0`
Map label position	Choice	Move it when labels of nearby offices overlap.Options: Above the pinBelow the pinLeft of the pinRight of the pinNo labelDefault: `Above the pin`

Style settings

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

Setting Type What it does

Layout Choice On phones the map always comes first.Options: Map left, offices rightOffices left, map rightMap above the officesDefault: Map left, offices right

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 Color of the pins, [highlighted] words and the office card arrows. Starts as the theme's primary color.

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

MapGroup · 3 settings

Map dot color	Color	Color of the dots that draw the continents. Leave empty to use a soft tint of the highlight color.
Pulse the pins	On/off	A soft ring that grows from each pin. Off for visitors who turn off motion.Default: `On`
Show map labels	On/off	The small name cards next to the pins.Default: `On`

CardsGroup · 5 settings

Card background	Color	Leave empty to use the theme card color.
Corner radius	Number	Roundness of the corners. 0 is square.Default: `16`
Show border	On/off	Draws a thin border around each card.Default: `On`
Shadow	Choice	Shadow under each card.Options: NoneSoftStrongDefault: `None`
Lift on hover	On/off	Cards rise slightly when hovered.Default: `Off`

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.

Animate when scrolled into view On/off Content fades 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
Map	Text	Describes the map for screen readers.Default: `Map of our office locations`

Tip

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