---
schema_version: "1"
id: 4e5e5e5188b38719732f2df54254f78600ab4a1ed868d9f504d32717ecd133af
title: Extend Salesforce to External Apps with Lightning Out 2.0
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/lightning_out_intro.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.lightning_out_intro.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2050c56e516e068ea11fce97ca13d1fb12032ac60f8a13e053e0a1a7771b4a49
description: Embed custom Lightning web components (LWC) into external, non-Salesforce apps by using Lightning Out 2.0, a special Salesforce app that you create and configure in Setup. Developers can embed the generated Lightning Out 2.0 app script into a page of your company’s external app. Lightning Out 2.0 uses session-based authentication that logs users into Salesforce without leaving the external app, so authenticated users can seamlessly interact with the embedded components as if they were in Salesforce.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Extend Salesforce to External Apps with Lightning Out 2.0

Embed custom Lightning web components (LWC) into external, non-Salesforce apps by using Lightning Out 2.0, a special Salesforce app that you create and configure in Setup. Developers can embed the generated Lightning Out 2.0 app script into a page of your company’s external app. Lightning Out 2.0 uses session-based authentication that logs users into Salesforce without leaving the external app, so authenticated users can seamlessly interact with the embedded components as if they were in Salesforce.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
      <colgroup>
        <col>
      </colgroup>
      <tbody>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Lightning Experience</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">
            <p style="margin-bottom:0;">Available in: <strong>Professional</strong>, <strong>Enterprise</strong>, <strong>Performance</strong>,
              <strong>Unlimited</strong>, all <strong>Agentforce 1 Editions</strong>, and <strong>Developer</strong>
              Editions
            </p>
          </td>

        </tr>
      </tbody>
    </table>

After you configure some administrative and security settings for the org, use the Lightning Out 2.0 App Manager to create a Lightning Out 2.0 app. Add the domain of the external app that will host your Lightning Out 2.0 app, and then add custom Lightning web components. Next, apply custom styling to the Lightning Out 2.0 app so that the embedded components match the branding of the external app. Paste the generated Lightning Out 2.0 code block into the HTML of the external app, and now your users can engage with Salesforce wherever they are.

![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_tip.png)

Tip For Lightning Out 2.0 documentation aimed at developers, see [Use Components Outside Salesforce with Lightning Out 2.0](https://developer.salesforce.com/docs/platform/lwc/guide/lightning-out-intro.html) in the Lightning Web Components Developer Guide.

- **[Prepare to Build a Lightning Out 2.0 App](https://help.salesforce.com/s/articleView?id=platform.lightning_out_prepare.htm&release=264.0.0&type=5)**  
    Before you embed a Lightning Out 2.0 app into an external app, configure some security-related and administrative settings in Salesforce and in your external app. These settings allow Lightning Out 2.0 inline frames (iframes) to load in the external app.
- **[Set Up Authentication for Lightning Out 2.0](https://help.salesforce.com/s/articleView?id=platform.lightning_out_auth.htm&release=264.0.0&type=5)**  
    For an external app to access components in a Lightning Out 2.0 app, the end user must be authenticated in Salesforce. The external app must also be authorized to access Salesforce resources. To set up authentication and authorization, implement an OAuth 2.0 flow and configure an External Client App (ECA) in your org. Then configure your external app to either call the Lightning Out 2.0 UI Bridge endpoint or the standard Salesforce UI Bridge endpoint. The call generates a frontdoor URL at run time, which is used to establish a Salesforce session for the Lightning Out 2.0 app.
- **[Build a Lightning Out 2.0 App](https://help.salesforce.com/s/articleView?id=platform.lightning_out_build.htm&release=264.0.0&type=5)**  
    Create and configure Lightning Out 2.0 apps with the low-code Lightning Out 2.0 App Manager. Add custom Lightning web components (LWCs) to each Lightning Out 2.0 app, and optionally define custom property values that your external apps can pass to these components. Generate a Lightning Out 2.0 code block that you can directly embed into an external app’s HTML markup.

#### See Also

- [_Lightning Web Components Developer Guide_: Use Components Outside Salesforce with Lightning Out 2.0](https://developer.salesforce.com/docs/platform/lwc/guide/lightning-out-intro.html)