Integration screen examples

Dock

Settings page where the user configures object sync preferences for the HubSpot integration and encounters a rate limit error toast.

• Integrations
• Settings

Beside

Settings page where the user manages installed apps for their AI receptionist, currently showing an empty state.

• Empty State
• Integrations

Exa

Settings page where the user views their newly generated webhook signing secret in a modal after successful creation.

• Confirmation
• Webhooks

Town

Inbox view where the user manages team invitations and routine approvals, currently showing a zero-state message with no pending items.

• Empty State
• Approval Flow

Elevenlabs

Settings page where the user configures webhooks, call limits, and data fetching preferences for a specific AI agent.

• AI Agent
• AI Settings

Mailchimp

List view where the user manages uploaded files in their content studio, with options to search, filter by folder, and upload new assets.

• Files
• Upload & Download

Cushion

Settings modal where the user manages workspace members, views pending invitations, and can invite new people.

• Invite Teammates
• Team Management

Chatwoot

Settings page where the user configures the Dyte integration by entering their Organization ID and API Key in a modal.

• Integrations
• Confirmation

Dovetail

List view with a modal prompting the user to integrate their workflow by connecting apps like Slack, Teams, and Google Drive to import data.

• Integrations
• Import & Export

Whop

App store within a dashboard where the user browses, searches, and adds integrations like Automations and Subscription Analytics to their workspace.

• Browse
• Dashboard

Twin

Sign-in screen where the user authenticates with a password for a pre-filled email or opts to request an email sign-in code.

• Forgot Password

Loops

Settings page where the user configures the Stripe integration by setting up webhooks, providing a signing secret, and subscribing to specific events.

• Integrations