Skip to content

Integration setup screen examples

Integration setup screen design examples from SaaS apps. See how SaaS apps organize connections to other tools. Explore how integration directories and settings present available services, connection status, and…

Explore the examples

Bud - Bud | Your AI Worker screen
Bud logo
Bud

AI chat interface where the user interacts with an agent that has called tools to set up an automation between Calendly and Slack, alongside a browser preview panel.

Alloy - Nicely Done » New view screen
Alloy logo
Alloy

Settings modal where the user manages team members, configures integrations for Linear, Jira, and Slack, and sets up team hierarchy.

Inference - Dashboard | inference.net screen
Inference logo
Inference

Settings page where the user manages API keys for the Sample Project, with options to create new keys, view an integration guide, and monitor remaining balance.

Zaro - Zaro - The Context Layer for Enterprise AI screen
Zaro logo
Zaro

Wizard step where the user selects Notion, GitHub, or Google Drive as a data source to import files into their workspace.

Axiom - Endpoints - Settings - Axiom screen
Axiom logo
Axiom

Settings page where the user configures a new data integration by selecting a destination service like Datadog or Splunk and setting up forwarding rules.

Visitors - visitors.now/onboarding/project screen
Visitors logo
Visitors

Onboarding step where the user connects their Dodo Payments account by entering an API key to enable revenue attribution.

Dock - Salesforce · Dock screen
Dock logo
Dock

Settings page where the user can connect their Salesforce account or upgrade their plan to access the integration.

Appwrite - Console - Appwrite screen
Appwrite logo
Appwrite

Creation screen where the user configures a new Android platform integration by entering an app name and package name.

Beside screen
Beside logo
Beside

Settings page where the user is prompted to install an integration via a modal requiring an installation link, while a global banner requests identity verification.

Exa - Get Started | Exa screen
Exa logo
Exa

Onboarding step where the user receives a generated integration prompt for their coding agent and their API key before proceeding to the dashboard.

Town - Meeting Schedule Reminder screen
Town logo
Town

AI chat interface where the assistant explains a failed attempt to create a team routine due to a missing calendar integration and presents the user with options to proceed.

Lovable - Project settings - Lovable screen
Lovable logo
Lovable

Settings page where the user connects a new GitHub installation or selects an existing one to sync repositories.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams

About Integration setup

See how SaaS apps organize connections to other tools. Explore how integration directories and settings present available services, connection status, and configuration actions.