---
schema_version: "1"
id: 4169a428edc80e1c6a238e0b5e8a86c3db141632b7042b7e35e75bca66e495a1
title: Flow (Experience Builder Component)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/rss_flow_component.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.rss_flow_component.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: bc6768472b34ffb699f313b3e9d9dd9c1a49f81cd3b575e2ac9304d02fdd9e13
description: Flows automate business processes to collect, update, edit, and create Salesforce information. With the Flow component in Experience Builder, you can add flows to your pages. Add the Flow component to your site pages just like any other component.
products:
  - Experiences
release: "264"
---
# Flow (Experience Builder Component)

Flows automate business processes to collect, update, edit, and create Salesforce information. With the Flow component in Experience Builder, you can add flows to your pages. Add the Flow component to your site pages just like any other component.

### Required Editions

<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="text-align:center;vertical-align:top;" id="d71749e36">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">To create an Experience Cloud site: </td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">Create and Set Up Experiences AND View Setup and
              Configuration</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">To customize an Experience Cloud site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">
              <ul>
                <li>Be a member of the site AND Create and Set Up
                  Experiences</li>

                <li>OR</li>

                <li>Be a member of the site AND an experience admin, publisher,
                  or builder in that site</li>

              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">To publish an Experience Cloud site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">
              <ul>
                <li>Be a member of the site AND Create and Set Up
                  Experiences</li>

                <li>OR</li>

                <li>Be a member of the site AND an experience admin or publisher
                  in that site</li>

              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">To run a flow in an Experience Builder site</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e36 ">Run Flows</td>

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

- Flows in Experience Builder sites are supported through the Flow and Suggested Actions components.
- Flow creators can overwrite error messages with their own content.

1. Build a flow in Flow Builder.
2. Activate the flow.
3. Drag the Flow component into position on your site page.
    
    ![Flow component in Components panel](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/rss_flow_component.png)
4. In the property editor, select the flow you want to use and any other properties.
    
    ![Flow component properties](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/rss_flow_component2.png)

Here’s a flow called Survey customers in a site.

![A Flow component on a community page](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/rss_flow_component_example.png)

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:31.545741324921135%">
          <col style="width:68.45425867507886%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d71749e190">Component</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d71749e193">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Component" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e190 ">
              <span id="rss_flow_component__componentProperties_dlentry_flow"><a name="rss_flow_component__componentProperties_dlentry_flow"><!-- --></a>Flow</span>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e193 ">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="d71749e190 ">
              <span id="rss_flow_component__componentProperties_dlentry_layout"><a name="rss_flow_component__componentProperties_dlentry_layout"><!-- --></a>Layout</span>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e193 ">
              <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="d71749e190 ">
              <em>Input variables</em>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e193 ">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="d71749e190 ">Pass record ID into this variable</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d71749e193 ">
              <p>This option is available only for Text input variables in Record
                pages. For simplicity, we recommend passing the ID to only one
                variable.</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 selected input variable.</p>
            </td>

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

#### See Also

- [Which Components Can I Use with Each Aura Template?](https://help.salesforce.com/s/articleView?id=experience.rss_component_reference_table.htm&release=264.0.0&type=5 "Aura site templates, such as Customer Service and Partner Central, are each composed of pages, which in turn are made up of customizable components. Consult this table to find out which Aura template each component can be used in, and when the component became available.")
- [Build a Flow](https://help.salesforce.com/s/articleView?id=platform.flow_build.htm&type=5&language=en_US)
- [Two-Column Flow Considerations](https://help.salesforce.com/s/articleView?id=platform.flow_considerations_design_layout.htm&type=5&language=en_US)
- [Customize the Error Message for Running Flow Users (Best Practice)](https://help.salesforce.com/s/articleView?id=platform.flow_build_logic_fault_usermsg.htm&type=5&language=en_US)
- [_Lightning Aura Components Developer Guide_: Create Custom Component for Guest User Flows](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_flow_guest_user.htm)