Salesforce Docs Portal

Embed a Flow in a Visualforce Page

To customize your flow’s look and feel for internal users, add the flow to a Visualforce page. Then distribute that page through a Visualforce tab, custom button, or custom link.

Required Editions

View supported editions.
User Permissions Needed
To create, edit, and set version settings for Visualforce pages: Customize Application
  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:

    <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.
    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. Add the Visualforce page to your app by using a custom button, link, or Visualforce tab.