AI Website Integrations Section Examples

30 real integrations sections from 22 AI websites

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

At a glance

Integrations sections
30
Sites
22 of 131 AI sites (17%)
Library-wide
3% of all websites have one
Per site
1.4 on average
Light / dark
82% light · 18% dark
Top heading fonts
Inter (3), Quadrant (1) and Super Sans (1)
Accent colours
neutral 10blue 5purple 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 30 integrations sections have in common

On average each one carries 39.4 images or icons, 9.1 buttons and 18.2 links. 17% sit on a dark background, and 38% 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).
  • 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).
  • Make — “3,000+ pre-built apps. Limitless integration.”: Applications Quickly adapt to new market demands by connecting your entire tech stack. Use our massive library of pre-built apps for instant workflows, and our flexible… (2 buttons, 11 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