I created a Lightning application to allow a visual flow to run with Lightning runtime. The problem is that when I run the force site as the guest user, the flow doesn't show correctly to the guest user:

enter image description here

But if I do a preview of the visualforce page from Salesforce, it looks ok:

enter image description here

What could be the reason to cause an incorrect visualization to the guest user?


<aura:application access="global" extends="ltng:outApp" implements="ltng:allowGuestAccess">
<aura:dependency resource="lightning:flow"/>

Visualforce page

    <apex:page >
         <apex:includeLightning />
      <body class="slds-scope">         
         <div id="flowContainer"/>
            var statusChange = function (event) {
               if(event.getParam("status") === "FINISHED") {                
                  var outputVariables = event.getParam("outputVariables");
                  var key;
                  for(key in outputVariables) {
                     if(outputVariables[key].name === "myOutput") {
            $Lightning.use("c:DLAflow", function() {
               $Lightning.createComponent("lightning:flow", {"onstatuschange":statusChange},
                  function (component) {                    

1 Answer 1


Add in showHeader="false" to your apex:page tag.

<apex:page showHeader="false">
  • Thank you! that did the trick :) Sep 8, 2019 at 16:47

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .