Adding Run Flow Links or Buttons to a Page
  • 27 Aug 2021
  • 1 Minute to read
  • Dark
    Light
  This documentation version is deprecated, please click here for the latest version.

Adding Run Flow Links or Buttons to a Page

  • Dark
    Light

Article summary

Overview

This feature allows the user to implement a button component linked to a Flow that, when selected by the end-user, will initiate a specified Flow on the backend. The function of this button can be as broad as the Flow logic itself. This function is typically applied to use cases where a Page/Dashboard is kicking off a process with an interface that the end-user interacts with.In the example, a Page is created with a Run Flow component that initiates a simple Flow that displays a popup message.

Example

  1. To begin, navigate to a Designer Folder and navigate to the Manage > Page/Dashboard > Add Page/Dashboard button.
  2. In the Add Page/Dashboard window, click Create under Page Data > Page.
  3. In the Create New Page window, enter the name of the Page, then click CREATE.
  4. In the Page Designer, in the Page Elements panel, expand the Navigation category, select a Run Flow component and drag it to the workspace.
  5. In the Properties panel, in the Flow Settings > Flow section, click Create.
  6. In the resulting window, give the Flow a name and click CREATE.
  7. In the Flow Designer, drag and connect a Show Popup step to the Start step from the Steps > Favorite Steps section.
  8. Configure the step to have a Constant input mapping and set the desired text for the Subject and Message input components in the Properties panel. 
  9. Connect the Show Popup step to the End step.
  10. Save and close the Flow.
  11. In the Page Designer, locate the Properties panel > Component Settings > Select Button Type drop-down list and select Button.
  12. Save and close the Page Designer. 
  13. In the Designer Folder, click on the new Page from the top bar. 
  14. Test the Run Flow component and notice the appearance of the popup in the right-hand corner.

Was this article helpful?