---
schema_version: "1"
id: 527bddd795b230807097f9dc711077f3b28ec54aa0b3ecf80fe8a1eb542efd08
title: Embed a Flow in a Visualforce Page for External Users
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/flow_distribute_external_vf.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.flow_distribute_external_vf.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 6d7f7da63d403c15d3df1cc7fde25a7d357078ed3e45013f1f18855539d33899
description: Let external users run your flow by adding the flow to a Visualforce page and distributing that page externally. For example, through a community.
products:
  - Flow Builder
  - Salesforce Platform
release: "264"
---
# Embed a Flow in a Visualforce Page for External Users

Let external users run your flow by adding the flow to a Visualforce page and distributing that page externally. For example, through a community.

### 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="vertical-align:top;" id="d221911e41">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d221911e41 ">To create, edit, and set version settings for Visualforce pages:</td>

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

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

For example, you can set up a self-service tool for your public Salesforce site to help visitors generate custom sales quotes. Because the flow is embedded in a Visualforce page, you can customize the appearance of the flow so that it uses your company’s branding and style.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/images/icon_note.png)

Note When you make a flow available to site or portal users, point them to the Visualforce page that contains the embedded flow, not the flow itself. Site and portal users aren’t allowed to run flows directly.

To add a flow to a Visualforce page, embed it by using the `<flow:interview>` component.

1. Find the flow’s API name.
    1. From Setup, enter Flows in the Quick Find box, then select **Flows**.
    2. Click the name of the flow.
    3. Copy the API name of the flow.
2. From Setup, enter Visualforce Pages in the Quick Find box, then select **Visualforce Pages**.
3. Define a new Visualforce page, or open an existing one.
4. Add the `<flow:interview>` component somewhere between the `<apex:page>` tags.
5. Set the `name` attribute to the API name of the flow.
    
    For example:
    
    ```markup
    <apex:page>
    <flow:interview name="flowAPIName"/>
    </apex:page>
    ```
    
    If the flow is from a managed package, the `name` attribute must be in this format: `namespace.flowuniquename`.
6. Click **Save**.
7. Restrict which users can access the Visualforce page.
    
    Any external users with access to the Visualforce page can run the embedded flow.
    
    1. Click **Visualforce Pages**.
    2. Click **Security** next to your Visualforce page.
    3. Move all the appropriate profiles from Available Profiles to Enabled Profiles by using the add and remove buttons.
    4. Click **Save**.
8. To distribute your Visualforce page, add the Visualforce page to your Salesforce site. Or use the Visualforce page to define a custom Visualforce tab, and then add that tab to your portal or community.

#### See Also

- [_Lightning Aura Components Developer Guide_ : Configure Components for Experience Builder](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_builder.htm)
- [_Lightning Aura Components Developer Guide_ : Add Aura Components to Any App with Lightning Out (Beta)](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/lightning_out.htm)