Single Sign-On

144
Simplify enterprise access with SaaS SSO patterns. See how to prominently feature Google, Microsoft, and Okta login buttons to reduce authentication friction for corporate teams.
Asana Email Verification
false
Hyperline Signup
false
DataPulse Signup
false

Upgrade to SaaSFrame Pro now to see 141 more Single Sign-On examples

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now
No items found.

Upgrade to SaaSFrame Pro now to see 141 more Single Sign-On examples

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Single Sign-On Design Guide

Enterprise single sign-on lets people authenticate to a SaaS product through their organization’s identity provider. Designing it involves two journeys: administrators configure the organization connection, and members use that connection to sign in. A clear SSO experience connects those journeys without making members understand the technical setup.

This gallery also includes social-provider login interfaces. Those are useful for studying provider choice, but a Google or GitHub button alone does not demonstrate organization-managed SSO. The WorkOS setup captures below show the administrative connection more directly, while Unkey illustrates why provider sign-in should be distinguished from enterprise policy.

Distinguish enterprise SSO from social sign-in

Social sign-in typically offers an identity such as a personal Google or GitHub account. Enterprise SSO connects authentication to an organization’s identity provider and its configuration. The same provider brand can appear in both settings, so the logo does not establish which model is in use.

Unkey’s capture offers GitHub, Google, and email routes on its sign-in screen. It demonstrates provider choice, but does not show a required company identity provider, an organization connection, or administrative enforcement. Use such a screen as a reference for route hierarchy rather than proof of an enterprise SSO flow.

Unkey sign-in page with GitHub, Google, and email options
Unkey Login. Provider buttons show available sign-in routes, but do not by themselves establish organization-managed SSO.

WorkOS’s SSO documentation describes authentication through an organization identity provider, with SAML and OIDC support. It also separates authentication middleware from application user management. That distinction matters to UX: successful identity-provider authentication is not the same as assigning workspace membership or a role.

Design the administrator and member journeys separately

An administrator may need to select a provider, exchange configuration information, map attributes, test the connection, and decide when to require it. A member usually needs to enter an identifier, follow the organization’s route, and return to the intended workspace. Do not expose the full administrative complexity to every person signing in.

Identify who has permission to configure the connection and who will maintain it. The SaaS administrator and the identity-provider administrator may be different people. A useful setup flow should support that handoff with instructions and clear progress, rather than assuming one person controls both systems.

The member flow should explain organization requirements in familiar language. If a company requires SSO, state that the person must use the organization’s sign-in method. An unexplained disabled password field or a generic credential error leaves them solving the wrong problem.

Start setup with the right organization and environment

WorkOS’s connection-creation capture shows an identity-provider selector inside a modal. The surrounding page identifies an organization and a staging environment, with a separate SSO setup area. Those context cues help establish where the new connection belongs before configuration begins.

WorkOS connection-creation modal with an identity-provider selector inside an organization page in staging
WorkOS Single Sign-On Setup. Organization and environment context are visible around the provider-selection step.

Keep that context visible through setup. A connection configured in the wrong organization may look valid while routing the wrong users. A staging connection should not be mistaken for the production connection that members depend on.

Choose provider-selection labels that administrators can recognize. If the product supports a generic SAML or OIDC configuration, distinguish it from provider-specific instructions. Explain which information will be needed next before sending the administrator into another system.

Make configuration values easy to transfer and verify

The second WorkOS capture separates service-provider details from identity-provider configuration. It displays fields such as the entity identifier and callback endpoint with copy controls. A message explains that a value must be added in the provider’s settings, and another indicates that metadata configuration is still required.

WorkOS SSO connection page with an Inactive status, copyable service-provider values, configuration warnings, and attribute mapping
WorkOS Single Sign-On Setup. The page distinguishes a created connection from one that has been configured and activated.

The useful design principle is directional clarity. Administrators should know which values come from the SaaS product, which values come from the identity provider, and where each one must be pasted. Technical names may be necessary, but accompany them with enough task-oriented explanation to prevent reversed configuration.

Copy controls should identify their field, provide perceivable feedback, and avoid accidentally copying a truncated display value. If a certificate or metadata file is uploaded, explain supported formats and validation failures. Do not declare setup complete merely because a file was accepted.

Represent connection progress with meaningful states

The WorkOS capture labels the connection inactive while showing outstanding configuration warnings. That combination prevents the existence of a connection record from being mistaken for working sign-in. Your product should similarly distinguish created, awaiting configuration, ready to test, active, and failing states where they apply.

A status badge should lead to an understandable action. “Inactive” without a reason can mean intentionally disabled, incompletely configured, or broken. Pair the state with the relevant explanation, while avoiding disclosure of sensitive diagnostic details to unauthorized users.

Show what has been completed and what remains on each side of the handoff. If an administrator is waiting for someone in IT, explain that dependency. If the connection is ready for a test, provide a clear test route and describe the expected result.

Test access before enforcing the new route

Configuration success and member access are separate checks. A test should verify that an appropriate identity can authenticate and reach the intended organization, with the expected account mapping. A redirect that returns to the product is not sufficient if it creates the wrong user or fails membership checks.

Before requiring the new route for everyone, define the migration and recovery policy. Existing users may have local credentials, provider identities, or different email aliases. Explain how those identities will be associated, and avoid silent account merging based on assumptions that the authentication implementation does not validate.

Provide an approved administrative recovery route if configuration fails after enforcement. Its existence and permissions belong to the security design. The UX should make the authorized route available to the right people without presenting an unrestricted bypass to ordinary members.

Route members without making them diagnose the connection

A member may start from an email-first form, an organization-specific URL, or a company application portal. Each entry route should preserve the target organization and destination where supported. If an email determines the organization route, explain the resulting step clearly.

Some people belong to several organizations or use both personal and company accounts. Show enough context to help them select the intended identity. Provide a correction route when they enter an address that leads to the wrong provider or workspace.

Do not assume that returning from the identity provider guarantees application access. A person may be authenticated but not assigned to the application or workspace. Explain the access problem and the appropriate administrator route rather than asking them to reset an unrelated local password.

Keep authentication, provisioning, and roles distinct

SSO determines how identity is authenticated. Provisioning determines how accounts and memberships are created or maintained. Roles determine what an established member can do. These processes may be integrated, but they should not be described as automatically equivalent.

WorkOS documents directory synchronization separately from SSO. That separation is a useful implementation reference when reviewing onboarding and offboarding expectations. A company administrator should know whether enabling SSO also changes membership, or whether a separate provisioning process controls it.

The WorkOS capture includes an attribute-mapping section. In your own setup, explain which attributes are required and what they influence. A missing email or mismatched identifier can prevent the member journey from completing even when the identity-provider connection itself is reachable. Changes to role mapping deserve their own consequences and review.

Give failures a route appropriate to the audience

A member-facing failure should explain the next available step: retry, use the correct organization account, return to the initiating route, or contact the organization administrator. Avoid exposing a raw assertion, internal identifier, or protocol error as the only message.

Administrators may need more diagnostic information, including connection state and the failed setup step. Keep the diagnostic view distinct from the member message, and provide a safe reference that support can use without asking for secret material.

Test cancellation, an unavailable provider, a denied application assignment, an expired connection certificate where relevant, and a return to an invalid destination. The screenshot does not establish how WorkOS handles those cases; they are scenarios to review in your own implementation.

Explain session and sign-out scope

Signing out of a SaaS product may end its local session while leaving the person signed in at the identity provider. Global provider sign-out can have wider consequences. Use labels that match the scope your implementation controls rather than promising that one product’s logout ends every company session.

Reauthentication can also occur without asking for a local password. If the identity provider requires another step, the product should preserve orientation and return the person to the intended authorized task. Members should not be left uncertain whether they signed in, changed accounts, or lost access.

Review the full route with keyboard navigation and assistive technology, including the initial form, redirects, additional challenges, and return state. W3C’s accessible-authentication guidance provides a useful reference for reviewing required authentication steps.

SSO design review checklist

  • Are social login and organization-managed SSO described accurately?
  • Are organization, environment, and setup permissions clear?
  • Can administrators distinguish values supplied by each system?
  • Do connection states explain what remains before sign-in works?
  • Is access tested before the organization requires the new route?
  • Are identity migration and authorized administrative recovery defined?
  • Do members receive a useful route for assignment or membership failures?
  • Are authentication, provisioning, and roles treated as distinct processes?
  • Does sign-out copy reflect the actual session scope?

Single sign-on FAQ

Does a Google login button mean a product has enterprise SSO?

No. The button may use a social identity. Organization-managed SSO requires an established organization connection and the associated account policy.

Does enabling SSO automatically provision users?

Do not assume so. Authentication and provisioning are separate processes, even when a product integrates them. Explain the configured membership behavior.

Should ordinary members see protocol configuration errors?

Give members an understandable next step. Put deeper connection diagnostics in an authorized administrator or support view.

Related access and administration patterns

Explore Log In for the entry interface, Roles & Permissions for application authorization, Workspace Switcher for organization context, and Session Management for access after authentication.

For implementation review, see WorkOS’s SSO documentation, WorkOS’s directory-sync documentation, and W3C’s accessible-authentication guidance. Compare the gallery by journey: provider choice, administrator setup, and member access answer different design questions.

Minimalist black and white abstract logo featuring intertwined curved lines forming a diamond shape.
Get SaaSFrame Pro
Monthly
$18
Quarterly
$48
Yearly
$180
Upgrade to access this feature
Browse all screens & flows
Filter and search screens & flows
Access Figma files
Access mobile versions
Bookmark screens & flows
Join now