Your Flow Finished

In this scenario, I launch a Flow from a Visualforce page and finish the flow on a different Visualforce page instead of the standard “Your Flow Finished” page.

In earlier versions of my Unsubscribe Link app, the “Finish” button would take you a screen that said “YOUR FLOW FINISHED” which many of you pointed out, is less than ideal.

Screen one:

Screen two (old version):

And click “Finish” to get this beauty:

The revised version has the same first screen:

There is no second Flow screen. It’s a Visualforce page.

The flow ends at a Visualforce page that does not merge in the email address. Hopefully I can figure out how to pass that email address someday. Also, I wasn’t able to match the fonts exactly. Any advice on either of these issues is welcome!

Here’s the Visualforce page that launches the Flow:

<apex:page showheader="false" lightningStylesheets="true"> <apex:slds /> <div class="slds-scope"> <flow:interview name="Unsubscribe_Link" finishLocation="{!$Page.UnsubscribeFinish}"/></div> </apex:page>              

Let’s break that down. Comments indicated like this. <!— comment>

   <apex:page showheader="false"   <!--Showheader=false means I don't want my page to look like it is still inside Salesforce. This is optional. -->
lightningStylesheets="true"> <apex:slds /> <div class="slds-scope"> <!-- I do want it to look nice and pretty like lightning. Also optional.-->
 <flow:interview name="Unsubscribe_Link" <!-- This is the API name of the flow that is launching from this page.-->
finishLocation="{!$Page.UnsubscribeFinish}"/> <!-- This is the name of the VF page where I want the flow to Finish. -->
</div> </apex:page>                       

Here’s the Visualforce page that is the finishLocation. Almost all of it is styling and font. And then the three sentences of text I want to show up.

<apex:page showHeader="false" applyHtmlTag="true" applyBodyTag="false" standardStylesheets="false" lightningStylesheets="true"> <p></p> <span style="font-family: Arial Unicode MS; text-align:center; font-size: 14pt;">Thank you. You have successfully unsubscribed. You will receive a confirmation email shortly.</span> </apex:page>              

Here’s the setup of the Flow screen:

You can modify the old version of the app to fix this yourself, or install the latest version from the AppExchange.

Oh and here’s the best part. I solved this by tweeting #askforce. A group of people jumped in to solve the problem! Thanks to Narender Singh of Forcepanda.wordpress.com for solution that fit my use case. I love #askforce. I don’t worry too much about appearing dumb. We’re all learning here. Love you, ohana!