AI Website Integrations Section Examples
30 real integrations sections from 22 AI websites
- Featuring
Granola
Superhuman
ClickUp
Pitch
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
