Lightning Flow iFrame

Embed Lightning Screen Flows on external websites using a Salesforce Site and the FlowIframeEmbed Visualforce page.

What you get

• Flows run in Lightning Runtime (not Classic Flow UI).
• Auto height: iframe grows as users move through screens (postMessage).
• Flow inputs from URL parameters using an inputVars allowlist.
• Finish redirect: send parent window to a thank-you page via endUrl.

Components

Piece	Where
FlowIframeEmbed package	Install from AppExchange or 2GP unlocked package
FlowOut Aura app	Included in package (three_levers:FlowOut)
FlowIframeEmbed VF page	Site URL your iframe loads
three-levers-flow-embed.js	Optional script for external sites

High-level setup

1. Install FlowIframeEmbed in Salesforce.
2. Create and activate the Screen Flow; note its API Developer Name.
3. Add FlowIframeEmbed to a Salesforce Site and configure guest access.
4. Allow your parent domain in clickjack/CSP settings.
5. Embed with the JavaScript widget.

Flows, Sites, and guest user permissions are configured per org and are not bundled in the package.

Choose your path

Platform	Start here
Any other site	JavaScript widget
Salesforce side	Salesforce setup
Flow design	Flow creation
URL behavior	Querystring variables � Finish URL

External embed options

• Recommended: JavaScript widget (window.tlFlowEmbed) for external sites.
• Manual: iframe src + postMessage listener for { frameHeight: number }.

Related products

• Map Records and Take Action ? report map and geofencing (separate package)