---
schema_version: "1"
id: 2e5280c36898434dfcb087b53bebdbeb0dec3b8170ffdf7fdbf8ab2190a0ed37
title: Embed a Screen Flow in a Lightning Page
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/flow_distribute_internal_lab.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.flow_distribute_internal_lab.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 5f284fb9900d33f42713965952a5f6d9a4f4826f66a28f1d6a6ee2d7c30c2991
description: To easily distribute a screen flow to Lightning Experience or Salesforce app users, embed it in a Lightning page.
products:
  - Flow Builder
  - Salesforce Platform
release: "264"
---
# Embed a Screen Flow in a Lightning Page

To easily distribute a screen flow to Lightning Experience or Salesforce app users, embed it in a Lightning page.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small "><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;">Available in: <strong>Essentials</strong>, <strong>Professional</strong>, <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="vertical-align:top;" id="d117900e79">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e79 ">To create and save Lightning pages in the Lightning App Builder:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e79 ">Customize Application</td>

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

If you’re not yet familiar with the types of Lightning pages you can customize, check out the [Lightning App Builder module](https://trailhead.salesforce.com/module/lightning_app_builder) in Trailhead. ​If your org uses the Outlook or Gmail integrations you can ​also create custom email application panes.

1. Open a Lightning page in the Lightning App Builder.
2. From the Lightning Components pane on the left, drag the Flow component onto the Lightning page canvas.
3. Configure the component.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col style="width:61.42131979695431%">
              <col style="width:38.578680203045685%">
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d117900e142">Component</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d117900e145">Description</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e142 ">
                  <span id="flow_distribute_internal_lab__componentProperties_dlentry_flow"><a name="flow_distribute_internal_lab__componentProperties_dlentry_flow"><!-- --></a>Flow</span>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e145 ">Only active screen flows are available. Flows that were built in the
                  Desktop Flow Designer aren’t supported.</td>

              </tr>
              <tr class="">
                <td data-label="Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e142 ">
                  <span id="flow_distribute_internal_lab__componentProperties_dlentry_layout"><a name="flow_distribute_internal_lab__componentProperties_dlentry_layout"><!-- --></a>Layout</span>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e145 ">
                  <p>By default, flows display in one column. </p>
                  <p>If a screen contains a Section
                    screen component, that screen ignores the Layout property.</p>
                  <ul>
                    <li>Starting in Winter ’23, two-column flow layouts are ignored. For a better
                      layout option, add Section components to your flow screens. Each Section
                      component lets you organize record fields and screen components in up to
                      four adjustable-width columns.</li>

                    <li>If a flow screen contains a Section component, that screen ignores the
                      Layout property.</li>

                  </ul>
                </td>

              </tr>
              <tr class="">
                <td data-label="Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e142 ">
                  <em>Input variables</em>
                </td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e145 ">If you see other properties, they’re the flow’s input variables. Variables
                  appear only if they allow input access.</td>

              </tr>
              <tr class="">
                <td data-label="Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e142 ">Pass all field values from the record into the flow variable</td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e145 ">
                  <p>This option is available only for Record pages, and requires a record
                    variable in the flow named <code>recordId</code> that's available for
                    input.</p>
                  <p style="margin-bottom:0;">For example, when this component is embedded in an Contact Record
                    page, at run time the component passes the contact's record into the
                    <code>recordId</code> input record variable.
                  </p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e142 ">Pass record ID into this variable</td>

                <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d117900e145 ">
                  <p>This option is available only for Record pages, and requires a text
                    variable in the flow named <code>recordId</code> that's available for
                    input.</p>
                  <p style="margin-bottom:0;">For example, when this component is embedded in an Opportunity Record
                    page, at run time the component passes the opportunity’s ID into the
                    <code>recordId</code> input text variable.
                  </p>
                </td>

              </tr>
            </tbody>
          </table>
4. Save the page.
5. Hang on, you’re not finished yet! To make your page available to your users, activate it. You can activate the page from the Save dialog when you save it for the first time, or later using the **Activation** button.
6. Test that the flow is working correctly, and then roll the Lightning page out to your users.

#### See Also

- [Two-Column Flow Considerations](https://help.salesforce.com/s/articleView?id=platform.flow_considerations_design_layout.htm&release=264.0.0&type=5 "If your org has Lightning runtime enabled, you can control whether a flow displays in one column or two columns. Before you use this feature, understand how the flow layout currently behaves.")
- [Section Screen Output Component](https://help.salesforce.com/s/articleView?id=platform.flow_ref_elements_screencmp_section.htm&release=264.0.0&type=5 "Organize screen components and record fields to give your users a better experience.")