---
schema_version: "1"
id: eda1510b6044c865f9d9a3ff51999d50276eef602a06998a0adfdd1bbd7a38c4
title: Embedded Login in Action
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/external_identity_login_in_action.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.external_identity_login_in_action.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 16338b21736cb1b7a468260ccbfbf536d8db14f687c1d0cf22b91470643f8ecc
description: Let’s see what website visitors experience when you add login capabilities to a web page with Embedded Login.
products:
  - Security
  - Cross Cloud
release: "264"
---
# Embedded Login in Action

Let’s see what website visitors experience when you add login capabilities to a web page with Embedded Login.

![Warning](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/images/icon_warning.png)

Warning In Summer ’24, Salesforce made Embedded Login disabled by default. We recommend that you use the [web server flow](https://help.salesforce.com/s/articleView?id=xcloud.remoteaccess_oauth_web_server_flow.htm&type=5&language=en_US), the [user-agent flow](https://help.salesforce.com/s/articleView?id=xcloud.remoteaccess_oauth_user_agent_flow.htm&type=5&language=en_US), or another redirect-based OAuth 2.0 flow instead of Embedded Login.

Embedded Login relies on third-party cookies, which are blocked or restricted in most browsers. And Embedded Login works only on Google Chrome and only as long as third-party cookies are allowed there by default.

Imagine that you’re the owner of Fix Coffee and you design a website for your customers to buy your products.

When visitors try to make a purchase on your Fix website, they see a Log In button at the top of the page.

![fixcoffee website index.html](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/identity/images/external_identity_fix_index.png)

When visitors click the Log In button, Embedded Login displays a login form. Your visitors can log in using a username and password, or they can sign in with their social account credentials. You can even configure Embedded Login to use the discoverable login page type or any other custom login page type already configured for your site.

![discoverable login form](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/identity/images/external_identity_login_form_discoverable.png)

![username and password login form](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/identity/images/external_identity_login_form.png)

You can use a modal, popup, or inline login form. For a modal or popup, users click the Log In button to see the login form. If the form is inline, users see the form when they navigate to the page.

Here’s what the web page looks like when the login form is in modal mode. The login form appears in the foreground at the center of the page.

![Embedded login form modal](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/identity/images/external_identity_login_modal.png)

Here’s what the login form looks like in inline mode. The form appears when the user navigates to the web page. This form is just a sample—you can control how the login form looks.

![Embedded login inline mode](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/identity/images/external_identity_login_inline.png)

After your users log in, you control what happens. In our example, we wrote an `onLogin` function to display the user’s avatar and email address after a successful login.

![Embedded login user logged in](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/identity/images/external_identity_login_daisy.png)

You can also control what your website users see when they log out. In our example, the `onLogout` function returns to the initial state, which displays the Log In button.