Setting up the Salesforce player

You can run your flows from Salesforce. To do that, you need to add a custom player, and select it when running the flow. The flow will redirect you to Salesforce, and you can continue the flow from within Salesforce.

Click Players and select New.
In the New Player dialog box, enter Salesforce in the Name field.
Select default in Base on and click Save.
Close the Player saved successfully message.
Click the Refresh icon to refresh the list of players.
Select Salesforce in the Select a player to edit menu.

Delete the existing code and copy-paste this code:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" class="manywho" style="height: 100%;">
<head>
    <title>Redirection</title>
</head>
<body>
<script>

  function parseQueryString(queryString) {
    var params = {}, queries, temp, i, l;

    // Split into key/value pairs
    queries = queryString.split("&");

    // Convert the array of strings into an object
    for (i = 0, l = queries.length; i < l; i++) {
      temp = queries[i].split('=');
      params[temp[0]] = temp[1];
    }

    return params;
  }

  var queryParameters = parseQueryString(window.location.search.substring(1));
  var tenantId = queryParameters['tenant-id'];
  var flowId = queryParameters['flow-id'];
  var flowVersionId = queryParameters['flow-version-id'];

  // The tenant id is often part of the URL
  if (!tenantId) {
    tenantId = window.location.pathname
      .split('/')
      .filter(function (path) {
        return path && path.length > 0;
      })[0];
  }

  var parameters = '';
  parameters += '?tenant-id=' + tenantId;
  parameters += '&flow-id=' + flowId;

  if (flowVersionId != null &&
      flowVersionId.trim().length > 0) {
      parameters += '&flow-version-id=' + flowVersionId;
  }

  // Modify this line to point to your pod/instance of salesforce
  window.location = 'https://na30.salesforce.com/apex/flow' + parameters;

</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>Redirection</title>

</head>

<body>

function parseQueryString(queryString) {

var params = {}, queries, temp, i, l;

// Split into key/value pairs

queries = queryString.split("&");

// Convert the array of strings into an object

for (i = 0, l = queries.length; i < l; i++) {

temp = queries[i].split('=');

params[temp[0]] = temp[1];

}

return params;

}

var queryParameters = parseQueryString(window.location.search.substring(1));

var tenantId = queryParameters['tenant-id'];

var flowId = queryParameters['flow-id'];

var flowVersionId = queryParameters['flow-version-id'];

// The tenant id is often part of the URL

if (!tenantId) {

tenantId = window.location.pathname

.split('/')

.filter(function (path) {

return path && path.length > 0;

})[0];

}

var parameters = '';

parameters += '?tenant-id=' + tenantId;

parameters += '&flow-id=' + flowId;

if (flowVersionId != null &&

flowVersionId.trim().length > 0) {

parameters += '&flow-version-id=' + flowVersionId;

}

// Modify this line to point to your pod/instance of salesforce

window.location = 'https://na30.salesforce.com/apex/flow' + parameters;

</script>

</body>

</html>

Modify the window.location line to point to your Salesforce instance. (Ln 48 above).
Click Save to save the player. You will get the message – Player saved successfully.

When running your flows, select the Salesforce player. You will be redirected to Salesforce, where you can finish running the flow. You may want to take a look at the Salesforce Lead manager app to see how an app looks like inside Salesforce.