AI Website Integrations Section Examples

44 real integrations sections from 28 AI websites

There are 44 integrations sections here, cut from 28 live AI websites such as Granola, Superhuman and ClickUp. 22% of the AI sites in the library have a integrations section, higher than the 4% across all websites. 82% of them are light-themed and the most common headline fonts are Inter (3), Geist (2) and Quadrant.

At a glance

Live verified metrics
Integrations sections
44
Sites
28 of 130 AI sites (22%)
Library-wide
4% of all websites have one
Per site
1.6 on average
Light / dark
82% light · 18% dark
Top heading fonts
Inter (3), Geist (2) and Quadrant
Accent colours
neutral 12blue 7purple 3
Leading sites
Granola, Superhuman and ClickUp

What makes a good integrations section on a AI website

Integration sections show where the product fits: a grid of familiar logos, grouped by category, with a link to the full directory. AI products sell capability fast: a demo above the fold, a model or benchmark story, and pricing that scales with usage. Compare these examples with integrations sections from every industry, or see the full homepages on the AI website templates page.

What these 44 integrations sections have in common

On average each one carries 31.2 images or icons, 6.3 buttons and 14.9 links. 16% sit on a dark background, and 40% are taller than half their width — most are compact bands rather than full screens. Headlines range from “Generate slides from your existing stack” (Pitch), “Integrate with your tech stack” (Typeform) to “Works with your stack” (Chili Piper).

7 integrations sections worth studying

  • Superhuman — “AGENTS FOR PRODUCTIVITY”: Go gives you AI collaborators that can hone your deliverables and work with your info in other apps. Learn more Reader Reactions By Grammarly See how… (0 buttons, 3 images, background #ffffff).
  • ClickUp — “API”: Browse our Public specification. Use ClickUp right from your AI assistant. Trigger workflows from ClickUp events. Let people sign into their ClickUp account. (0 buttons, 8 images, background #ffffff).
  • Reclaim: Connect all your work AI superpowers for your existing calendar Sync your task lists Block notifications on Slack Integrate your meeting tools Build custom workflows Coming… (0 buttons, 37 images, background #000000).
  • Otter — “Connect to your favorite apps”: Countless integrations automatically connect your meetings to tools like Slack, Zoom, Salesforce, Claude, Google Drive, and many others. Zoom Invite your AI Meeting Agent for automatic… (40 buttons, 40 images, background #ffffff).
  • Gamma — “API automations and workflows”: MARKETING DECKS n8n + Synthesia + ElevenLabs + Gamma Convert Gamma decks into narrated videos automatically. ▶ How to use SALES Make + Sheets + Claude… (0 buttons, 24 images, background #ffffff).
  • Softr — “Explore other integrations”: CRM & SALES SYSTEMS Sync records and react to CRM changes in your workflows. AI & LLMS Bring AI-powered web search and content retrieval into your… (1 buttons, 7 images, background #ffffff).
  • Glide — “Start with an app template, then make it yours”: Install a pre-built app from our marketplace, then customize it to fit your business. Explore the App Store (0 buttons, 22 images, background #ffffff).

How to use these integrations references

See how integrations are grouped and whether the section links to a full directory; lead with the tools your buyers already use. For an AI product, borrow how these sites show real outputs and answer data-privacy questions before the pricing table. Start with Granola, Superhuman and ClickUp, click a section to open it at full size and copy its build prompt, palette and fonts.

Related searches

Browse all sections or the full A–Z of popular searches.

Library updated