Connect service screen examples

Hypermode

Settings modal where the user searches for and selects a third-party provider like Notion or Evernote to connect to their workspace.

• Integrations

Shuttle

Pricing page featuring an FAQ section where the user can expand questions about credit card requirements, cancellations, and data storage, along with a prominent contact button.

Bitly

Pricing page where the user chooses between Free, Core, Growth, Premium, and Enterprise plans, followed by a detailed feature comparison table.

Monarch

Onboarding step where the user confirms whether they successfully connected all their financial accounts before proceeding.

• Feedback
• Confirmation

Assembly

Settings page where the user compares features and selects a subscription tier for their workspace before their free trial expires.

• Pricing
• Trial

Leap

Developer documentation introduction page explaining core concepts like actions, triggers, and conditionals for building AI workflows.

Replit

Settings page where the user manages SSH keys, account secrets, and connected services like GitHub and Google.

• Account Settings
• SSO

Front

Pricing page where the user compares four subscription tiers, explores premium add-ons, and reviews a detailed feature matrix.

Flodesk

Settings page where the user browses and connects third-party integrations like Instagram, Shopify, and Zapier to their account.

• Integrations

Podia

Settings page where the user connects third-party tools for video, community, email, and Zapier by toggling them on or off.

• Integrations

Dub

Documentation page where the user browses a categorized directory of official, unofficial, and upcoming integrations for the platform.

Motion

Onboarding step where the user connects their calendars to the app, showing one Google account already linked and prompting to add more.

• Account Setup
• Calendar