SaaSFlowDocs

Module · Integrations

Integrations Directory

A searchable, filterable directory of integrations by category.

58 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
Show category filterOn/offA row of buttons that shows one category at a time.Default: On
"All" buttonTextText of the button that shows every category.Default: All
CategoriesRepeater · 8 settings
Category nameTextHeading of the category, for example Analytics & Tracking.Default: Category
Filter button textTextShort text for the filter button. Leave empty to use the category name.
Filter button iconChoiceSmall icon on the filter button. Choose Upload my own to use your own icon. Choose Pick from icon library or Upload my own for any other icon.Options: ChartPeopleShopping cartWebsiteMegaphoneEmailAutomationGridUpload my ownPick from icon libraryNo iconDefault: Grid
Library iconIconSearch the Font Awesome library and pick an icon. It takes the icon color.
Your iconImageSquare icon, SVG or PNG, at least 32 x 32px. It shows at 15px next to the button text. Single-color SVGs look best.
DescriptionTextOne line under the category heading.
View all linkLinkWhere View all goes. To hide View all everywhere, empty its text under Interface labels.
IntegrationsRepeater · 7 settings
LogoImageSquare logo, about 96 x 96px, SVG or PNG. Leave empty to show the letters below.
LettersTextOne or two letters shown when there is no logo, for example GA.
NameTextName of the tool.Default: Integration
DescriptionTextWhat the integration does, in one short sentence.
Mark as popularOn/offShows the Popular badge on the card.Default: Off
Connect linkLinkWhere the Connect button goes, for example your app's integration page.
Learn more linkLinkWhere Learn more goes, for example a help article.

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
Highlight colorColorColor of the active filter button, the Connect buttons and the View all links. Starts as the theme's 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
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
Logo styleChoiceLetters (when a card has no logo) always sit on a colored tile.Options: On a soft tileLogo onlyDefault: Logo only
CardsGroup · 6 settings
Cards per row (desktop)NumberCards side by side on desktop. Tablets show two, phones one.Default: 4
Card backgroundColorLeave empty to use the theme card color.
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: None
Hover effectChoiceWhat a card does when the mouse is over it or a link inside has keyboard focus. Uses the highlight color.Options: Lift with a highlight borderHighlight border onlyNoneDefault: Lift with a highlight border
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.
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

Interface labels

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

SettingTypeWhat it does
Connect buttonTextText on each card's main button. Leave empty to hide it.Default: Connect
Learn more linkTextText of each card's second link.Default: Learn more
View all linkTextText of the link next to each category heading.Default: View all
Popular badgeTextText of the badge on popular integrations.Default: Popular
No matchesTextShown when a search or filter finds nothing.Default: No integrations match your search. Try another name or category.
Filter buttonsTextRead by screen readers for the filter buttons.Default: Filter integrations by category

Tip

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